/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
.invisible {
	display:none;
}
h1{
display:block;
font-size:16px;
line-height:24px;
color:#dbff69;
font-weight:bold;
margin-bottom:10px;
}
h2{
font-size:13px;
color:#B6AD36;
margin-bottom:2px;
margin-top:5px;
}
h2.centered{
  text-align:center;
  }
h2 span{color:#ECEADA}
h3{
  font:bold 13px Tahoma;
  color:#DDDDD3;
  background: url(../images/charte/arrow.jpg) no-repeat left top;
  padding-left:35px;
  padding-top:1px;
  }
#contenuTexte p{
  margin:5px 0;
  text-align:justify;
  }
.petit{
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#dbff69;
}
#contenuTexte{
  width:630px;
  margin-top:15px;
  padding-left:15px;
  padding-right:15px;
  display:block;
  float:left;
  font-size:12px;
  line-height:16px;
  }
.color{
  color:#BBAC35;
  }
/*---Contact---*/
#contact-adresse{
  background: url(../images/charte/bg-adresse.jpg) no-repeat right 47px;
  width:156px;
  float:left;
  margin-top:20px;
  padding-bottom:5px;
  margin-left:40px;
  display:inline;
  }
  #contact-adresse p{
    text-align:left;
    margin-right:4px;
    margin-bottom:5px;
    line-height:15px;
    }
 #contact-plan{
  width:205px;
  float:left;
  margin-left:110px;
  margin-top:50px;
  display:inline;
  }
  #contact-horaires p{
    margin-top:40px;
    text-align:center;
    margin-left:5px;
    }
.contact-box{
	width:495px;
  float:left;
  margin-top:15px;
  display:inline;
  padding:10px 0 15px;
  background-color: #3B1D15;
  margin-left:40px;
  border:1px solid #492D25;
	}
.inputForm{
	border:1px solid #7C6863;
	background-color:#472B23;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#D3D794;
	}
.inputFormOver{
	border:1px solid #D9C970;
	background-color:#D9C970;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B1D15;
	}
.envoyer{
  background:url(../images/charte/envoyer.jpg) no-repeat left top;
  border:none;
  width:85px;
  height:36px;
	color:#82735C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:70px;
	}
.envoyerOver{
  border:none;
  background:url(../images/charte/envoyer-over.jpg) no-repeat left top;
  width:85px;
  height:36px;
 	color:#3A342C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:70px;
	}
.retablir{
  background:url(../images/charte/retablir.jpg) no-repeat left top;
  border:none;
	width:85px;
  height:36px;
	color:#82735C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:130px;
  float:left;
	}
.retablirOver{
  border:none;
  background:url(../images/charte/retablir-over.jpg) no-repeat left top;
  width:85px;
  height:36px;
  color:#3A342C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:130px;
  float:left;
	}
textarea{
  width:128px;
  }
.mail_label{
	width:75px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#C3BAB8;
	font:normal 12px Arial;
	text-align:left;
	}
.mail_input{
	width:130px;
	float:left;
	margin-top:5px;
	color:#fff;
	}
.buttons{
  clear:both;
  height:75px;
  padding-top:12px;
  padding-left:45px;
  }
#obligatoire p.star{
  color:#D9C970;
  font-size:10px;
  margin-top:0px;
  padding-top:0px;
  text-align:center;
  margin-right:40px;
  clear:both;
  }
/*--end contact--*/
.line{
  background:url(../images/charte/line.jpg) repeat-x left center;
  clear:both;
  width:630px;
  height:20px;
  line-height:0;
  font-size:0;
  }
.line-space{
  clear:both;
  width:630px;
  height:20px;
  line-height:0;
  font-size:0;
  }
ul.list{
  list-style-type: none;
  margin:0;
  padding:0;
  }
ul.list li{
  background:url(../images/charte/icon-list.jpg) no-repeat left 6px;
  padding-left:12px;
  margin-top:3px;
  }
ul.none li{
  background:none;
  margin-top:9px;
  }
ul.maquillage{
  float:left;
  }
  .maquillage li{
    width:170px;}
ul.accueil{
  float:left;
  }
