body{
  background	  : #fcf6e4 ;
  color           : #563f2f;
  font-weight     : bold;
  text-align      : center;
  font-style      : normal;
  font-size       : 12pt;
  font-family     : verdana, arial, helvetica, sans-serif;
}

h1{
	color:white;
}
h3{
	color:white;
}
.generale{
  background       : url('images/en_construction.jpg');
  background-repeat: no-repeat;
  padding          : 0px;
  border-spacing   : 0px;
  width            : 1000px;
  height           : 810px;
  margin           : 0 auto;
  text-align       : center;
}

.charte{
  background       : url('images/charte_six_o_coiffure.jpg');
  background-repeat: no-repeat;
  padding          : 0px;
  border-spacing   : 0px;
  width            : 1200px;
  height		   : 887px;
  margin           : 0 auto;
  text-align       : center;
}

.picto{
  position         :relative;
  background-image : url('images/pied_page.jpg');
  width            : 1000px;
  height		   :38px;
  left			   :	0px;
  top			   :	0px;
  background-color : #bdc939;
  height		   :38px;	
  
}

#intro{
  position         :absolute;
  background-image : url('images/fond_texte.jpg');
  background-repeat: no-repeat;
  color		       : #fcf6e4;
  font-size       : 12px;
  padding          : 40px;
  width            : 440px;
  height		   : 280px;
  left			   : 7px;
  text-align       : justify;
  
}
  

.blanc{
  color: #fcf6e4;
  font-family     : Arial;
  font-size       : 12px;
}


A.blanc {
  text-decoration: none;
  color: #fcf6e4;
}

A.blanc:link {
  text-decoration: none;
  font-weight: bold;
  color: #fcf6e4;
}

A.blanc:visited{
  text-decoration: none;
  font-weight: bold;
  color: #fcf6e4;
}

A.blanc:hover {
  text-decoration: none;
  font-weight: bold;
  color: #fcf6e4;
}

A.blanc:active {
  text-decoration: none;
  font-weight: bold;
  color: #fcf6e4;
}

.vert{
  color: #bbc737;
  font-family     : Arial;
  font-size       : 13px;
}

A.vert {
  text-decoration: none;
  font-weight: bold;
  font-size       : 13px;
  color: #bbc737;
  text-decoration: none;
}

A.vert:link {
  text-decoration: none;
  font-weight: bold;
  font-size       : 13px;
  color: #bbc737;
}


A.vert:visited{
  text-decoration: none;
  font-weight: bold;
  font-size       : 13px;
  color: #bbc737;
}

A.vert:hover {
  text-decoration: none;
  font-weight: bold;
  font-size       : 13px;
  color: #bbc737;
}

A.vert:active {
  text-decoration: none;
  font-weight: bold;
  font-size       : 13px;
  color: #bbc737;
}

.titre{
  color: #fcf6e4;
  font-family     : Arial;
  font-size       : 15px;
}

.conteneur{
 margin:0 auto;
 width:1000px;
 background-color: #563f2f;
}



#salons{
  position         :absolute;
  color		       : #fcf6e4;
  font-size        : 13px;
  width            : 450px;
  height		   : 290px;
  left			   : 533px;
  top			   : 15px;
	
  
}

.handhover{
	cursor: pointer;
	 
}


#Header{
	position:relative;
	left:0px;
	top:0px;
	width:1000px;
	height:175px;
	margin:0 auto;
}

#centre-accueil, #centre-contact, #centre-partenaires{
	position:relative;
	background-color: #563f2f;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #01016a;
	left:0px;
	top:0px;
	width:1000px;
	height: 750px;
	margin:0 auto;
	padding:0;
}


#centre-partenaires{
	position:relative;
	background-color: #563f2f;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #01016a;
	left:0px;
	top:0px;
	width:1000px;
	height: 1000px;
	margin:0 auto;
	padding:0;
}

#centre-contact{
	position:relative;
	background-color: #563f2f;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #01016a;
	left:0px;
	top:0px;
	width:1000px;
	height: 850px;
	margin:0 auto;
	padding:0;
}

#centre-tarifs{
	position:relative;
	background-color: #563f2f;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #01016a;
	left:0px;
	top:0px;
	width:1000px;
	height: 870px;
	margin:0 auto;
}

#footer{
	position:relative;
	font-family: Arial;
	font-size: 12px;
	color: #563f2f;
	left:0px;
	top:0px;
	width:1000px;
	margin:0 auto;
	background-color: #bdc939;
	text-align: center;
	float:left;
	line-height: 22px;
}

