@import url("reset.css"); 

/*--STYLES GENERAUX--*/
body { text-align: center; background:#29478D; font-family: Arial, Verdana, serif; }

p { font-weight:normal; color:#333; }

strong { font-weight:bold; }

#global { width:1003px; height:auto; margin:0 auto; text-align:left; z-index:0; }


	/*--STYLES ENTETE--*/
	#entete { width:987px; height:150px; margin:auto; background:#fff; position:relative; }
		#entete h1 { font-size:18px; color:#000000; font-weight:bold; padding:20px 0 0 280px;  }
		#entete h2 { font-size:13px; color:#0000000; font-weight:bold; padding:0 0 0 350px; }
		#entete h3 { font-size:14px; font-weight:normal; color:#525252; padding:10px 15px 0 0; text-align:right; }
		#entete a { width:169px; height:84px; margin:10px auto auto 32px; position:absolute; }
		#entete  span#telephone { font-size:18px; position:absolute; top:100px; right:10px; background:url(../images/structure/telephone.jpg) no-repeat left top; display:block; z-index:500; width:180px; padding-left:20px; height:20px;  }
		#entete span#mail {  font-size: 15px; position:absolute; top:120px; right:10px; background:url(../images/structure/mail.jpg) no-repeat left top; display:block; z-index:500; width:180px; padding-left:20px; height:20px; }		


	/*--STYLES NAVIGATION--*/
	#navigation { width:987px; height:auto; margin:0 auto; background:#fff; position:relative; }
		#navigation p { color:black; text-align:left; font-weight:bold; padding: 0 0 0 0; }
		/*menu*/
		#tabnav { position:relative; height:30px; margin-left:30px; width:auto; list-style:none; }
			#tabnav li { list-style:none; display:block; width:116px; height:33px; text-align:center; font-size:11px; color:#000; font-weight:bold; text-transform:uppercase; line-height:33px; vertical-align:middle; float:left; margin-right:8px; } 
			#tabnav li a:link, #tabnav li a:visited, #tabnav li a:active { display:block; width:116px; height:33px; text-align:center; font-size:11px; color:#000; font-weight:bold; text-transform:uppercase; background:url(../images/structure/fond_menu.jpg) no-repeat top left; text-decoration:none; }
			#tabnav li a:hover, #tabnav li a.actif { color:#fff; background:url(../images/structure/fond_menu_f2.jpg) no-repeat top left; }
				/*bt accueil*/
				li#bt_accueil a:link, li#bt_accueil a:visited, li#bt_accueil a:active { background:url(../images/structure/fond_menu_accueil.jpg) no-repeat top left; } 
				li#bt_accueil a:hover, li#bt_accueil a.actif { background:url(../images/structure/fond_menu_f2_accueil.jpg) no-repeat top left; } 	
				/*bt contact*/					
				li#bt_contact a:link, li#bt_contact a:visited, li#bt_contact a:active { background:url(../images/structure/fond_menu_contact.jpg) no-repeat top left; } 
				li#bt_contact a:hover, li#bt_contact a.actif { background:url(../images/structure/fond_menu_f2_contact.jpg) no-repeat top left; } 					
		#trait { width:100%; clear:both; }
		#barre { background:url(../images/structure/navigation_barre.jpg) no-repeat top left; margin-left:30px; width:935px; height:8px; position:relative; clear:both; }

	/*--STYLES CONTENU ACCUEIL--*/
	#contenu { width:987px; height:auto; margin:0 auto; background:#fff; position:relative; }
		#contenu div.slideshow { margin:30px auto 0 auto; width:auto; height:auto;  }
		#contenu p.presentation { font-size:15px; font-weight:normal; text-align:justify; padding:20px 190px 50px 190px; line-height:20px; }


	/*--STYLES CONTENU METIER--*/
	.ss_metier { width:100%; height:auto; }
		.ss_metier h4 { font-size:13px; font-weight:bold; color:#29478D; line-height:20px; height:20px; vertical-align:middle; margin:26px 0 0 0; }
		.ss_metier h5 { font-size:12px; font-weight:normal; color:#707070; line-height:14px; height:auto; margin:0 0 10px 0; }
		.ss_metier div.col_left { width:290px; height:auto; float:left; margin-left:20px; }
			.example { z-index:100; }
		.ss_metier div.col_right { width:630px; height:auto; float:left; }
			.col_right ul { width:200px; float:left; list-style:none; margin-right:5px; padding:0; }
				.col_right ul li { list-style-type:disc; list-style-position:inside; font-size:12px; color:#333333; font-weight:normal; line-height:14px; vertical-align:middle; margin: 5px 0 5px 0;  }		
	
	
	/*--STYLES CONTENU CONTACT--*/				
	#contenu table { margin:0 auto; text-align:left; }
		#contenu table tr { height:30px; line-height:30px; vertical-align:middle; }
		#contenu table td { }
		#contenu table label { font-size:11px; color:#333; font-weight:normal; }
		#contenu table input[type=text] { background:#fff; border:1px solid #999; width:300px; color:#333; font-size:10px; }
		#contenu table textarea { background:#fff; border:1px solid #999; width:300px; color:#333; font-size:10px; overflow:hidden; margin:0; padding:0; height:75px; }		
	#contenu p.mention { font-size:10px; text-align:left; color:#666; margin:20px auto 20px 100px; width:440px; text-align:justify; }
		p.mention a { color:#333; }
		p.mention a:hover{ color:#000; } 	
	#contenu p#texte_sup { position:absolute; right:30px; top:80px; line-height:20px; font-size:15px; text-align:left; color:#000; width:300px; text-align:justify;}		
		p#texte_sup a { color:#333; }
		p#texte_sup a:hover{ color:#000; } 	
		p.addition { font-size:10px; color:#666666; margin:235px 400px auto 100px; position:absolute; text-align:justify; }
		.contactTel { font-size:20px;}


	/*--STYLES PIED--*/
	#pied { width:987px; margin:auto; background:#EAEAEA; position:relative; padding:0 0 8px 0; z-index:1;  }
		#separation { background-color:#000000; width:987px; height:1px; }
		#rappel_navigation { list-style:none; padding:10px 0 15px 0; }
			#rappel_navigation li { font-size:10px; font-weight:bold; list-style:none; text-transform:uppercase; float:left;  margin-right:10px; margin-left:20px;  }
				#rappel_navigation li a { color:#666666; text-decoration:none;}
				#rappel_navigation li a:hover, #rappel_navigation li a.actif { color:#000000; }
		p#nom_societe { font-size:11px; font-weight:bold; color:#666666; margin: 0 0 0 20px; }
		p#adresse { font-size:10px; color:#666666; margin: 2px 0 0 20px; }
		p#contact_mail { font-size:11px; margin: 2px 0 0 20px;  }
		p#contact_mail a { color:#333333; }
		p#contact_mail a:hover { color:#666666; }
		p#texte_libre { position:absolute; top:10px; right:15px; width:380px; font-size:10px; text-align:justify; color:#666; line-height:12px; }
		p#texte_libre a { color:#333; }
		p#texte_libre a:hover{ color:#000; }