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

body {background:#FFFFFF;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
* {margin:0;padding:0;}
li {list-style:none;}
a {color:#000000;}
a:hover {color:#FFFFFF;}

.clear {clear:both;line-height:0;font-size:1px;}
.chapo {font-size:14px;color:#FD4357;margin-bottom:10px;}

/* --------------------------------- NAV --------------------------------- */
dl#menu {margin-left:28px;display:block;position:relative;height:35px;}
dl#menu dd {float:left;position:relative;height:36px;padding-right:2px;text-align:center;}
dl#menu dd a{display:block;height:36px;font-size:17px;color:#FFF;text-decoration:none;padding-top:8px;}
dl#menu dd a:hover {color:#DCD3D4;border-top:5px solid #DCD3D4;padding-top:3px;}
dl#menu dd ul {display:none;}
dl#menu dd:hover ul, dl#menu dd.sfhover ul {background:#FFF;display:block;position:absolute;top:44px;left:0;list-style:none;padding:10px 0 8px 10px;text-align:left;width:auto;border:#CCC 1px solid;}
dl#menu dd li {margin-bottom:3px;}
dl#menu dd li a {padding:0;height:auto;font-size:12px;}
dl#menu dd li a:hover {border:none;padding:0;}

.p-home #m-accueil a, .p-connaitre #m-connaitre a, .p-atouts #m-atouts a, .p-agences #m-agences a, .p-actus #m-actus a, .p-client #m-client a, .p-contact #m-contact a {color:#0099CC;border-top:8px solid #0099CC;padding-top:5px;}
.p-connaitre #m-connaitre li a, .p-atouts #m-atouts li a {color:#000;border:none;padding:0;}

/* --------------------------------- DIVS --------------------------------- */
#header {width:990px;margin:0 auto;position:relative;}
#header h1 {display:none;}
#header p {color:#FFF;position:absolute;top:60px;left:215px;font-size:14px;}
#header .french {text-align:right;padding:10px 15px 0 0;}
#header .french a {background:url(icon-fr.png) no-repeat 0 0;padding-left:20px;text-decoration:none;color:#CCC;font-size:11px;}
#header .french a:hover {color:#FFF;}


#main {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:500px;}
#main_edito {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:1250px;}
#main_activite {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:500px;}
#main_contour_des_yeux {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:1080px;}
#main_peaux_seches {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:1180px;}
#main_contact {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:850px;}

* html #main {height:400px;}

#content-left {float:left;margin-bottom:20px;}
#content-right {float:right;margin-bottom:20px;}
#content-right h2 {background:url(tit-lt-trans.png) no-repeat 0 0;line-height:23px;height:23px;width:auto;padding-left:20px;margin-bottom:5px;}
#content-right h2 span {display:inline-block;background:url(tit-trans.png) no-repeat right 0;color:#FFF;font-size:14px;line-height:23px;height:23px;padding-right:15px;}
#content-right img {float:left;margin:0 10px 15px 0;}
#content-right p {margin-bottom:10px;}
#content-left ul li, #content-right ul li {background:url(fleche-red.png) no-repeat 0 2px;padding-left:15px;margin-bottom:20px;}
#content-left ul.blue, #content-right ul.blue {margin-bottom:35px;}
#content-left ul.blue li, #content-right ul.blue li {background:url(fleche-blue.gif) no-repeat 0 0;padding:4px 0 0 25px;margin:0 0 10px 15px;}
#content-right ul.blue ul {margin-top:10px;}
#content-right ul.blue ul li {background:url(fleche-red.png) no-repeat 0 2px;padding:0 0 0 15px;margin:0 0 5px 0;}

#footer {width:925px;height:30px;padding:0 15px;margin:0 auto;background:url(bg-footer.png) no-repeat 0 0;text-align:center;margin-bottom:15px;}
#footer li {display:inline;line-height:29px;margin-right:15px;}
#footer li a {color:#CFCFCF;font-size:11px;font-weight:bold;}
#footer li a:hover {color:#3EC0EC;}


/* --------------------------------- HOME --------------------------------- */
#flash {height:362px;no-repeat 0 bottom;margin-bottom:20px;}
#flash_edito {height:1000px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
#flash_activite {height:250px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
#flash_contour_des_yeux {height:1000px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
#flash_peaux_seches {height:1100px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}

.p-home #content-left {border-right:1px solid #CCC;width:400px;padding:0 25px 0 25px;}
.p-home #content-right {width:425px;padding-right:25px;}
.p-home #content-left h2, .p-home #content-right h2 {display:block;background:url(fleche-gris.gif) no-repeat 0 5px;line-height:20px;height:20px;margin-bottom:10px;color:#999;font-weight:normal;font-size:16px;padding-left:12px;}
.bloc-home {margin:0 0 15px 12px;clear:both;line-height:100%;}
.bloc-home img {float:left;margin:0 10px 10px 0;}
.bloc-home h3 {color:#0099CC;font-size:11px;}
.bloc-home h3 small {color:#000;font-weight:normal;}
.bloc-home p, .bloc-home a {font-size:11px;}
.bloc-home a.plus {font-style:italic;background:url(fleche-red.png) no-repeat 0 2px;padding-left:15px;text-decoration:none;line-height:20px;}


/* --------------------------------- PAGES GÉNÉRALES --------------------------------- */
.p-gen #content-left {width:240px;padding-left:60px;text-align:right;}
.p-gen #content-left img {margin-bottom:10px;}
.p-gen #content-left ul {text-align:left;}
.p-gen #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-gen #content-right {width:555px;padding-right:40px;}

/* ----------------------------------- VITALESSENCE ---------------------------------- */
#flash_vitalessence {height:825px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
#main_vitalessence {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:960px;}

/* ----------------------------------- VITASOFT ---------------------------------- */
#flash_vitasoft {height:710px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
#main_vitasoft {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:860px;}

/* ----------------------------------- VITALLIANCE ---------------------------------- */
#flash_vitalliance {height:890px;background:url(bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
#main_vitalliance {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;height:1030px;}


/* --------------------------------- NOUS CONTACTER --------------------------------- */
.p-contact #content-left {width:280px;padding-left:100px;}
.p-contact #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-contact #content-right {width:405px;padding-right:140px;}
#contact {width:400px;height:689px;padding:35px 40px 0 55px;overflow:hidden;background:url(bg-contact.png) no-repeat 0 0;}
#contact p {font-size:11px;font-weight:bold;}
#contact form * {font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#contact form input, #contact form textarea {margin-bottom:10px;border:1px solid #CCC;padding:5px;}
#contact form .full {width:290px;}
#contact form .half {width:135px;margin-right:5px;}
#contact form .nostyle {height:auto;width:auto;border:none;padding:0;}
#contact form input {height:15px;}
#contact form textarea {height:120px;width:290px;}