/* ----- GENERAL ----- */
#page{
	width:802px; text-align: left; margin:20px auto;
	text-transform: uppercase;
}
#page a{text-decoration: none;}


/* ----- HEADER ----- */
#header{}
#menu, #identite{width:400px;float:left;}

#menu{}
#menu li{
	display: block; float:left; padding:13px 11px 0 10px;
	background-image: url('../media/pointilles.png');
	background-position: top right; background-repeat: repeat-y;
}
#menu li.first{padding-left:0;}
#menu li.last{background-image: none;}
#identite{position: relative; line-height:9px; width: 100%;}

.projets {
	float: left;
}

.ident {
	float: right;
}

a.contactlink  {
	color: #1f497d;
}

a {
	color: #000;
}

@media only screen and (min-device-width : 240px) and (max-device-width : 480px) {
	#identite {
		position: relative;
		width: 100%;
	}
	
	.projets {
		float: none;
		font-size: 25px;
	}
	
	.ident {
		float: none;
		display: block;
		font-size: 15px;
	}
	
	.ident a {
		display: block;
		margin-top: auto;
		
	}
	
	.ident:first-child {
		margin-top: 25px;
	}
	
	.ident a {
		margin-bottom: -25px;
	}

	.ident:last-child {
		margin-bottom: 35px;
	}
	
	a.contactlink  {
		font-size: 30px;
	}
}


/* ----- MAIN ----- */
#main{border: 1px solid #bbb; margin:2px 0; position:relative;}
#navigation{
	position:absolute; top: 30px; left: 0; z-index:5;
	line-height:9px;
}
.navigunit{
	background-color: #000; color:#fff; 
	padding: 2px 4px 0px 4px; margin:0 2px 2px 0;
	float:left; height:14px;
}
#navigation .navigunit a{color:#fff;}
/*.navigunit img.gau{padding:0 3px 0 3px;}
.navigunit img.dro{padding:0 3px 0 3px;}*/

a.gau{position: absolute; top: 30px; left: 50%; margin-left: -15px; width: 30px; height: 21px; opacity: 0.4}
a.dro{position: absolute; bottom: 20px; left: 50%; margin-left: -15px; width: 30px; height: 21px; opacity: 0.4}


a.slidegau{position: absolute; top: 30px; left: 50%; margin-left: -15px; width: 30px; height: 21px; opacity: 0.25; z-index: 15;}
a.slidedro{position: absolute; bottom: 20px; left: 50%; margin-left: -15px; width: 30px; height: 21px; opacity: 0.25; z-index: 15;}

.navigunit .numsepara{padding:0 3px 0 3px;}


#main.diaporama{padding: 86px 100px 66px 120px; width:580px; height:440px;}
.slide{width:135px; height:102px; padding:0 10px 10px 0; float:left; border:none; }
.slide img{width:133px; height:100px; display: block;}


#main.slideshow{border:none; }
#main.slideshow img.bigpic{display: block; border:none; }


/*.renseignements{width:800px; height:592px; }*/
.renseignements{width:800px; height:600px; }
#rens_inner{
	position: absolute; bottom:0; right:0; width:410px; height:400px; padding: 0 20px 100px 0;
/*	background-color: red;*/
}

#rens_inner2{
	position: absolute; bottom:0; right:0px; width:480px; height:400px; padding: 0 0 100px 0;
	margin-right:-200px;
	font-weight: bolder;
	

	
}

#rens_inner2 p{font-weight: 800; text-decoration: none; font-style:normal;}
#rens_inner a{font-weight: bold; text-decoration: underline;}
#rens_inner a.nolink{text-decoration: none;}
#rens_inner h2{font-size: 120%; float:left;text-align: right; width:200px; padding-right:5px; font-weight: bold;} 
#rens_inner2 h2{font-size: 120%; float:left;text-align: right; width:220px; padding-right:5px; font-weight: bold;margin-left:-100px;}
#rens_inner p {font-size: 110%; float:left; width:200px; padding:0 5px 10px 0; text-transform: none;}


/* ----- FOOTER ----- */
#footer{text-align: right; font-size: 90%;}

div.contenu { 
float: left; 
width: 270px; 
vertical-align:middle;
height:50px;
text-align:right;


} 

div.menu { 
margin-left: 40%; 
width: 20% 
} 


.testx {
text-align:right;
height:35px;
margin-top: 15px;
vertical-align:middle;



}