@charset "utf-8";
/* CSS Document */

body{
   margin:0px;
   padding:0px;
	background-color:#53696e;
	background-image:url(images/fond.jpg);
	background-position:0px 220px;
font-family: 'verdana', sans-serif;

font-size:12px;
color:#323232;
}


img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
a img{
border:none;	
}

a{
text-decoration:none;
color:#86b9c8;	

}


h2 a{
	text-decoration:none;
color:#3b647a;	
}

a:hover{
text-decoration:underline;

}




/* HEADER */

#header{
		margin:0px;
		padding:0px;
		background-color:#607479;
		background-image:url(images/botHead.jpg);
		background-position:bottom left;
		background-repeat:repeat-x;
		height:220px;
	
		
		
}

#header #image{
		margin:0px;
		padding:0px;
		padding-top:15px;
		width:700px;
		height:150px;
		margin-left:auto;
		margin-right:auto;		
		
}


#menu{
	width:700px;
	margin:0px;
	padding:0px;
	padding-top:2px;
	margin-left:auto;
	margin-right:auto;
}


#menu h2{
		display:inline;
		margin:0px;
		padding:0px;
		margin-right:50px;
}

#menu h2 img{
		display:inline;
		margin:0px;
		padding:0px;
		border:1px solid transparent;
	
}

#menu h2 a img:hover{
		border:1px solid #fff;
}

#menu a{
	padding-top:12px;
color:#3d464d;
	
}



/*PAGE */

#wrapper{
	margin:0px;
	padding:0px;
	background-image:url(images/topFond.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
}


#wrapper #centercol{
	margin:0px;
	padding:0px;
	padding-top:30px;
}

/* PROJETS */

#wrapper #centercol .projet{
margin:0px;
padding:10px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
width:700px;
height:180px;

color:#fff;	
border-bottom:1px solid #fff;
}

#wrapper #centercol h2{
margin:0px;
padding:0px;
	
}


#wrapper #centercol .imgProjet{
margin:0px;
padding:5px;
margin-right:20px;
float:left;
width:230px;
height:170px;
background-color:#fff;
border:2px solid #2e373a;
	
}

#wrapper #centercol .showSite{
margin:0px;
padding:5px;
margin-right:20px;
float:left;


background-color:#fff;
border:2px solid #2e373a;
	
}

#wrapper #centercol .showSite a{
color:#000;
font-weight:bold;
	

}


/* LABS */

#wrapper #centercol #listeLabs{
margin:0px;
padding:10px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
width:700px;
border-bottom:1px solid #fff;
}

#wrapper #centercol #listeLabs img{
display:inline;
}

#wrapper #centercol .lab{
margin:0px;
padding:10px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
width:700px;

color:#fff;	
border-bottom:1px solid #fff;
}

#wrapper #centercol .lab h2{
margin:0px;
padding:0px;
padding-bottom:20px;
}




/* FOOTER */ 



#wrapper #footer{
		margin:0px;
		padding:0px;
		padding-top:5px;

		clear:both;
		text-align:center;
		color:#fff;
		
		}
		

#wrapper #footer a{
		margin:0px;
		padding:0px;
		padding-top:5px;

		clear:both;
		text-align:center;
		color:#86b9c8;
		
		}	
		







/* CLASSES */ 

.clrbth{
	clear:both;
}


.gauche{
float:left;
text-align:left;	
	
}

.droite{
float:right;
text-align:right;	
	
}

.nonActif:hover{
text-decoration:none;
	
}

.rouge{
	color:#ff0000	
}

.centre{
text-align:center;	
}


.erreur{
margin:0px;
padding:10px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
width:300px;
background-color:#fff;
border:2px solid #2e373a;
color:#ff0000;
text-align:center;
}