@charset "utf-8";
/* CSS Document */

/*STRUCTURE*/
body {
margin: 0;
padding: 0;
height:100%;
font-family:"Trebuchet MS";
font-size:11px;
background:url(../images/bg_body.jpg) 976px top no-repeat;
}
/*gestion fond de page page iontérieure*/
body.p_int{
background:url(../images/bg_body_int.jpg) 976px top no-repeat;
}
/*/gestion fond de page page iontérieure*/


#wrapper{
width:976px;
min-height:100%;
height:auto;
position:absolute;
left:0;
top:0;
margin:0;
background:#fff url(../images/bg_content.gif) left top repeat-y;
}
#header{
height:286px;
font-size:30px;
background:#3d7c84;
}
#content{
padding:0 0 80px 0; /*evite que cela passe sous le footer*/
text-align:left;
}
#footer{
position:absolute;
height:40px;
background:#fff;
width:976px;
top:100%;
left:0;
margin:-40px 0 0 0;
}
img{
border:none;
}
ul, ol{
margin:0;
padding:0;
}
a, a:visited, a:hover {
color:#000;
text-decoration:underline;
}
/*/STRUCTURE*/

/*HEADER*/
#header{
background:url(../images/bg_banner.jpg) left 36px no-repeat; 
}
/*gestion des header en fonction des pages*/
.p_aloandro #header,
.p_traitements #header,
.p_eval_traitement #header,
.p_expert_cheveux #header,
.p_opti_consul #header,
.p_faq #header,
.p_lexique #header{
background: red;
}
.p_int #header{
height:136px !important;
}
.p_int .banner{
height:100px !important;
}
.p_int #nav_column{
margin:-100px 0 0 0  !important;
background:url(../images/bg_nav_int.png) no-repeat left top  !important;
}
.p_aloandro #header{
background:url(../images/bg_01.jpg) left 36px no-repeat;
}
.p_traitements #header{
background:url(../images/bg_02.jpg) left 36px no-repeat;
}
.p_eval_traitement #header{
background:url(../images/bg_03.jpg) left 36px no-repeat;
}
.p_expert_cheveux #header{
background:url(../images/bg_06.jpg) left 36px no-repeat;
}
.p_opti_consul #header{
background:url(../images/bg_07.jpg) left 36px no-repeat;
}
.p_faq #header{
background:url(../images/bg_08.jpg) left 36px no-repeat;
}
.p_lexique #header{
background:url(../images/bg_09.jpg) left 36px no-repeat;
}


/*gestion des header en fonction des pages*/

#header .top{
background:#009999;
border-bottom:1px solid #cc0000;
height:36px;
overflow:hidden;
}
#header .banner{
overflow:hidden;
height:250px;
margin-left:193px;
}

#header .banner h1,
#header .banner h2{
display:none;
}


#header .banner img{
display:none;
}
/*/HEADER*/
/*FOOTER*/
#footer ul{
list-style:none;
display:block;
border:1px solid #cc0000;
height:18px;
margin:10px 0 0 0;
}
#footer ul li{
display:inline;
height:18px;
line-height:18px;
overflow:hidden;
}
/*/FOOTER*/


/* NAV_COLUMN */
#nav_column{
width:193px;
background:#3d7c84;
float:left;
margin:-250px 0 0 0;
padding:0;
background:url(../images/bg_nav.png) no-repeat left top;
}

#nav_column .menu{
margin:0;
}
#nav_column .menu .logo img{
margin:0 0 70px 0;
width:193px;
height:50px;
}
#nav_column .menu .logo  a{
outline:none;
}


#nav_column .menu ul{
display:block;
margin:13px 0 0 0;
padding:0 9px;
list-style:none;

}
#nav_column .menu ul li{
border-top:1px solid #719EA7;
border-bottom:1px solid #28535A;
width:157px; /*173px*/
padding:16px 9px;
}
#nav_column .menu ul li a{
color:#fff;
font-weight:700;
text-decoration:none;
padding:0;
font-size:13px;
}
#nav_column .menu li a:hover{
color:#ffdf9f;
}
#nav_column .menu li.nav-home{
border-top:none;
}
#nav_column .menu li.nav-home a{
color:#FFBC3F;
}
#nav_column .menu li ul{
display:none;
}


