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

body
 {background-image:url(../img/fond_texture.png)}

p
 {margin-bottom:20px}

#conteneur
 {background-image:url(../img/fond_bande.png); background-repeat:repeat-x; min-height:800px; text-align:center; padding:0 0 60px 0}

#col_milieu
 {text-align:left; margin:0 auto; width:996px; font:13px/1.3em Arial, Helvetica, sans-serif}

#header
 {height:222px; position:relative; background-image:url(../particuliers/img/bandeau_header.jpg)}

	#header #menu
	 {padding-top:18px; padding-right:18px}

		#header #menu a
		 {display:block; float:right; height:59px; text-decoration:none; margin-left:1px}
			#header #menu a:hover, #header #menu a.actif
			 {background-position:0 -59px}
		
			#header #menu a.accueil
			 {background-image:url(../img/menu_accueil.png); width:96px}
			#header #menu a.particuliers
			 {background-image:url(../img/menu_particuliers.png); width:133px}
			#header #menu a.professionnels
			 {background-image:url(../img/menu_professionnels.png); width:152px}
			#header #menu a.presentation
			 {background-image:url(../img/menu_presentation.png); width:135px}
			#header #menu a.contact
			 {background-image:url(../img/menu_contact.png); width:101px}
	
	#header #sous_menu
	 {position:absolute; top:102px; left:0; padding-left:3px; font-size:1px}
	
		#header #sous_menu a
		 {margin:0 5px; position:relative; text-decoration:none}
		
			#header #sous_menu a span
			 {display:none; position:absolute; bottom:3px; left:136px}
		
			#header #sous_menu a:hover span, #header #sous_menu a.actif span
			 {display:block}
			 

#contenu
 {background-image:url(../img/fond_colonne.png); color:#8e8e8e}

	#contenu #mire
	 {background-image:url(../img/mire.jpg); background-position:533px 0px; background-repeat:no-repeat; padding:26px 30px 50px; min-height:500px}

	#contenu div p
	 {text-indent:20px}

	.visi1
	 {color:#f0f0f0; margin-bottom:30px}
	.visi2
	 {color:#bbbbbb}
	.visi3
	 {color:#8e8e8e}
	
	.visi1 a, .visi2 a, .visi3 a, .lien_texte
	 {color:#CCC; border-bottom:1px dashed #e64717; text-decoration:none}
		.visi1 a:hover, .visi2 a:hover, .visi3 a:hover, a.lien_texte:hover
		 {border-bottom:1px solid #e64717; text-decoration:none}
	.encart
	 {margin:26px 0; background-image:url(../img/fond_encart.png); padding:11px 9px}
	
	ul
	 {padding-left:22px}
	
	li
	 {padding:0 0 4px 10px; background-image:url(../img/puce_orange.png); background-position: 0px 9px; background-repeat:no-repeat}
	
	.orange1
	 {color:#e64717}
	
	#lbCaption .info
	 {display:none}
	
	.tabulation
	 {padding-right:20px}
	
	p + ul
	 {margin-top:-10px}
	
	a.document
	 {display:block; padding:11px 0 10px 40px; background-repeat:no-repeat; background-position:3px 3px; text-indent:0; font-size:14px; color:#999}
	
		a:hover.document
		 {background-color:#333; text-decoration:none}
	
	a.pdf
	 {background-image:url(../img/pdf.png)}
	
	#outils
	 {width:911px; height:115px; background-image:url(../img/outils_fond.png); background-repeat:no-repeat; margin:60px 0 0 10px}
	
		#outils a
		 {display:block; float:left; height:28px; margin-top:50px; text-decoration:none}
		 	#outils a:hover
			 {background-position:0 -28px}
		
		#outils a.btn1
		 {width:277px; background-image:url(../img/outils_btn_1.png); margin-left:32px}
		#outils a.btn2
		 {width:215px; background-image:url(../img/outils_btn_2.png); margin-left:40px}
		#outils a.btn3
		 {width:268px; background-image:url(../img/outils_btn_3.png); margin-left:40px}
	
	.mini_album
	 {margin: 40px 0 80px}
	
		.mini_album h2
		 {color:#f8f8f8; font-size:14px; border-bottom:1px solid #e64717}
		
		.mini_album .photos
		 {margin-left:6px}
		
		.mini_album table
		 {display:block; float:left}
		
			.mini_album table td
			 {text-align:center; vertical-align:middle; width:128px; height:128px}
			
				.mini_album table td img
				 {border:1px solid #fff}


#footer
 {background-image:url(../img/bas_colonne.png); background-repeat:no-repeat; min-height:50px; text-align:center; color:#555; padding-top:4px; font-family:Verdana, Geneva, sans-serif; font-size:11px}

	#footer a
	 {color:#555; text-decoration:none}
	
	#footer a:hover
	 {color:#999;}