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


body{
   margin:0px;
   padding:0px;
	background-color:#373231;
	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:#00F3FF;	

}


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

a:hover{
text-decoration:underline;

}




/* HEADER */

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

#header #image{
		margin:0px;
		padding:0px;
		padding-top:0px;
		width:837px;
		height:176px;
		margin-left:auto;
		margin-right:auto;		
		
}


#menu{
	font-size:15px;
	font-weight:normal;
	width:700px;
	margin:0px;
	padding:0px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}


#menu h2{
		display:inline;
		margin:0px;
		padding:0px;
		line-height:40px;
		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 h2 a{

color:#323232;
	
}

#menu  a{

color:#00F3FF;
padding-top:12px;
}

#menu h2 a:hover{

color:#00F3FF;
text-decoration:none;
	
}



/*PAGE */

#wrapper{
	margin:0;
	padding:0;
}


#wrapper #centercol{
	margin:0px;
	padding:0px;
	padding-top:30px;
	background-image:url(images/fond.jpg);
}

/* 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:5px;
float:left;


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

#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;

}

#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;	

}

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




/* FOOTER */ 



 #footer{
		margin:0px;
		padding:0px;
		padding-top:10px;
		
		clear:both;
		text-align:center;
		color:#484242;
		
		}
		

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

		clear:both;
		text-align:center;
		color:#00F3FF;
		
		}	
		







/* 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;
}