/*gestion menu*/
.p_int #nav_column .menu .nav-home a{
color:#fff;
}
.p_int #nav_column .menu .nav-home a:hover,{
color:#ffdf9f;
}
.p_aloandro #nav_column .menu li.nav-aloandro,
.p_traitements #nav_column .menu li.nav-traitement,
.p_eval_traitement #nav_column .menu li.nav-eval,
.p_expert_cheveux #nav_column .menu li.nav-expert,
.p_opti_consul #nav_column .menu li.nav-opti,
.p_faq #nav_column .menu li.nav-faq,
.p_lexique #nav_column .menu li.nav-lexique{
background:#004952 url(../images/bg_ssmenu.png) left top repeat-x;
position:relative;
width:163px;
margin:0 0 0 -10px;
padding-left:20px;
}
.p_aloandro #nav_column .menu li.nav-aloandro ul,
.p_traitements #nav_column .menu li.nav-traitement ul,
.p_eval_traitement #nav_column .menu li.nav-eval ul,
.p_expert_cheveux #nav_column .menu li.nav-expert ul,
.p_opti_consul #nav_column .menu li.nav-opti ul,
.p_faq #nav_column .menu li.nav-faq ul,
.p_lexique #nav_column .menu li.nav-lexique ul{
display:block;
margin:0;
padding:0;
}
.p_aloandro #nav_column .menu li ul li, 
.p_traitements #nav_column .menu li ul li,
.p_eval_traitement #nav_column .menu li ul li,
.p_expert_cheveux #nav_column .menu li ul li,
.p_opti_consul #nav_column .menu li ul li,
.p_faq #nav_column .menu li ul li,
.p_lexique #nav_column .menu li ul li{
border:none;
width:auto;
padding:8px 0px;
}
.p_aloandro #nav_column .menu li.nav-aloandro a,
.p_traitements #nav_column .menu li.nav-traitement a,
.p_eval_traitement #nav_column .menu li.nav-eval a,
.p_expert_cheveux #nav_column .menu li.nav-expert a,
.p_opti_consul #nav_column .menu li.nav-opti a,
.p_faq #nav_column .menu li.nav-faq a,
.p_lexique #nav_column .menu li.nav-lexique a{
color:#FFBC3F;
}
.p_aloandro #nav_column .menu li.nav-aloandro ul.ssmenu,
.p_traitements #nav_column .menu li.nav-traitement ul.ssmenu,
.p_eval_traitement #nav_column .menu li.nav-eval ul.ssmenu,
.p_expert_cheveux #nav_column .menu li.nav-expert ul.ssmenu
.p_opti_consul #nav_column .menu li.nav-opti ul.ssmenu,
.p_faq #nav_column .menu li.nav-faq ul.ssmenu,
.p_lexique #nav_column .menu li.nav-lexique ul.ssmenu{
margin:0;
padding:0;
}
.p_aloandro #nav_column .menu li.nav-aloandro ul.ssmenu li,
.p_traitements #nav_column .menu li.nav-traitement ul.sssmenu li,
.p_eval_traitement #nav_column .menu li.nav-eval ul.ssmenu li,
.p_expert_cheveux #nav_column .menu li.nav-expert ul.ssmenu li,
.p_opti_consul #nav_column .menu li.nav-opti ul.ssmenu li,
.p_faq #nav_column .menu li.nav-faq ul.ssmenu li,
.p_lexique #nav_column .menu li.nav-lexique ul.ssmenu li{
padding:5px 0;
background:none;
}
.p_aloandro #nav_column .menu li.nav-aloandro ul.ssmenu li a,
.p_traitements #nav_column .menu li.nav-traitement ul.ssmenu li a,
.p_eval_traitement #nav_column .menu li.nav-eval ul.ssmenu li a,
.p_expert_cheveux #nav_column .menu li.nav-expert ul.ssmenu li a,
.p_opti_consul #nav_column .menu li.nav-opti ul.ssmenu li a,
.p_faq #nav_column .menu li.nav-faq ul.ssmenu li a,
.p_lexique #nav_column .menu li.nav-lexique ul.ssmenu li a{
color:#fff;
background:url(../images/bullet_square.gif) left 7px no-repeat;
padding:0 0 0 10px;
display:block;
font-size:12px;
}
.p_aloandro #nav_column .menu li.nav-aloandro ul.ssmenu li a:hover,
.p_traitements #nav_column .menu li.nav-traitement ul.ssmenu li a:hover,
.p_eval_traitement #nav_column .menu li.nav-eval ul.ssmenu li a:hover,
.p_expert_cheveux #nav_column .menu li.nav-expert ul.ssmenu li a:hover,
.p_opti_consul #nav_column .menu li.nav-opti ul.ssmenu li a:hover,
.p_faq #nav_column .menu li.nav-faq ul.ssmenu li a:hover,
.p_lexique #nav_column .menu li.nav-lexique ul.ssmenu li a:hover{
color:#ffdf9f;
}

/*gestion menu*/

/* /NAV_COLUMN */

/* RIGHT_CONTENT */
#right_content{
float:left;
width:764px;
margin:10px 0 0 10px;
}
#right_content .modules_home{
background:url(../images/home_separate.png) 382px 40px no-repeat;
}
#right_content .mod_home{
width:377px;
float:left;
margin:0 10px 0 0;
}
#right_content .mod_home h2{
background:#3d7c84;
color:#fff;
margin:0;
height:30px;
line-height:30px;
padding:0 5px;
}
#right_content .mod_home .content{
padding:0 5px;
margin:10px 0;
font-size:13px;
}


