*{
  font: normal 12px "trebuchet ms", helvetica, arial, sans-serif;
}
/*___________Typos____________________________________________________________*/
p{
  margin: 5px 0 5px 0;
}
.intro{
  border-left:3px solid #59bbf4;
  background:#efefef;
  padding:2px;
  padding-left:14px;
  clear:both;
  margin:8px 3px 5px 0;
  line-height:16px;
  text-align:justify;
}
.intro:first-letter{
  font-weight:bold;
  font-size:120%;
  color: #ff3399;
}
.intro strong{font-weight: bold;}
/*___________Links____________________________________________________________*/
a, a:link{
  text-decoration:none;
  color:#59bbf4;
}
a:hover{
  text-decoration:underline;
}
a:active{
  text-decoration:underline;
   color: #ff3399;
}
#login p{color: #FFF;}
.lien_compte{margin: 0;}
.lien_compte a{
color: #644E43;
text-decoration: none;
}
.lien_compte a:hover{
color: #46352C;
text-decoration: underline;
}
/*___________Titles___________________________________________________________*/
#header_content h1{
color: #FFF;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
position: absolute;
left: 240px;
top: 57px;
}
#header_content h1:first-letter{
color: #F39;
font: italic 1.5em Georgia, "Times New Roman", Times, serif;
}
h1{
  font-size:20px;
  color: #59bbf4;
  border-bottom:1px dotted #59bbf4;
}

.product_title{
display:block;
margin: 10px 0 10px 0;
font-size:22px;
color: #59bbf4;
border-bottom:1px dotted #59bbf4;
}
h1:first-letter, .product_title:first-letter {
  font-size:22px;
  color: #f39;
}
.product_h1{
border-bottom:0px dotted #59bbf4;
color: #ff3399;
 font-size:22px;
}
h2{
font-size:15px;
border-bottom:1px solid #59bbf4;
}
.ssmenu h2 a, .ssmenu h2 a:hover{
  color: #FFF;
  text-decoration: none;
  font-size: 1em;
}
h2.product_sstitle{
color: #666;
font-size: 17px;
border: 0;
font-style:italic;
}
h3{
  margin: 10px 0 10px 20px;
  font-size: 13px;
  color: #46352c;
  font-size: bold;
  text-decoration: underline;
}
h3:first-letter{
  font-size: 18px;
  color: #59bbf4;
  font-size: normal;
}
h3.product_chapo{
text-decoration: none;
margin: 10px 0 10px 20px;
font-size: 13px;
color: #666;
font-size: bold;
}
h4{

}
.begin_title{
  color:#ccc;
   font-size:16px;
}
/*___________Formulaires _________________________________________*/
#formulaire{
width: 100%;
clear: both;
height: auto;
padding: 20px 0 40px 0;
}
#formulaire p label{
width: 180px;
float: left;
}
#formulaire p input, #formulaire p select{width: 150px;}
#formulaire p input[type=file]{width: 200px;}
#formulaire p textarea{
width: 200px;
height: 70px;
overflow: auto;
}
hr{
margin: 10px 0;
width: 100%;
border: 0;
background: #46352C;
height: 1px;
}
.obligatoire{color: #ff3399;}
.facultatif{padding-left: 70px; color: #777; font-style: italic;}
/*___________Lists____________________________________________________________*/
ul, ol{
  margin:0;
  padding:0;
}
li{
  list-style-type:square;
}
#menu ul{
  margin:0; 
  padding:0;
}
#menu li{
  list-style-type:none;
  float:left;
  text-align:center;
  font-size: 13px;
}
#menu li a{
  color:#fff;
  letter-spacing:2;
  display:block;
  width:250px;
  text-align:center;
  border-top:2px solid #46352c;
}
#menu li a:hover{
  text-decoration: none;
  color: #f39;
}
/*#menu li a.current{
  border-top:2px solid #ff3399;
}
*/
.ssmenu ul{
  margin-bottom: 15px;
}
.ssmenu ul li{
  list-style-type:none;
}
.ssmenu ul li a{
  padding-left:5px;
  color:#fff;
}
.ssmenu ul li a:hover{
  color:#59bbf4;
  text-decoration:none;
}
.ssmenu ul li a:active{
  color:#ff3399;
}
.center li{
  text-align:center;
}
#presta_list{
margin: 0 0 0 30px;
padding: 0;
list-style-type: box;
}  
#presta_list li{font-weight: bold;}
#presta_list li span{font-style: italic;}
#detail_prd ul li{
list-style-type: none;
font: normal 13px "Trebuchet MS", Verdana, Arial, sans-serif;
}
#detail_prd ul li span{
font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
}
#prd_img{
margin: 3px;
float: left;
padding-right: 10px;
}
#desc_prd{
float: left;
width: 250px;
margin: 0 40px 0 0;
padding: 10px;
}
#description{
clear: both;
margin: 5px 0 0 0;
}
#description ul{float: left;}
#description ul strong{
font: bold 15px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #666;
}
#description ul li{
color: #369;
list-style-type: none;
padding-left: 10px;
}
/*_________Produits___________________________________________________________*/
.produits{
  border:1px solid #59bbf4;
  background:#f6fcff;
  width:185px;
  overflow: hidden;
  margin:2px;
  float:left;
}
.produits li{
  list-style-type: none;
  padding: 0 5px;
}
.prod_img{
  min-height: 150px;
  text-align:center;
  border-bottom:1px solid #59bbf4;
  background:#fff;
}
.prod_desc{
  padding:3px;
  padding-left:6px;
  height:118px;
}
.buy{height:18px;}

