/* CSS Document */
/* CSS commun au site Artemys */  
/* Penser à nettoyer des commentaires avant de mettre en prod */

/* Définition du style général */
/*******************************/
body { margin-left:0px; margin-top:0px; background-color: #fff; }

#conteneur { position: absolute; left:50%; height: 100%; top:0px; width:780px; margin-left:-390px; margin-top:0px;}

h1 { visibility: hidden; }

h2 { visibility: hidden; }

#entete1 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent01.jpg) no-repeat 0 0;} 
#entete2 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent02.jpg) no-repeat 0 0;}
#entete3 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent03.jpg) no-repeat 0 0;}
#entete4 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent04.jpg) no-repeat 0 0;}
#entete5 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent05.jpg) no-repeat 0 0;}
#entete6 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent06.jpg) no-repeat 0 0;}
#entete7 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent07.jpg) no-repeat 0 0;}
#entete8 { position: absolute; left:50%; top:0px; width:760px; height:250px; margin-left:-380px; margin-top:0px; background: transparent url(pics/ent08.jpg) no-repeat 0 0;}

#divmenu { position: absolute; left:50%; top:260px; width:760px; height:100px; margin-left:-380px; margin-top:0px; }                                             
	#menu { margin: 0 ; padding: 0 ; list-style: none ; }
		#menu li { display: block; float: left; margin: 0 ; padding: 0 ; }
		#menu li a { display: block ; width: 152px ; height: 100px ; padding: 0 !important;}
		#menu li a strong { display: none ; }
			#menu li#recrute a { background: transparent url(pics/m_recrute.gif) no-repeat 0 -100px ; }                 	
			#menu li#recrute a:hover { background: transparent url(pics/m_recrute.gif) no-repeat 0 0 ; }
			#menu li#qui a { background: transparent url(pics/m_qui.gif) no-repeat 0 -100px ; } 
			#menu li#qui a:hover { background: transparent url(pics/m_qui.gif) no-repeat 0 0 ; }
			#menu li#quoi a { background: transparent url(pics/m_quoi.gif) no-repeat 0 -100px ; } 
			#menu li#quoi a:hover { background: transparent url(pics/m_quoi.gif) no-repeat 0 0 ; }
			#menu li#comment a { background: transparent url(pics/m_comment.gif) no-repeat 0 -100px ; } 
			#menu li#comment a:hover { background: transparent url(pics/m_comment.gif) no-repeat 0 0 ; }                  
			#menu li#clients a { background: transparent url(pics/m_clients.gif) no-repeat 0 -100px ; } 
			#menu li#clients a:hover { background: transparent url(pics/m_clients.gif) no-repeat 0 0 ; }

#content { position: absolute; left:50%; top:370px; width:760px; height:180px; margin-left:-380px; margin-top:0px; }
	#listcontent { margin: 0 ; padding: 0 ; list-style: none ; }
		#listcontent li { display: block; float: left; margin: 5px 0 ; padding: 0 ; }
		#listcontent li a { display: block ; width: 253px ; height: 180px ; padding: 0 !important;}
		#listcontent li a strong { display: none ; }
			#listcontent li#m1 a { background: transparent url(pics/bann01.png) no-repeat 0 0;  }                 	
			#listcontent li#m2 a { background: transparent url(pics/m_recrute.gif) no-repeat 0 0; }                 	
			#listcontent li#r1 a { background: transparent url(pics/bann02.png) no-repeat 0 0; }                 	
			#listcontent li#r2 a { background: transparent url(pics/m_recrute.gif) no-repeat 0 0; }                 	
			#listcontent li#p1 a { background: transparent url(pics/bann03.png) no-repeat 0 0; }                 	
			#listcontent li#p2 a { background: transparent url(pics/m_recrute.gif) no-repeat 0 0; }                 													
			                 																
#pied { position: absolute; left:50%; top:560px; width:760px; height:20px; margin-left:-380px; margin-top:0px; background: #fff;} 
	#pied ul { display: inline;}
	#pied li { display: block; float: left; margin: 0 ; padding: 2px ; font: 10px Trebuchet, Verdana, Arial, sans-serif center; color:#9FC100;}
	#pied li a {text-decoration: none; color: #9FC100;}
	#pied li a:hover {color:#000;}