ul.epilation{width:190px;float:left}
ul.epilation li{color:#C8B836;}
/*--maquillage--*/
.subtitle1{
  background:url(../images/charte/bg-tarifs.jpg) no-repeat left top;
  width:296px;
  height:102px;
  margin-left:170px;
  padding-left:35px;
  padding-top:14px;
  color:#fff;
  font:normal 11px Arial;
  }
.subtitle1 table,
.subtitle4 table,
.subtitle5 table,
.subtitle6 table
{
  width:230px;
  }
.subtitle1 td{
  padding:2px 0;
  border-bottom:1px solid #7C7025;
  }
#contenuTexte td.noBorder{border:none;}
.subtitle2{
  background:url(../images/charte/bg-epilation.jpg) no-repeat left top;
  width:522px;
  height:36px;
  margin-left:50px;
  }
#contenuTexte .subtitle2 p{
  text-align:center;
  padding-top:10px;
  margin:0;
  font:bold 12px Arial;
  color:#fff;
  }
#contenuTexte .subtitle2 span{
  color:#DBFF69}
.subtitle3{
  background:url(../images/charte/bg-corps.jpg) no-repeat left top;
  width:522px;
  height:47px;
  margin-left:55px;
  }
#contenuTexte .subtitle3 p{
  text-align:center;
  padding-top:7px;
  margin:0;
  font:bold 11px Arial;
  color:#fff;
  line-height:16px;
  }
.subtitle4{
  background:url(../images/charte/bg1-corps.jpg) no-repeat left top;
  width:249px;
  height:54px;
  float:left;
  padding-top:7px;
  padding-left:20px;
  color:#fff;
  }
#contenuTexte .subtitle4 p{
  margin:0;
  font:bold 11px Arial;
  }
.subtitle4 td{
  padding:2px 0;
  border-bottom:1px solid #9E9957;
  }
.subtitle5,
.subtitle6{
  background:url(../images/charte/corps2-bg.jpg) no-repeat left top;
  width:253px;
  height:170px;
  float:left;
  padding-top:7px;
  padding-left:20px;
  color:#fff;
  }
#contenuTexte .subtitle5 p,
#contenuTexte .subtitle6 p{
  margin:0;
  font:bold 11px Arial;
  }
.subtitle5 td,
.subtitle6 td{
  border-bottom:1px solid #9E9957;
  font-size:11px;
  }
.subtitle6 td{padding:2px 0;}
.corps1-box{
  float:left;
  width:280px;
  margin-left:5px;
  }
.subtitle7{
  background:url(../images/charte/bg1-corps.jpg) no-repeat left top;
  width:269px;
  height:63px;
  margin-left:170px;
  color:#E5E3D0;
  font:bold 12px Arial;
  }
  #contenuTexte .subtitle7 p{
    text-align:center;
    line-height:18px;
    margin:0;
    padding-top:19px;
    }
#contenuTexte .corps1-box p {
  text-align:center;
  color:#C6B532;
  font-weight:bold;
  line-height:12px;
  margin-bottom:0;
}
#contenuTexte .corps1-box span{
  color:#D0CEC0;
  font-weight:normal;
  font-size:11px;
  }
#contenuTexte p.italicText{
  font:normal normal 11px Arial;
  color:#fff;
  background-color: #6F5E1E;
  margin:0px 10px 0 6px;
  padding:2px 0;
  clear:both;
  }
.subtitle8{
  background: url(../images/charte/bg-aminci.jpg) no-repeat left top;
  width:310px;
  height:70px;
  padding-top:10px;
  color:#fff;
  font:normal 12px Arial;
  float:left;
  margin-top:10px;
  }
#contenuTexte .subtitle8 p{
  text-align:center;
  line-height:18px;
  }
.subtitle-plan{
  background: url(../images/charte/bg-plan.jpg) no-repeat left top;
  width:269px;
  height:211px;
  margin-left:170px;
  color:#E5E3D0;
  font:bold 11px Arial;
  }

 /*--epilation--*/
.item3{
  background:url(../images/charte/item3.jpg) no-repeat left top;
  padding-left:25px;
  }
.item2{
  background:url(../images/charte/item2.jpg) no-repeat left top;
  padding-left:25px;
  }
.item1{
  background:url(../images/charte/item1.jpg) no-repeat left top;
  padding-left:25px;
  }
ul.list2{
  list-style-type: none;
  margin:0 0 0 60px;
  padding:0;
  }
ul.list2 li{
  background:url(../images/charte/icon-list.jpg) no-repeat left 6px;
  padding-left:12px;
  margin-top:3px;
  }