/* 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";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/* STYLE DE LA PAGE CONTACT */
.gauchecontact{
	float:left;
	width:455px;
	margin:0px 5xp 0px 0;
}
.droitecontact{
	float:right;
	width:178px;
	margin:0px 0 5px 0;
}
.formulaire{
	float:left;
	width:650px;
	margin:0px 0xp 0px 0;
}
.bleunuit{
	font-size:11px;
	color:#0B4A77;
}
.blanc{
	font-size:8px;
	color:#ffffff;
}
#container .loi {
	font-size:10px;
	color:#42647D;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #0B4A77; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #CCDAE3;
	border-color:#BC0000;
	border:1px solid #CCDAE3;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #0B4A77; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #CCDAE3;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#CCDAE3;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #CCDAE3;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#CCDAE3;
}
#formContact .champRequis{
	color:#CCDAE3;
}
/* STYLE DE LA PAGE ACCUEIL */
#accueilcontenu{
	float:left;
	width:650px;
	padding-left:60px;
}
#accueilcontenu1{
	float:left;
	width:643px;
	margin:0 0 0 7px;
}
.gauche{
	float:left;
	width:328px;
	margin:5px 5px 0 7px;
}
.droite{
	float:left;
	width:300px;
	margin:5px 0px 0 0;
}
.gaucheaccueil ul{
	float:left;
	list-style-type:none;
	width:290px;
	padding:5px 0px 10px 0px;
	
}
.gaucheaccueil li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:12px;
	  color:#3B5E78;
	  width:290px;
	  margin:0 0 7px 0;
	  text-align:justify;
}
.titaccueil1{
	font-size:12px;
	color:#BC0000;
	font-weight:bold;
	text-align:center;
}
.titaccueil{
	font-size:12px;
	color:#BC0000;
	font-weight:bold;
}
.tittarifs{
	font-size:12px;
	color:#fff;
	font-weight:bold;
}
.tittarifs1{
	font-size:12px;
	color:#2F516B;
}
.imgaccueil{
	float:left;
}
/*------PAGE EPILATION----*/
.epilation ul{
	float:left;
	list-style-type:none;
	width:130px;
	padding:5px 0px 10px 0px;
	
}
.epilation li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:12px;
	  color:#3B5E78;
	  width:130px;
	  margin:0 0 7px 0;
}
/*----------------PAGE SOINS CORPS------------------*/
.gauchecorps ul{
	float:left;
	list-style-type:none;
	width:600px;
	padding:5px 0px 10px 0px;
	
}
.gauchecorps li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:12px;
	  color:#3B5E78;
	  width:600px;
	  margin:0 0 7px 0;
	  text-align:justify;
}
/*----------------PAGE TARIFS------------------*/
.0{
	float:left;
	width:650px;
	margin:0px 0px 0 0px;
}
.1{
	float:left;
	width:320px;
	margin:5px 50px 0 7px;
}
.2{
	float:right;
	width:320px;
	margin:5px 0px 0 0px;
}
