/* CSS Document */

/* CONSTRUCTEURS SURCHARGE */
#colgauche {padding-top:1px; clear:left}
#texte {padding-top:1px; text-align:justify}
#navdroite {padding-top:1px;}

/* HAck IE6 */
* html #colgauche {padding-top:1px; float:left}
* html #texte {float:left; width:505px; padding-top:22px; padding-left:10px;}
* html .imgtext-table {}
* html #contenupage {width:505px;}
* html #titrepage {width:505px;}

#titrepage {padding-top:10px}
#contenupage {font-family:Arial, Helvetica, sans-serif; font-size:12px}


#showprod01, #showprod02 {width:340px; padding:15px; position:absolute; left:50%; top:420px; margin:0 0 0 -120px; z-index:50;}
#showprod01, #showprod02 {background:#FFFFFF; border:#CCCCCC 1px solid}
#showprod01, #showprod02 {border:none}
#showprod01 h1, #showprod02 h1 {font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#5E62FF; text-align:center}

.hide {display:none}
.show {display:block}

.closeprod {cursor:pointer}

#animflash {width:100%; height:944px; position:absolute; top:0; left:0; border-top:none; z-index:49}
/*-titres-*/
.detail{color:red;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

h4{font-family:Arial, Helvetica, sans-serif;color:#6cb0dd;font-size:14px;}
#titre1{text-align:center;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#5E62FF;}

/*---- Tableaux ----*/


.vrai tbody{background-color:#FF0000;}

.tablo {border-collapse:collapse;border:0px;background-color:#e8efff; width:500px;font:Arial, Helvetica, sans-serif;font-size: 12px ;text-align: left;}
.tablo th {vertical-align:middle;}
.tablo th p{ margin:5px 0; height:49px; }
.tablo thead .tr-0 .td-0 {color:#FFFFFF; background:url(../img/pages/coin_haut_gauche.gif) top left no-repeat;  width:46px; border:none; padding:0;}
.tablo thead .tr-0 .td-1 {color:#FFFFFF; background:url(../img/pages/repetition.gif) top left repeat-x; border:none; padding:0;}
.tablo tbody {color:#DE0066;text-align:left;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
#prod{background:url(../img/pages/fond_prod.gif) top right no-repeat;text-align:center;height:390px;width:360px;}


/*--- tablo home ---*/
.tablohomecorps {border-collapse:collapse;border:0px;background-color:#e8efff; width:500px;font:Arial, Helvetica, sans-serif;font-size: 12px ;text-align: left; position:relative;}
.tablohomecorps th {vertical-align:middle;}
.tablohomecorps th p{ margin:5px 0; height:49px; }
.tablohomecorps thead .tr-0 .td-0 {color:#FFFFFF; background:url(../img/pages/coin_haut_gauche.gif) top left no-repeat;  width:46px; border:none; padding:0;}
.tablohomecorps thead .tr-0 .td-1 {color:#FFFFFF; background:url(../img/pages/repetition.gif) top left repeat-x; border:none; padding:0;}
.tablohomecorps tbody {color:#DE0066;text-align:left;font-size:12px;font-family: Arial, Helvetica, sans-serif;}

.tablohome {border-collapse:collapse;border:0px;background-color:#e8efff; width:500px;font:Arial, Helvetica, sans-serif;font-size: 12px ;text-align: left; position:relative; left:200px;}
.tablohome th {vertical-align:middle;}
.tablohome th p{ margin:5px 0; height:49px; }
.tablohome thead .tr-0 .td-0 {color:#FFFFFF; background:url(../img/pages/coin_haut_gauche.gif) top left no-repeat;  width:46px; border:none; padding:0;}
.tablohome thead .tr-0 .td-1 {color:#FFFFFF; background:url(../img/pages/repetition.gif) top left repeat-x; border:none; padding:0;}
.tablohome tbody {color:#DE0066;text-align:left;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
/*- Pages produits -*/
.produit thead tr .td-0{ color:#666; text-align:left; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
.produit thead tr .td-0 h1{ text-align:left;color:#5E62FF;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
.produit tbody tr .td-0 { color:#5E62FF; text-align:center; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.produit tfoot tr .td-0{ background:url(../img/pages/gel_douche.gif) top left no-repeat; width:500px; height:380px;color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;}

/*--- tabloqui ---*/

.tabloqui {border-collapse:collapse;border:0px;background-color:#e8efff; width:500px;font:Arial, Helvetica, sans-serif;font-size: 12px ;text-align: left;}
.tabloqui h1 { margin:9px 0 9px 0;}
.tabloqui p { margin:0; padding:0;}
.tabloqui .tr-0 .td-0 {color:#FFFFFF; background:url(../img/pages/coin_haut_gauche.gif) top left no-repeat;  width:46px; border:none; padding:0;}
.tabloqui .tr-0 .td-1 {color:#ffffff; background:url(../img/pages/repetition.gif) top left repeat-x; border:none; padding:0; font-size:20px; font-weight:bold; height:49px;}
.tabloqui .tr-0 .td-1 p { margin-top:11px;}
.tabloqui tbody {color:#DE0066;text-align:left;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
.tabloqui tbody .tr-1 .td-1 {color:#3333ac; border:none; padding:5px 0 5px 0; font-size:14px; font-weight:bold;}
.tabloqui tbody .tr-1 .td-1 span{color:#65d38c; border:none; padding:0; font-size:14px; font-weight:bold;}
.tabloqui tbody ul h1{color:#585cff; font-size:14px;}
.tabloqui tbody ul{color:#585cff; padding:0 0 0 12px; margin:0; margin-left:5px;}
.tabloqui tbody ul p{color:#666666; font-size:12px; margin:0;}





#description{background:url(../img/pages/fond_prod.gif);width:365px;/*324*/height:240px;margin-top: 0;padding:112px 0 0 0;/*120*//*20*/vertical-align:middle;text-align:center;}

#description_visage{background:url(../img/pages/fond_prod_visage.gif);width:365px;/*324*/height:240px;margin-top: 0;
padding:112px 0 0 0;/*120*//*20*/vertical-align:middle;text-align:center;}



*+html .gamme { padding:0;border: none;width:505px;text-align:left; }
*html .gamme { padding:0;border: none;width:505px;text-align:left; position:relative; right:30px;   }
.gamme{padding:0;border: none;width:505px;text-align:left;}
.gamme img{padding:0 0 0 25px;border: none;}
.gamme tr td{vertical-align:top;color:#5E62FF;font-weight:bold;}
.gamme tbody tr td p{margin:3px;}
.gamme tr td ul{text-align: left;margin-left:0px;margin-top:0px;padding:0;}
.gamme tr td ul li{color:#5E62FF;list-style:disc inside;}
.gamme tr td ul li a{color:#666;text-decoration:none;list-style:disc inside;}
#tablo2{border:2px solid;padding-left:5px;}

/*** Etre bien visage ****/
.gamme_visage{padding:0;border: none;width:505px;text-align:left;}
.gamme_visage img{padding:0 0 0 25px;border: none;}
.gamme_visage tr td{vertical-align:top;color:#5E62FF;font-weight:bold;}
.gamme_visage tbody tr td p{margin:3px;}
.gamme_visage tr td ul{text-align: left;margin-left:0px;margin-top:0px;padding:0;}
.gamme_visage tr td ul li{color:#5E62FF;list-style:disc inside;}
.gamme_visage tr td ul li a{color:#666;text-decoration:none;list-style:disc inside;}

               		/*** Etre bien visage IE6 ****/
*html .gamme_visage{padding:0;border:none; width:505px; text-align:left; position:relative; left:190px;}
								/*******/
*html .imgtext-table p{ width:210px;}	


/*-- boon plan --*/


#colgauche .bonplan {color:red;padding:0;border: none;width:198px;text-align:left;}
#colgauche .bonplan tr td p{margin:0;padding: 0;}
#colgauche .bonplan tr td{color:black;font-weight: bold;padding-left:0;}
#colgauche .bonplan tr td ul{text-align: left;padding-left:0;margin:0 0 10px 10px;}
#colgauche .bonplan tr td li{list-style-type:none; }
#colgauche .bonplan tr td a{color:#d60068; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:relative; top:10px; margin:20px 0 0 9px}


#colgauche .passif_violet{ width:197px;  height:21px; padding:7px 0 0 10px;}
#colgauche .passif_violet a{color:#f5a542; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#colgauche .pucelinkviolet { background:url(../img/pages/fd_bonplan_menu_orange.gif) top left no-repeat;width:197px;  height:21px; padding:7px 0 0 10px; }
#colgauche .pucelinkviolet a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }

/*--  --*/

/*-- boon plan turquoise--*/
#colgauche .passif_turquoise{width:195px; height:21px; padding:7px 0 0 10px;}
#colgauche .passif_turquoise a{color:#f5a542; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#colgauche .pucelinkturquoise { background:url(../img/pages/fd_bonplan_menu_orange.gif) top left no-repeat;width:195px; height:21px; padding:7px 0 0 10px; }
#colgauche .pucelinkturquoise a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }


/*-- boon plan bleu--*/
#colgauche .bonplan {color:red;padding:0;border: none;width:198px;text-align:left;}
#colgauche .bonplan tr td p{margin:0;padding: 0;}
#colgauche .bonplan tr td{color:black;font-weight: bold;padding-left:0;}
#colgauche .bonplan tr td ul{text-align: left;padding-left:0;margin:0 0 10px 10px;}
#colgauche .bonplan tr td li{list-style-type:none; }
#colgauche .bonplan tr td a{color:#d60068; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:relative; top:10px; margin:20px 0 0 9px}

#colgauche .passif_bleu{ width:171px; height:21px; padding:7px 0 0 10px;}
#colgauche .passif_bleu a{color:#00AFDA; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#colgauche .pucelinkbleu { background:url(../img/pages/fd_bonplan_menu_bleu.gif) top left no-repeat;width:171px; height:21px; padding:7px 0 0 10px; }
#colgauche .pucelinkbleu a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }

/*-- Bon Plan menu orange  --*/
			
#colgauche .passif_orange{ width:171px; height:21px; padding:7px 0 0 10px;}
#colgauche .passif_orange a{color:#F28E02; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#colgauche .pucelinkorange { background:url(../img/pages/fd_bonplan_menu_orange.gif) top left no-repeat;width:171px; height:21px; padding:7px 0 0 10px; }
#colgauche .pucelinkorange a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
					
/*-- Bon Plan menu rouge--*/
#colgauche .passif_red{ width:190px; height:21px; padding:7px 0 0 10px;}
#colgauche .passif_red a{color:#5f89c3; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#colgauche .pucelinkred { background:url(../img/pages/fd_bonplan_menu_bleu.gif) top left no-repeat;width:193px; height:21px; padding:7px 0 0 10px; }
#colgauche .pucelinkred a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }				

/*-- gamme gauche --*/

#colgauche .gammegauche {padding:0;border: none;width:198px;text-align:left;}
#colgauche .gammegauche tr td p{margin:0;padding: 0;}
#colgauche .gammegauche tr td{color:#5E62FF;font-weight: bold;padding-left:0;}
#colgauche .gammegauche tr td ul{text-align: left;padding-left:0;margin:0 0 10px 10px;}
/*-- ie6 --*/
*html #colgauche .gammegauche tr td ul li{padding:0; margin:0 0 0 5px;color:#DE0066; list-style:disc outside;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*-- ie7 --*/
*+html #colgauche .gammegauche tr td ul li{padding:0;margin:0 0 0 5px;color:#DE0066; list-style:disc outside;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*-- fire --*/
#colgauche .gammegauche tr td ul li{padding:0;margin:0;color:#DE0066; list-style:disc outside; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#colgauche .gammegauche tr td ul li a{color:#666;text-decoration: none; font-size: 12px;}
#colgauche .gammegauche tr td ul li a:hover{color: #5E62FF;text-decoration:underline;font-size: 12px;}
#colgauche #gam {font-weight:bold;color:#5e62ff;}
#colgauche hr{width: 180px;size: 1px;color:#5E62FF;background-color:#5E62FF;text-align:left;padding:0;margin:0 0 10px 0;}
#colgauche hr.rose {color:#F84D8F; background-color:#F84D8F; background:#F84D8F;}

/*-- liens --*/
#texte .lien {padding: 0;margin:0;}
#texte .lien ul{padding: 0;margin:0;}
#texte .lien li{list-style-image:url(../img/pages/fleche_verte.gif);text-indent: 0;padding: 0;list-style-position:inside;}
#texte .lien li a:hover{text-decoration: underline;color:#5E62FF;font-family: Arial, Helvetica, sans-serif;font-size:12px;vertical-align: 8px; list-style-position:inside; padding:0 0 0 5px;}
#texte .lien li a{text-decoration:underline;color:#666;font-family: Arial, Helvetica, sans-serif;font-size:12px;vertical-align: 8px; list-style-position:inside; padding:0 0 0 5px;}

/* Formulaires */
.tx-powermail-pi1_thx {width: 505px; font-family:Arial, Helvetica, sans-serif}


/* Carrieres */
.tx-parajob-pi1 a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#666}
.tx-parajob-pi1 a:hover {text-decoration: underline;color:#5E62FF;}

 /*questionnaire */

fieldset{border:none;}
fieldset legend{color:#1EA52C; font-weight:bold; font-size:17px}
.questionNumber{color:#DE0066; font-size:20px; font-weight:bold;}
.survey_item h1{color:#479CD4; font-size:15px;}
 .minceur h1{color:#479CD4; font-size:25px;}
.formbuttons input  {width:224px; height:34px; margin-top: 25px; margin-left:200px;font-weight:bold;border:none; color:#479CD4; background:url(img/fond_bt.gif) center no-repeat;}
    
 /*bannière de l'étape  Quizz*/ 
.titreetape{ background:url(../img/pages/quizz/banniere_quizz.jpg); width:708px; height:96px;}
.titreetape2{ background:url(../img/pages/quizz/banniere_quizz2.jpg); width:708px; height:96px;}
.titreetape3{ background:url(../img/pages/quizz/banniere_quizz3.jpg); width:708px; height:96px;}
.titreetape4{ background:url(../img/pages/quizz/banniere_quizz4.jpg); width:708px; height:96px;}
.titreetape5{ background:url(../img/pages/quizz/banniere_quizz5.jpg); width:708px; height:96px;}
.titreetape6{ background:url(../img/pages/quizz/banniere_quizz6.jpg); width:708px; height:96px;}
.titreetape7{ background:url(../img/pages/quizz/banniere_quizz7.jpg); width:708px; height:96px;}
.titreetape8{ background:url(../img/pages/quizz/banniere_quizz8.jpg); width:708px; height:96px;}
.titreetape9{ background:url(../img/pages/quizz/banniere_quizz9.jpg); width:708px; height:96px;}
.titreetape10{ background:url(../img/pages/quizz/banniere_quizz10.jpg); width:708px; height:96px;}
  
 /*bannière de l'étape Hydratation - Quizz*/ 
.titreetape08{ background:url(../img/pages/quizz/banniere_quizz08.jpg); width:708px; height:181px;}
.titreetape208{ background:url(../img/pages/quizz/banniere_quizz208.jpg); width:708px; height:181px;}
.titreetape308{ background:url(../img/pages/quizz/banniere_quizz308.jpg); width:708px; height:181px;}
.titreetape408{ background:url(../img/pages/quizz/banniere_quizz408.jpg); width:708px; height:181px;}
.titreetape508{ background:url(../img/pages/quizz/banniere_quizz508.jpg); width:708px; height:181px;}
.titreetape608{ background:url(../img/pages/quizz/banniere_quizz608.jpg); width:708px; height:181px;}
.titreetape708{ background:url(../img/pages/quizz/banniere_quizz708.jpg); width:708px; height:181px;}
.titreetape808{ background:url(../img/pages/quizz/banniere_quizz808.jpg); width:708px; height:181px;}

 /*bannière de l'étape Bio - Quizz*/ 
.titreetape09{ background:url(../img/pages/quizz/banniere_quizz09.jpg); width:708px; height:96px;}
.titreetape209{ background:url(../img/pages/quizz/banniere_quizz209.jpg); width:708px; height:96px;}
.titreetape309{ background:url(../img/pages/quizz/banniere_quizz309.jpg); width:708px; height:96px;}
.titreetape409{ background:url(../img/pages/quizz/banniere_quizz409.jpg); width:708px; height:96px;}
.titreetape509{ background:url(../img/pages/quizz/banniere_quizz509.jpg); width:708px; height:96px;}
.titreetape609{ background:url(../img/pages/quizz/banniere_quizz609.jpg); width:708px; height:96px;}
.titreetape709{ background:url(../img/pages/quizz/banniere_quizz709.jpg); width:708px; height:96px;}
.titreetape809{ background:url(../img/pages/quizz/banniere_quizz809.jpg); width:708px; height:96px;}
.titreetape909{ background:url(../img/pages/quizz/banniere_quizz909.jpg); width:708px; height:96px;}
.titreetape1009{ background:url(../img/pages/quizz/banniere_quizz1009.jpg); width:708px; height:96px;}

/*bannière de l'étape*/ 
.titreetapecap1{ background:url(../img/pages/quizz/banniere_quizz_cap1.jpg); width:708px; height:96px;}
.titreetapecap2{ background:url(../img/pages/quizz/banniere_quizz_cap2.jpg); width:708px; height:96px;}
.titreetapecap3{ background:url(../img/pages/quizz/banniere_quizz_cap3.jpg); width:708px; height:96px;}
.titreetapecap4{ background:url(../img/pages/quizz/banniere_quizz_cap4.jpg); width:708px; height:96px;}
.titreetapecap5{ background:url(../img/pages/quizz/banniere_quizz_cap5.jpg); width:708px; height:96px;}

/*bannière de l'étape solaire*/ 
.titreetapesolaire1{ background:url(../img/pages/quizz/banniere_quizz_so1.jpg); width:708px; height:96px;}
.titreetapesolaire2{ background:url(../img/pages/quizz/banniere_quizz_so2.jpg); width:708px; height:96px;}
.titreetapesolaire3{ background:url(../img/pages/quizz/banniere_quizz_so3.jpg); width:708px; height:96px;}
.titreetapesolaire4{ background:url(../img/pages/quizz/banniere_quizz_so4.jpg); width:708px; height:96px;}
.titreetapesolaire5{ background:url(../img/pages/quizz/banniere_quizz_so5.jpg); width:708px; height:96px;}
	
/*bannière antiage*/
.titreetantiage1{ background:url(../img/pages/quizz/parashop11.jpg) left top no-repeat; width:708px; height:96px;}
.titreetantiage2{ background:url(../img/pages/quizz/parashop22.jpg) left top no-repeat; width:708px; height:96px;}
.titreetantiage3{ background:url(../img/pages/quizz/parashop33.jpg) left top no-repeat; width:708px; height:96px;}

fieldset.titreetantiage1 {background:none}
fieldset.titreetantiage2 {background:none}
fieldset.titreetantiage3 {background:none}



.messageetape{color:#479CD4}
.messageetape2{color:#479CD4; width:670px;}
#banniere_profil{background:url(../img/pages/quizz/banniere_quizz_profil.jpg) no-repeat; width:708px; height:96px; margin-bottom:100px;}
#girl_profil{ background:url(../img/pages/quizz/girl_profil_quizz.jpg) no-repeat ; float:left; width:342px; height:277px; }
/* profil Quizzz hydratation */
#banniere_profil2{background:url(../img/pages/quizz/banniere_quizz_profil08.jpg) no-repeat; width:708px; height:181px; margin-bottom:100px;}
#girl_profil2{ background:url(../img/pages/quizz/girl_profil_quizz08.jpg) no-repeat ; float:left; width:342px; height:277px; }

#banniere_profil3{background:url(../img/pages/quizz/banniere_quizz_cap.jpg) no-repeat; width:708px; height:181px; margin-bottom:0; margin-top:50px;}
#girl_profil3{ background:url(../img/pages/quizz/capilaire-last.jpg) no-repeat ; float:left; width:283px; height:277px; }
#result_veuch { width:720px}

/* profil Solaire */
#banniere_solaire{background:url(../img/pages/quizz/banniere_quizz_solaire.jpg) no-repeat; width:708px; height:181px; margin-bottom:0; margin-top:50px;}

/*  */



/* profil Quizzz bio */
#banniere_profil09{background:url(../img/pages/quizz/banniere_quizz_profil09.jpg) no-repeat; width:708px; height:96px; margin-bottom:100px;}
#girl_profil09{ background:url(../img/pages/quizz/girl_profil_quizz09.jpg) no-repeat ; float:left; width:342px; height:277px; }
.titrequizz_09{color:#f53d7d;text-align:center;font-size:20px; position:relative; right:50px;}

/*--- reponse quiz---*/
#resquiz {position:absolute;top:340px;left:146px;text-align:center;color:#00ae35;font-size:20px;}
/*#resquiz_hydration {position:absolute;top:420px;left:160px;text-align:center;color:#00ae35;font-size:20px;}*/

.totalpoints {color:#f53d7d;text-align:center;font-size:20px;}
.totalpoints_hydration {color:#f53d7d;text-align:center;font-size:20px;}

.titrequizz{color:#f53d7d;text-align:center;font-size:20px;}

/* couleur texte quizz_resultat*/
#profilTexte{color:#6B7DFD; display:block; float:right;width:360px; }
#profilTexte2{color:#6B7DFD; display:block; float:right;width:360px; padding:0 5px; }
#profilTexte3{color:#6B7DFD; display:block; float:right;width:410px; padding:0 5px; }
#profilTextesolaire{color:#6B7DFD; display:block; float:right;padding:0 5px; position:relative; bottom:80px}
#profilTexte4{color:#6B7DFD; display:block; float:right;width:360px;}
/* *************/