html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}
body { color: #fff; background: #000 url(../pictures_library/fnd_body.png) repeat-x; padding: 0; }
a { color: #fff; text-decoration: none; }
a:hover, a:focus { color: #fff; text-decoration: underline; }
strong {
	color: #000;
}
.statistiques { height: 20px; width: 20px; left: 0; position: absolute; visibility: hidden; }
/* Page */
#global { min-height: 100%; background-image: url(../pictures_library/bande.png); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 900px; /* -> 3 */
	height: 100%; margin-right: auto; margin-left: auto; /* -> 4 */
}
/*Head ----------------------------------------------------------------------------------------*/
#head { background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 542px; margin: 0; padding: 44px 0 0 358px; }
#centre { background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 100%; /* -> 5 */
	overflow: hidden; margin: 0; padding: 0; /* -> 5 */
}
/* Menu de navigation  verticale*/
#navigation { 
	width: 150px; float: left; margin: 0; /* -> 6 */
}
#navigation p { text-align: right; padding-right: 10px; }
#navigation p.horaires { color: #636363; font-size: 11px; }
#navigation a { text-decoration: none; }
#navigation a:hover, #pied a:focus { text-decoration: underline; }
/* Contenu  --------------------------------------------------------------------------------------*/
#contenu { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 0 358px; padding: 10px 0 0; }
.pub  {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
#contenu p { font-size: 11px; text-align: justify; margin: 0; padding: 0 0 0; }
#contenu p.intro { margin: 0; padding: 0 0 8px; }
#contenu h1 { color: #fff; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; margin: 0; padding: 0 0 0 10px; }
#contenu h2 { color: #8e9190; font-size: 11px; font-style: italic; text-align: left; margin: 0; padding: 0; }
.animation { position: relative; top: 0; left: 0; z-index: 50; }
/*#### Les coiffeuses*/
#coiffeuse { color: #fff; width: 37px; float: left; margin: 0; padding: 0 0 0 12px; }
#coiffeuse img { margin: 0; padding: 0; }
#coiffeuse p { color: #fff; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: 
left; margin: 5px 0 0 0; padding: 0; }
/*##### Collections et coupes*/
#collection { color: #000; background-color: #b2b2b2; width: 104px; float: left; max-height: 170px; margin: 2px; padding: 0; }
#collection img { width: 100px; border: solid 2px #b2b2b2; }
#collection p { color: #000; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; margin: 5px 0 5px 5px; padding: 0; }
/*##### Les marques*/
#fndmarquehaut { background-image: url(../pictures_library/fnd_marque_haut.gif); background-repeat: repeat-x; background-position: 0 0; width: 100%; height: 24px; margin: 0; padding: 0; }
#fndmarque { background-color: #fff;
min-height:300px;
background-repeat: repeat-y; background-attachment: fixed; background-position: 0 0; width: 100%; margin: 0; padding: 0; }
#fndmarque p { font-size: 11px; }
#fndmarquebas { background-image: url(../pictures_library/fnd_marque_bas.gif); background-repeat: repeat-x; background-position: 0 0; width: 100%; height: 80px; margin: 0; padding: 0; }
#marque { color: #000; text-align: center; float: left; margin: 25px 15px; padding: 0; }
#marque img { margin: 0; padding: 0; }
#marque p { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin: 5px 0 0; padding: 0; }
#marque a { color: #636363; text-decoration: none; }
#marque a:hover, #pied a:focus { text-decoration: underline; }
/*##### Les produits*/
#produit { color: #000; }
#produit img { height: 100px; float: left; margin: 0; padding: 0; }
#produit h1 { color: #000; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #636363; }
#produit p { color: #636363; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; text-align: left; margin: 5px 0; padding: 0; }
/*##### Actualites*/
#actualite { width: 100%; margin: 20px 0 0; padding: 0; }
#actualite img { width: 100px; margin: 0 10px 5px 0; padding: 0; float: left; border: solid 1px #fff; }
#actualite h1 { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 0; border-bottom: 1px dotted #b2b2b2; }
#actualite p { color: #b2b2b2; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; text-align: justify; margin: 5px 0; padding: 0; }
#actualite a { color: #b2b2b2; text-decoration: underline; }
#actualite a:hover, #pied a:focus { color: #fff; }
/*##### Tarif*/
#tarif { }
#tarif p { margin: 8px 0 0; padding: 0; }
.separation { margin: 0; padding: 0 0 0; border-bottom: 1px solid #454545; }
#tarif p.prix { color: #8c8c8c; text-align: right; }
/*#####  form 1 */
#form1{
		
		}
#form1 fieldset{ }
#form1 legend{}
#form1 p{ }
#form1 label{}
#form1 input, #form1 textarea{ background-color: #fafafa; border:solid 1px #8e9190; padding:3px; }
#form1 textarea{
		height:125px;
		overflow:auto;
		}
#form1 p.submit{
		text-align:right;
		}
#form1 button{ padding:0 5px; color:#fff; font-size: 11px; background-color: #636363; cursor:pointer; text-align:right; border: solid 1px #fafafa; }
/* Pied de page --------------------------------------------------------------------------------*/
#pied { background-repeat: no-repeat; background-position: 0 0; width: 100%; height: 60px; margin: 0; padding: 0; border-top: 1px solid #fff; }
#pied p { font-size: 10px; text-align: center; margin: 0; padding: 10px 0; }

/* Mention de copyright */
#copyright { color: black; margin: 0; font-size: 10px; text-align: right; padding: 0 0 0 0; }
#legale { font-size: 0.9em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 300px; float: left; }