#pied_page{
	/*position:relative;*/
	font-family: Arial;
	font-size: 12px;
	color: #563f2f;
	/*left:0px;*/
	top:5px;
	width:1000px;
	margin:0 auto;
	background-color: #fcf6e4;
	text-align: center;
	height: 100px;
	line-height: 30px;

}

#chignon{
  position         :absolute;
  width            : 494px;
  height		   : 326px;
  background-color :#563f2f;
  left 				:23px;
  top			   : 425px;
	
  
}

#texte_relais{
  position         :relative;
  width            :1000px;
  background-color :#fcf6e4;
  color			   :#563f2f;
  font-size        :12px;
  top			   :1200px;
  margin		   :0 auto;
	
  
}

#fidelite{
  position         :absolute;
  width            : 450px;
  left			   : 530px;
  top			   : 320px;
	
  
}

#tarifs-fidelite{
  position         :absolute;
  width            : 438px;
  height		   : 186px;
  left			   : 543px;
  top			   : 155px;
	
  
}

#reduc{
  position         :absolute;
  width            : 317px;
  left			   : 522px;
  top			   : 60px;
	
  
}

#furterer{
  position         :absolute;
  color		       : #fcf6e4;
  width            : 850px;
  padding		   : 10px;
  left			   : 65px;
  top			   : 312px;
  background-color: #664a36;
  text-align: justify;
  float: left;
	
  
}

#caprice{
  position         :absolute;
  color		       : #fcf6e4;
  width            : 850px;
  padding		   : 10px;
  left			   : 65px;
  top			   : 510px;
  background-color: #664a36;
  text-align: justify;
  float: left;
	
  
}

#oreal{
  position         :absolute;
  color		       : #fcf6e4;
  width            : 850px;
  padding		   : 10px;
  left			   : 65px;
  top			   : 60px;
  background-color: #664a36;
  text-align: justify;
  float: left;
	
  
}

#lien-retour{
  position         :absolute;
  color		       : #fcf6e4;
  width            : 850px;
  padding		   : 10px;
  left			   : 65px;
  top			   : 850px;
  background-color: #664a36;
  text-align: justify;
  float: left;
	
  
}
  
img{
  border:none;
}

a:link{
	border:none;
	text-decoration:underline;
	color:#563f2f;
}

a:visited{
	border:none;
	text-decoration:underline;
	color:#563f2f;
}

a:hover{
	border:none;
	text-decoration:underline;
	color:#563f2f;
}

a:active{
border:none;
text-decoration:underline;
color:#563f2f;
}

#horaires{
	width:322px;
	padding:35px;
	margin:5px;
	float:left;
	color:#fcf6e4;
	text-align: justify;
}

#localisation{
  position         :absolute;
  color		       : #fcf6e4;
  font-size        : 13px;
  width            : 900px;
  left			   : 44px;
  top			   : 812px;
}

#googlemaps{
	width:1000px;
	text-align:center;
}

#googlemap1{
	 width:425px;
	 height:350px;
	 float:left;
	 clear:left;
	 margin:0 45px;
	 top:30px;
}

#googlemap2{
	 width:425px;
	 height:350px;
	 float:left;
}

#formulaire-contact{
	width:500px;
	padding:15px;
	margin:15px;
	float:left;
	top:50px;
	background: #5e4635;
}

#contact_form{
	margin:0 auto;
	width:425px;
}

#contact_form label{
	float:left;
	color:white;
}

#contact_form textarea{
	float:left;
}

#contact_form span{
	float:left;
	color:#bbc737;
}

#telephone, #expediteur{
	position:relative;
	left:-45px;
}

#contact_form input, #contact_form select{
	float:right;
}

#partenaires{
	list-style-type:none;
	position:relative;
	left:-20px;
}

#partenaires li{
	display:inline;
}

#tarifs{
	color:#563f2f;
	margin:20px;
	float: left;
}

#tarifs thead{
	background:#bbc737;
}

#tarifs tbody{
	background:#f7eabd;
}

.table-inside{
	color:#563f2f;
	width:100%;
}

.td-left{
	width:280px;
	text-align:left;
	background: #fcf6e4;
}

.td-right{
	width:120px;
	text-align:right;
	background: #fcf6e4;
}

.td-left, .th-left{
	width:250px;
}

.th-right{
	width:121px;
}

.th{
  color: #fcf6e4;
  font-family     : Arial;
  font-size       : 18px;
  background-color: #563f2f;
}

.th-info{
  color: #fcf6e4;
  font-family     : Arial;
  font-size       : 13px;
  background-color: #563f2f;
  text-align: left;
}

.mail-msg{
	color:#bbc737;
}

a:focus, object:focus, img:focus{outline:0;}