/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin: 0;
padding: 0;
}
body,html{
height: 100%;
overflow: hidden;
}
body{
background: url(../images/charte/bg-body.gif) left top #f9ccdd scroll;
}
body.intro{
background: #fff;
}
/***************** CONTAINER *****************/
#container{
position: absolute;
width: 100%;
height: 450px;
left: 0;
top: 50%;
margin-top: -225px;
background: url(../images/charte/bg-container.gif) repeat-x scroll left top #fff;
}
#container.intro{
position: absolute;
height: 100%;
left: 0;
top: 0;
margin-top: 0;
background: none;
}
/***************** SLIDER *****************/
.csw {
width: 100%;
height: 450px;
overflow: hidden;
}
.csw .loading {
margin: 215px 0;
text-align: center;
}
.stripViewer {
position: relative;
overflow: hidden;
margin: auto;
width: 1280px;
height: 450px;
clear: both;
}
.stripViewer .panelContainer {
position: relative;
left: 0;
top: 0;
width: 100%;
list-style-type: none;
}
.stripViewer .panelContainer .panel {
float: left;
height: 100%;
position: relative;
width: 1280px;
}
.stripNav {
display: none;
}
.panel{
background: no-repeat scroll right bottom;
}
#pan1{background-image: url(../images/charte/bg-panel01.jpg);}
#pan2{background-image: url(../images/charte/bg-panel02.jpg);}
#pan3{background-image: url(../images/charte/bg-panel03.jpg);}
#pan4{background-image: url(../images/charte/bg-panel04.jpg);}
#pan5{background-image: url(../images/charte/bg-panel05.jpg);}
#pan6{background-image: url(../images/charte/bg-panel06.jpg);}
#pan7{background-image: url(../images/charte/bg-panel07.jpg);}
#pan8{background-image: url(../images/charte/bg-panel08.jpg);}
#pan9{background-image: url(../images/charte/bg-panel09.jpg);}
#pan10{background-image: url(../images/charte/bg-panel10.jpg);}
#pan11{background-image: url(../images/charte/bg-panel01.jpg);}
#pan12{background-image: url(../images/charte/bg-panel01.jpg);}
/***************** COL LEFT *****************/
#colLeft,
#colLeft2,
#colLeft3,
#colLeft4,
#colLeft5,
#colLeft6,
#colLeft7,
#colLeft8,
#colLeft9,
#colLeft10,
#colLeft11,
#colLeft12
{
float: left;
width: 273px;
height: 379px;
background: no-repeat scroll left top;
}
#colLeft{background-image:url(../images/charte/bg-colLeft01.jpg);}
#colLeft2{background-image:url(../images/charte/bg-colLeft02.jpg);}
#colLeft3{background-image:url(../images/charte/bg-colLeft03.jpg);}
#colLeft4{background-image:url(../images/charte/bg-colLeft04.jpg);}
#colLeft5{background-image:url(../images/charte/bg-colLeft05.jpg);}
#colLeft6{background-image:url(../images/charte/bg-colLeft06.jpg);}
#colLeft7{background-image:url(../images/charte/bg-colLeft07.jpg);}
#colLeft8{background-image:url(../images/charte/bg-colLeft08.jpg);}
#colLeft9{background-image:url(../images/charte/bg-colLeft09.jpg);}
#colLeft10{background-image:url(../images/charte/bg-colLeft10.jpg);}
#colLeft11{background-image:url(../images/charte/bg-colLeft01.jpg);}
#colLeft12{background-image:url(../images/charte/bg-colLeft01.jpg);}

/***************** CHEVEUX *****************/
#cheveux,
#cheveux2,
#cheveux3,
#cheveux4,
#cheveux5,
#cheveux6,
#cheveux7,
#cheveux8,
#cheveux9,
#cheveux10,
#cheveux11,
#cheveux12
{
float: left;
width: 406px;
height: 379px;
}

