/***************** STYLE GLOBAUX *****************/
.clearer{
clear:both;
}
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
height: 20px;
margin-bottom: 7px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#hairdressing {background-image: url(../images/charte/titre-hairdressing.gif);}
#contenu h1#cutandstyle {background-image: url(../images/charte/titre-cutandstyle.gif);}
#contenu h1#technic {background-image: url(../images/charte/titre-technic.gif);}
#contenu h1#products {background-image: url(../images/charte/titre-products.gif);}
#contenu h1#extensions {background-image: url(../images/charte/titre-extensions.gif);}
#contenu h1#beforeafter {background-image: url(../images/charte/titre-beforeafter.gif);}
#contenu h1#marctavoukdjian {background-image: url(../images/charte/titre-marctavoukdjian.gif);}
#contenu h1#press {background-image: url(../images/charte/titre-press.gif);}
#contenu h1#news {background-image: url(../images/charte/titre-news.gif);}
#contenu h1#contact {background-image: url(../images/charte/titre-contact.gif);}
#contenu h1#mentions{background-image: url(../images/charte/titre-mentions.gif);}
#contenu h1#merci{background-image: url(../images/charte/titre-merci.gif);}

#contenu h2{
font:normal 12px/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color: #000;
}

#contenu h3{
font:bold 11px/20px Arial, Helvetica, sans-serif;
text-align:left;
color: #000;
background: url(../images/charte/pouce02.jpg) left 6px  no-repeat;
width: 424px;
margin :0px;
padding: 0 0 0 12px;
}

#contenu h4{
font:bold 11px/20px Arial, Helvetica, sans-serif;
text-align:right;
color:#000;
background: url(../images/charte/pouce02.jpg) right 6px  no-repeat;
margin: 0px;
padding: 0 12px 0 0;
}
#contenu p{
font: 11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
}
#contenu p em{
font-style:normal;
font-weight:bold;
font-size: 11px;
line-height: 1.2em;
}
#contenu p.couleur, span.couleur{
color:#e30056;
}

#contenu a:link, #contenu a:visited{
font-size: 11px;
/*text-transform:uppercase;*/
text-decoration:underline;
color:#e30056;
}
#contenu a:hover, #contenu a:active{
background:#fbd9e6;
text-decoration: none;
}

#contenu ul, li{
  list-style-type: none;
  float:left;
  margin: 0px;
  padding: 0px;
  font:normal 11px/1.3em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#000;
}

#contenu ul{
  margin-top: 0.5em;
}

#contenu ul.list1 li{
  background: url(../images/charte/pouce01.jpg) left 5px  no-repeat ;
  margin-left: 0px;
  padding-left: 10px;
}
#contenu ul.list2 li{
  background: url(../images/charte/pouce02.jpg) left 4px  no-repeat ;
  margin-left: 0px;
  padding-left: 13px;
}

#contenu ul.list3 li{
  background: url(../images/charte/pouce03.jpg) 4px 6px  no-repeat ;
  margin-left: 0px;
  padding-left: 13px;
  padding-top: 0px;
  margin-top: 0px;
}

#contenu .important01{
  width: 100%;
  float:left;
  background:url(../images/charte/bg-important01.jpg) -3px -1px no-repeat;
  height: 19px;
}

#contenu .important01 p, #contenu .important02 p{
  margin: 0px;
  padding: 0px 0px 0px 15px;
  line-height: 16px;
  font-size: 11px;
}

#contenu .important02{
  width: 100%;
  float: left;
  background: url(../images/charte/bg-important02.jpg) -3px center repeat-y;
  height: 30px;
  margin: 6px 0px;
}

#contenu .important02 h2{
font:bold 11px/15px Arial, Helvetica, sans-serif;
text-align:justify;
color: #000;
margin: 0px 0px 0px 15px;
padding: 0px;
}

#contenu .important02 h2 span{
color: #FFF;
}
#contenu .important02 h2 span.couleur{
color: #e30056;
}

#contenu .products-body{
  width: 100%;
  float: left;
}

#contenu .logos-produits{
  width: 100%; height:36px; float:left;margin-top: 5px;background:url('../images/charte/logos.jpg') center top no-repeat black;
}

#contenu .diaporama{
width: 100%;
z-index: 0;
float: left;
display: inline;

}
#contenu .non-flexcroll{
  overflow: hidden;
}


#contenu .diaporama .diaporamacut{
 display: block;
 margin: 0 auto;
}
#contenu .diaporama .diaporamaext{
 display: block;
 margin: 0 auto;
}

table#beforeafter{
  width: 100%;
  float: left;
}

table td .img-avant{
border: solid 1px #000000;
margin: 5px;
}

table td .img-apres{
border: solid 1px #E40659;
margin: 5px;
}

table#press-aligner{
background: url(../images/charte/cut-background.jpg) left 10px scroll no-repeat;
display: table;
}
table#press-aligner td{
vertical-align: middle;
width: 83px;
text-align: center;
background-color: transparent;
}

#container .news-container{
 width: 100%;
 float: left;
 margin-bottom: 10px;
}

#container .news-top{
  width: 100%;
  height: 20px;
  float: left;
  border-bottom: solid 1px #a6a6a6;
}

#container .news-top .news-contact{
  width: 103px;
  float: right;
  text-align: center;
 /* background:red;*/
}

#container .news-top .news-contact a{
  width: 100px;
  height:20px;
  float:right;
  padding:2px 0 0 3px;
  text-align:center;
  background: url(../images/charte/contact.jpg) right bottom no-repeat;
  font:bold 11px/18px Arial, Helvetica, sans-serif;
  color:white;
}

#container .news-top .news-contact a:hover{
  width:100px;
  height:20px;
  float:right;
  padding:2px 0 0 3px;
  text-align:center;
  background: url(../images/charte/contact-over.jpg) right bottom no-repeat;
  font:bold 11px/18px Arial, Helvetica, sans-serif;
  color:white;
}

#container .news-container .news-body{
  width:100%;
  float:left;
  padding-top: 2px;
  border-bottom: solid 1px #a6a6a6;
  background: url(../images/charte/bg-repeat-y-news.jpg) right top repeat-y #FCE5EF;
}

#container .news-container p{
  padding:5px 25px 6px 12px ;
  line-height:13px;
}

#container .actualites-image{
  width:159px;
  float:right;
}

#container .actualites-image .imprimer{
  width:20px;
  height:103px;
  float:right;
  margin-top: -3px;
}

#container .actualites-image .imprimer a{
  width:20px;
  height:100px;
  float:right;
  background: url(../images/charte/bg-button-imprimer.jpg) left top repeat-y;
  font:bold 10px Arial, Helvetica, sans-serif;
  color:white;
}

#container .actualites-image .imprimer a:hover{
  width:20px;
  height:100px;
  float:right;
  background: url(../images/charte/bg-button-imprimer-over.jpg) left top repeat-y;

}

#container .actualites-image .image-box{
  height:100px;
  width:138px;
  float:right;
}

#container .news-top .news-contact a span{display:none;}

#container .pagination{
  width:100%;
  float:left;
  background :#FCFCFC;
}
#container .pagination p{
  font-weight:bold;
  color: 	#000;
}

#contenu .half1{
  width:48%;
  float:left;
}

#contenu .half2{
  width:48%;
  float:right;
}

/***************** STYLE FOOTER *****************/
#footer p{
font:10px/33px Arial, Helvetica, sans-serif;
  letter-spacing:1px;
}

#footer a:link, #footer a:visited{
text-decoration:none;
color:#e30056;
}

#footer a:hover, #footer a:active{
color:#000;
}