.prix{font-weight:bold; background:#fff url(http://www.pistil-design.net/swap/tag_price.jpg) no-repeat; height:90px; }
.prix div{margin-top: 20px;color:#fff;font-size:20px; padding:25px 0 0 78px;}
.produits a:hover{display:block; text-decoration:underline;}
/*__________Input_____________________________________________________________*/
input.champ_compte{
border: 1px solid #2C729C;
background: #644E43;
color: #FFF;
}
textarea{
  border:1px solid #000;
}
select{
background-color: #644E43;
color: #FFF;
}
.button{
border: 1px solid #888;
background: #bbb;
color: #FFF;
padding: 0 5px;
font-style: italic;
}
/*__________ Plan acces & Horaires _________________________________________________________*/
#plan_acces{
float: left;
border: 1px solid #59bbf4;
padding: 5px;
width: 270px;
height: auto;
margin: 20px 10px 20px 0;
}
#plan_acces ul{margin: 0; padding: 0;}
#plan_acces ul li{
list-style-type: none;
color: #666;
}
#plan_acces ul li p{margin-left: 30px;}
#plan_acces ul li p a{
font: normal 14px "Trebuchet MS", helvetica, arial, sans-serif;
color: #F39;
text-decoration: none;
}
#plan_acces ul li p a:hover{text-decoration: underline;}
.link_img{text-decoration: none;}
.link_img:hover{text-decoration: none;}
.link_img img{border: 0;}
#horaires{
float: left;
padding: 5px;
width: 270px;
height: auto;
margin: 20px 0;
}
#horaires p{
margin: 20px 0 0 0;
padding: 0;
color: #644E43;
}
#horaires ul{
margin: 0;
padding: 0;
}
#horaires ul li span{
width: 110px;
text-align: left;
display: block;
float: left;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}
#horaires ul li{
text-align: right;
list-style-type: none;
color: #644E43;
padding: 0 10px 0 0;
margin: 0;
}
#horaires ul li:hover{
background: #59BBF4;
}
/*_________ Nos Prestations ________________________________________*/
.coupe_cheveux ul{
width: 450px;
margin: 10px 0 10px 10px;
padding: 0;
}
.coupe_cheveux ul li{
text-align: right;
list-style-type: none;
color: #644E43;
padding: 0 0 0 10px;
margin: 0 0 0 20px;
}
.coupe_cheveux ul li:hover{
color: #000;
background: #59BBF4;
}
.coupe_cheveux ul p{
margin: 0 0 0 20px;
color: #F39;
}
.coupe_cheveux ul li span{
width: 300px;
text-align: left;
display: block;
float: left;
color: #000;
margin: 0;
padding: 0;
}
.coupe_cheveux ul li span a{color: #000; font-weight: bold;}
.coupe_cheveux ul li span a:hover{color: #F39;}
.coupe_cheveux ul li span strong{font-weight: bold;}

/*______________________ Tableau des commandes ____________________________*/
#all_cmd{
width: 570px;
border: 1px solid #59BBF4;
border-collapse: collapse;
}
#all_cmd tr th{
color: #FFF;
padding-left: 3px;
background: #59BBF4;
}
#all_cmd tr td{
padding-left: 3px;
}
.fond_td{
text-align: center;
background: #EEE;
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
}
/*______________________ Salon Qualité Couleur ____________________*/
#img-left{float: left; margin-right: 100px;}
#klit-coiffeur{width: 200px; float: left;}
#klit-coiffeur ul{
border-top: 1px solid #F39;
border-bottom: 1px solid #F39;
list-style-type: square;
margin: 5px 0;
padding: 5px 0 5px 10px;
}
#photos-salon{width: 520px;}
#photos-salon ul{list-style-type: none;}
#photos-salon ul li{display: inline;}
#photos-salon ul img{	border: 5px solid #3e3e3e;	border-width: 5px 5px 20px;}
#photos-salon ul a:hover img {
border: 5px solid #DDD;
border-width: 5px 5px 20px;
color: #CCC;
}
#photos-salon ul a:hover {color: #fff;}
/*______________________ Coloration INOA ____________________________*/
#plus-inoa img{float:left; padding: 10px 10px 10px 0;}
#plus-inoa ul{
margin: 0;
padding: 10px 0 0 0;
text-transform: uppercase;
font-size: 14px;
color: #F39;
}
#plus-inoa ul li{line-height: 28px; list-style-type: none;}
#plus-inoa p{text-align: justify;}