#cheveux{background-image:url(../images/charte/bg-cheveux01.jpg);}
#cheveux2{background-image:url(../images/charte/bg-cheveux02.jpg);}
#cheveux3{background-image:url(../images/charte/bg-cheveux03.jpg);}
#cheveux4{background-image:url(../images/charte/bg-cheveux04.jpg);}
#cheveux5{background-image:url(../images/charte/bg-cheveux05.jpg);}
#cheveux6{background-image:url(../images/charte/bg-cheveux06.jpg);}
#cheveux7{background-image:url(../images/charte/bg-cheveux07.jpg);}
#cheveux8{background-image:url(../images/charte/bg-cheveux08.jpg);}
#cheveux9{background-image:url(../images/charte/bg-cheveux09.jpg);}
#cheveux10{background-image:url(../images/charte/bg-cheveux10.jpg);}
#cheveux11{background-image:url(../images/charte/bg-cheveux03.jpg);}

/***************** MENU BOTTOM *****************/
.menuBottom{
float:left;
width:710px;
height:27px;
list-style:none;
margin-top:11px;
}
.menuBottom li{
position:relative;
float:left;
}
.menuBottom a{
text-decoration:none;
display:block;
height:27px;
overflow:hidden;
background:no-repeat scroll left top;
}
.menuBottom a span{
display:none;
}
#container .menuBottom a:hover,
#container .menuBottom a.actif
{
background-position:left bottom;
}
#container .menuBottom a.actif{
cursor:default;
}
.menuBottom li.bt1{width:83px;}
.menuBottom li.bt2{width:70px;}
.menuBottom li.bt3{width:57px;}
.menuBottom li.bt4{width:67px;}
.menuBottom li.bt5{width:76px;}
.menuBottom li.bt6{width:84px;}
.menuBottom li.bt7{width:114px;}
.menuBottom li.bt8{width:50px;}
.menuBottom li.bt9{width:50px;}
.menuBottom li.bt10{width:59px;}
.menuBottom li.bt1 a{background-image:url(../images/charte/bt-01.gif);}
.menuBottom li.bt2 a{background-image:url(../images/charte/bt-02.gif);}
.menuBottom li.bt3 a{background-image:url(../images/charte/bt-03.gif);}
.menuBottom li.bt4 a{background-image:url(../images/charte/bt-04.gif);}
.menuBottom li.bt5 a{background-image:url(../images/charte/bt-05.gif);}
.menuBottom li.bt6 a{background-image:url(../images/charte/bt-06.gif);}
.menuBottom li.bt7 a{background-image:url(../images/charte/bt-07.gif);}
.menuBottom li.bt8 a{background-image:url(../images/charte/bt-08.gif);}
.menuBottom li.bt9 a{background-image:url(../images/charte/bt-09.gif);}
.menuBottom li.bt10 a{background-image:url(../images/charte/bt-10.gif);}
/***************** LOGO *****************/
.logo{
float:left;
width:273px;
height:71px;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:581px;
height:269px;
margin:110px 0 0 0;
padding:0 10px 0;
overflow:auto;
outline:none;
}
/***************** FOOTER *****************/
#footer{
position:absolute;
width:100%;
height:27px;
margin-left:0px;
bottom:0;
}
#footer.intro{
width:100%;
}
#idep{
position:absolute;
left:0;
top:0;
width:175px;
height:25px;

}
#idep img{
float:left;
margin-top:3px;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#ea3d7e;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#000;
}
#footer #menufooter{
  width:760px;
  padding-left:50%;
  margin-left:-380px;
  bottom:0;
}
#footer #menufooter p{
  text-align:right;
  color:#E30459;
  margin:0px;
  padding:0px;
}

#footer #menufooter a{
text-decoration:none;
font:10px/10px Arial, Helvetica, sans-serif;
color:#ea3d7e;
letter-spacing: 0px;
}
#footer #menufooter a{
margin:0;
}
#footer #menufooter a:hover{
text-decoration:none;
color:#000;
}