@charset "utf-8";


	/* ----< Section définition globale de la page Web >---- */


body { padding: 0; margin: 0; color: #4b3f36; background: #000; text-align: center; font-family: Garamond, "Times New Roman", Times, serif; }

a { color: #4b3f36; text-decoration: none; } 
	
a:hover, a:focus, a:active { /*color: #b49fa5;*/ }
	
a img { border: none; }
	
em {
	font-style: italic;
	font-family: Garamond, "Times New Roman", Times, serif;
} 
strong {
	font-weight: bold;
	font-size: 18px;
	font-family: Garamond, "Times New Roman", Times, serif;
}  

form, fieldset { margin: 0; padding: 0; border: none; } 
	
input, button, select {vertical-align: middle; }


	/* ----< Section définition du Conteneur Général >---- */


#container { position: relative; display: block; margin: 0 auto; width: 1000px; padding: 0; text-align: left; background: #e6e1d2; }


	/* ----< Section Header >---- */


#header { position: relative; z-index: 5; height: 228px; }
	#header img { position: absolute; left: 133px; top: 25px; width: 742px; height: 203px; background: url(../images/main_title.png) 0 0; }
	#header h1, #header p { display: none; }


	/* ----< Section Menu + Contenu >---- */


.violet { color: #b49fa5; }

#main { position: relative; display: block; margin: 0; padding-top: 103px; z-index: 5; }

#menu { position: absolute; display: block; left: 133px; top: 15px; width: 742px; color: #b49fa5; font-size: 17px; text-align: right; }
	#menu span { padding-bottom: 5px; border-bottom: 1px solid #c2bbae; }
		#menu span span { color: #4b3f36; font-size: 16px; line-height: 12px; vertical-align: bottom; border: none; }

#frame { position: relative; display: block; margin: 0 auto 0 317px; width: 557px; min-height: 275px; padding-bottom: 113px; z-index: 100; }
	#frame h2 { font-size: 21px; color: #b49fa5; }
	#frame h3 { font-size: 17px; }
	#frame p, #frame ul {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	font-weight: bold;
}
		#frame p.padleft { padding-left: 40px; }
		#frame p a, #frame ul a { font-weight: bold; }
	#frame span { font-size: 16px; line-height: 19px; vertical-align: bottom; }
	#frame img.external { width: 10px; height: 10px; vertical-align: top; background: url(../images/external_link.png) 0 0; }

.photos { position: absolute; bottom: -1px; left: 0; z-index: 10; }
	#ph_accueil { width: 289px; height: 439px; background: url(../images/photo_accueil-ctacik.jpg) 0 0; }
	#ph_contact { width: 330px; height: 289px; background: url(../images/photo_contact-MarcDietrich.jpg) 0 0; }
	#ph_correction { width: 303px; height: 300px; background: url(../images/photo_correction_selective_1.jpg) 0 0; }
	#ph_faq { width: 301px; height: 242px; background: url(../images/photo_faq-manipulateur.jpg) 0 0; }
	#ph_prestations { width: 575px; height: 287px; background: url(../images/photo_prestations-wrangler.jpg) 0 0; }
	#ph_tarifs { width: 427px; height: 255px; background: url(../images/photo_tarifs-Lichtmeister.jpg) 0 0; }
	#ph_temoignages { width: 320px; height: 317px; background: url(../images/photo_temoignages-iMAGINE.jpg) 0 0; }


	/* ----< Section Footer >---- */


#footer { position: relative; height: 30px; color: #e6e1d2; z-index: 1; background: url(../images/footer_bkgrnd.png) #534741 0 0 repeat-x; }
	#footer p { position: absolute; margin: 0; left: 154px; top: 6px; width: 719px; height: 14px; padding-top: 3px; text-align: right; font-size: 12px; vertical-align: bottom; }
	#footer a { color: #e6e1d2; }
	#footer span { float: left; }
		#footer span span { display: none; }
	#footer img { margin: -3px 0 0 0; height: 17px; vertical-align: top; }
		#footer #signature { width: 111px; background: url(../images/footer_signature.png) 0 0; }
		#footer #tel { width: 75px; background: url(../images/footer_tel.png) 0 0; }
		#footer #mail { width: 140px; background: url(../images/footer_mail.png) 0 0; }