#right_content .left_column{
width:490px;
margin:0;
float:left;
}
#right_content .left_column h1 {
color:#1F818B;
font-size:18px;
font-weight:normal;
line-height:24px;
}
#right_content .left_column .bluebox h2 {
font-size:18px;
font-weight:normal;
}
#right_content .left_column .bluebox h2 sup a{
font-size:11px;
}

#right_content .left_column p{ 
line-height:18px;
text-align:justify;
}
#right_content .left_column .bluebox {
background:#E1F0FB;
padding:10px;
text-align:center;
width:470px;
}



#right_content .right_column{
width:233px;
margin:0;
float:right;
}
#right_content .right_column .feature {
background:#FFF;
border:1px solid #FE7B33;
border-top:none;
padding-top:10px;
margin:0 0 50px 0;
}
#right_content .right_column .feature h2 {
margin:0;
color:#fff;
background:#FE7B33;
font-size:14px;
text-indent:5px;
height:28px;
line-height:28px;
}

#right_content .right_column .feature .text {
padding:10px;
width:215px;
}

#right_content .right_column .related{
border-bottom:5px solid #3d7c84;
border-top:5px solid #3d7c84;
line-height:18px;
padding:5px 5px 8px 5px;
}
#right_content .right_column .related h2{
font-size:11px;
margin:0;
padding:0;
}
#right_content .single_column {
font-size:13px;
padding: 0 30px;
}
#right_content .single_column h2{
font-size:24px;
line-height:30px;
color:#00535D;
}
#right_content .single_column h3{
font-size:18px;
}
#right_content .single_column h4,
#right_content .single_column .lexique_content span {
display:block;
font-size:18px;
color:#5699A1;
border-bottom:1px solid #5699A1;
}
#right_content .single_column .tab_eval{
margin:auto;
width:600px;
font-size:12px;
color:#1b4142;
}
#right_content .single_column .tab_eval .right{
border:1px solid #61848a;
width:55px;
padding:10px;
text-align:center;
}
#right_content .single_column .tab_eval .left{
width:475px;
padding:10px;
margin-left:10px;
}
#right_content .single_column .tab_eval .green1{
background:#e7ecef;
}
#right_content .single_column .tab_eval .green2{
background:#ccdbde;
}
#right_content .single_column .tab_eval .green3{
background:#b4c9ce;
}
#right_content .single_column .tab_eval .green4{
background:#9ab7bd;
}
#right_content .single_column .tab_eval .title_orange{
font-size:13px;
color:#e17b30;
font-weight:700;
margin:10px 0 0 0;
}
#right_content .single_column .tab_eval ul{
display:block;
margin:0;
padding:0;
list-style:disc;
list-style-position:inside;
}
#right_content .single_column .tab_eval ul li{
margin:0;
padding:0 0 0 10px;
}




#right_content .single_column span.img_legend{
text-align:center;
display:block;
font-size:11px;
}


#right_content .single_column .lexique_content ul{
display:block;
list-style:none;
margin:0 0 20px 0;
padding:0;
text-align:center;
font-size:14px;
font-weight:700;
}
#right_content .single_column .lexique_content ul li{
display:inline;
margin:0 5px;
padding:0;
}
#right_content .single_column .lexique_content ul li a{
font-weight:700;
}


#right_content .single_column .lexique_content h3{
font-size:13px;
margin:10px 0 0 0;
}
#right_content .single_column .lexique_content p{
font-size:13px;
margin:0 0 10px 0;
}
#right_content .single_column .blue_box_img{
width:400px;
text-align:center;
padding:10px 25px;
background:#E2F0FB;
margin:20px auto;
}
#right_content .single_column .blue_box_img em{
font-size:11px;
font-style:normal;
}
#right_content .single_column ul{
display:block;
list-style:disc;
list-style-position:inside;
margin:0 0 0 80px;
padding:0;
}
#right_content .single_column ul li{
margin:0;
padding:0;
}
#right_content .single_column a{
color:#00535D;
text-decoration:none;
font-weight:300;
}
#right_content .single_column a:hover{
color:#00535D;
text-decoration:underline;
}
#right_content .single_column .faq_content{
margin:30px 0 0 0;
}
#right_content .single_column .faq_content a{
font-weight:700;
font:18px;
text-decoration:none;
}

/* /RIGHT_CONTENT */
.breaker{
clear:both;
/*
_overflow:hidden;
_height:1px;
*/
}
.nomargin{
margin:0 !important;
}
.img_center{
display:block;
margin:auto;

}