﻿/* legal & politique */
/* Contenu */

#box_titre {padding:10px 0 0 0;margin:0;}

#contenu_nomenu {margin: 0 0 0 150px;}
	#contenu_nomenu #contenu {width:700px;margin:0;padding:10px 10px 60px 0;}
	
#contenu {width:450px;float:left;padding-bottom:30px;}
	/*IE6*/ * HTML #contenu {}
	#contenu .text {padding:20px 40px 0 0;margin:0;}
	#contenu .text P {padding:0 0 10px 0;margin:0;}
	#contenu_l {width:260px;float:left;}
	#contenu_r {width:245px;margin: 0 0 0 20px;float:left;}
	#contenu_lAstuces {width:245px;margin: 40px 0 0 -200px;float:left;}
    #contenu_rComplice{width:245px;margin: 0 0 0 16px;float:left;}
	#contenu.inscription {padding:0;}
	
	/*c3*/
	#contenu_b3 {float:left;padding-left:130px;width:575px;
		background: url(/images/interface/bg_c2.jpg) no-repeat -1px 0;}
		
	/*c4*/
	#contenu_b4 {float:left;padding-left:130px;width:575px;
		background: url(/images/interface/bg_c2.jpg) no-repeat -1px 0;}
	
.flashLoops {position:relative;margin:0 0 0 -6px;}
	* HTML .flashLoops {}
	#fpLoops_b {}
	

	
#postContenu {height:0;font-size:0;clear:both;}
 /*IE6*/ * HTML #postContenu {margin-bottom:-2px;}


/* //////////////////////////////// */
/*  Sections   */
/* ////////// */


/* Accueil */

#tblHome {}
	#tblHome TD {vertical-align:top;text-align:left;}
	#tblHome P {padding:0;margin:0;}
	#tblHome .panel {background-repeat:no-repeat;position:relative;width:356px;}
		#tblHome .panel .trigger {position:absolute;top:0;left:0;}
		#tblHome .panel .contenu {position:absolute;top:0;left:0;}
	#tblHome #pan1 {height:163px;background: #FCF9FF url(/images/home_fr/bg_panel1.jpg) no-repeat;}
		#tblHome #pan1 .contenu {font-size:11px;width:200px;margin:20px 15px 0 140px;}
	#tblHome #pan2 {height:163px;background-image:url(/images/home_fr/bg_panel2_consommateur.jpg);}
		#tblHome #pan2 .contenu {margin:20px 0 0 20px;width:320px;}
	#tblHome #pan3 {height:250px;background-image:url(/images/home_fr/bg_panel3.jpg);}
		#tblHome #pan3 .contenu {margin:20px 0 0 20px;}
		#tblHome #pan3 .choix {padding-top:5px;}
		#tblHome #pan3 TABLE TD {padding:0 5px 0 0;}
		#tblHome #pan3 .choix TABLE TD {padding:0;}
	#tblHome .sep {height:4px;background:url(/images/home_fr/bg_sep.jpg) no-repeat;font-size:1px;}
	
	/* WaySpa */
	#tblHome .sep1 {height:4px;background:url(/images/home_fr/bg_sep1.jpg) no-repeat;font-size:1px;}
	#tblHome .sep2 {height:4px;background:url(/images/home_fr/bg_sep2.jpg) no-repeat;font-size:1px;}

#imgKilo { margin: 40px 0 0 85px; }


/* Login &  Mot de passe oublié */

#login {float:left; margin:40px 0 0 0;}


#box_login H2 {padding: 16px 0 18px 0;}
	#box_login .txt {}
		#box_login .tTexte1 {font-size:11px; color:#22054f;}
		#box_login .tTexte2 {font-size:10px; color:#695195;}
		
.boxLog {width:269px;margin:10px 0 10px 0;}
	.boxLog .contenu {padding: 0 10px 0 20px;}

/* Login - Misc */

div.logout{width:220px; margin:12px 0 0 30px; color:#22054f; font-size:13px;}
div.logout span{color:#695195; font-size:11px;}

#formulaire .cssPanel .tr {padding-bottom:0;}

/* Inscription */


 #contenu_inscription {background: url(/images/interface/bg_c2.jpg) no-repeat;}
        #contenu_lInscription{width:256px; float:left; padding:19px 5px 0 3px;}
        #contenu_rInscription{float:left; width:253px; padding:70px 0 0 0;}
        
        #contenu.inscription{width:436px; }
            #contenu.inscription .text{padding:36px 0 70px 0; min-height:229px; height:auto !important; height:229px;}
            #contenu.inscription .texte1{font-size:11px; color:#434343;}
            .imgInscription{position:absolute; bottom:30px;}
             *html .imgInscription{position:absolute; bottom:-3px;}

div.txt1 {width:366px; padding:22px 0 40px 34px; color:#22054f; font-size:11px;}
div.txt1 span{color:#695195;}
div.txt2{width:200px; padding:22px 0 40px 34px; color:#22054f; font-size:11px;}
div.txt2 span{color:#695195;}

div.txtInsc{width:400px; padding:22px 5px 15px 30px; color:#22054f; }
div.txtInsc .texte1{font-size:11px;}
.txtInsc2{width:375px;padding:22px 5px 15px 20px;}
.txtInsc2 table td{font-size:11px;}

.register_bg{background:url(/images/interface/register_bg.gif) repeat-y;}
.register_bg2{background:url(/images/interface/register_bg2.gif) repeat-y;}

#register .cssPanel .tr{padding-bottom:0;}

.message .text {padding-right:20px;}

/* Confirmation */
.flash_inscription {margin:0 0 -85px 30px;}
/*IE6*/ * HTML .flash_inscription {margin-bottom:-90px;}

.inscription .text {padding:0 40px 0 10px;}
	.inscription .text STRONG {color:#513388;}
	.inscription .text EM {color:#513388;}

/* //////////////////////////////// */
/*  MS - Ma Silhouette    */
/* ////////// */

#menu_ms {margin:0 0 0 0; clear:both;height:25px;}
	#menu_ms DIV {float:left;}
	
#smenu_ms {float:left;padding:0 0 0 4px;width:280px; }	
#smenu_msf {margin:0 0 0 5px;}
	
#titre_ms {padding: 0 0 30px 0;position:relative; background: url(/images/interface/bg_avatar.jpg) no-repeat -1px top;}
	#titre_ms H2 {color:#513388;font-size:16px;padding: 2px 0 0 87px;letter-spacing:1px;}
	#titre_ms IMG.avatar {position:absolute;top:-21px;left:16px;}

#menu_fiches {padding:0 0 0 23px; }

#contenu_ms {float:right;padding:32px 20px 30px 0;}
	/*IE6*/ * HTML #contenu_ms {padding-top:38px;}

#contenu_msf {padding:0 0 30px 80px;}
	#contenu_msf .panLeft {width:300px;float:left;}
		#contenu_msf .panLeft .tr {padding:20px;}
	#contenu_msf .panRight {width:518px;float:left;margin:0 0 0 20px;}
		
		
/* Suivi */
#tblForm_poids {}
	#tblForm_poids TD { padding: 5px 0 0 5px; }
	#tblForm_poids INPUT {background-color:#FFFFFF;border:solid 1px #695195; }
	
/* conversation */
.tConseil {padding:8px 0 0 0; margin-bottom:8px;}
.tConseil .titre {color:#5b45b6; font-size:13px;}


.box_question {position:relative;}
	.box_question P {margin:0 0 20px 0;}
	.box_question .btn {margin-top:10px;}

.box_reponse {}
	.box_reponse .btn {margin-top:5px;}


/* Inputs */
.inReponse, .inQuestion, .inTitre, .inQuestion_wm, .inTitre_wm {
	padding:2px 5px 2px 5px; color:#000000;background-color:#FFFFFF;border:solid 1px #695195; }
	.inReponse, .inQuestion, .inQuestion_wm {padding-top:5px;}
	/* Watermarked */ 
	.inQuestion_wm, .inTitre_wm {color:#927CB8;}

.inBox, .inArea	{padding:2px 5px 2px 5px; color:#000000;background-color:#FFFFFF;border:solid 1px #695195; }
.inArea {padding:5px 5px 2px 5px;}

/* Profil */

#form_profil {}
	#form_profil .sub {height:20px;font-size:0;}
	#form_profil .head {padding: 6px 15px 15px 15px;}
		
	.tblForm_profil {margin:15px 0 0 40px;}
		.tblForm_profil TD {padding:3px 0 3px 10px;}
		.tlbForm_profil TD.holder {padding:0;}
	.tblForm_profil SELECT {color:#000000;background-color:#FFFFFF;border:solid 1px #695195;}
		
#tblForm_avatars TD {width:60px;}
	#tblForm_avatars .inCheck {padding:0 0 0 5px;}
	.tblBtn {width:750px;}
	
.tblForm_btn {width:700px;margin:10px 0 0 40px;}
	.tblForm_btn	 TD {padding-top:10px;}
	.tblForm_btn .label {font-size:12px;}
		
		
/* //////////////////////////////// */
/*  Produits    */
/* ////////// */	

#prod_saveurs {
	margin:35px 0 0 55px;
}

.fond_produits
{
	background:url('/images/contenu/bg_produits.jpg') no-repeat bottom left;
	height:457px;
}

.saveurs {
	margin: 20px 0px 20px 0px;
}

.saveur {
	margin-top: 5px;
}
.saveur a:link, .saveur a:visited {
	font-size: 8pt;
	text-decoration: none;
}
.saveur A:active, .saveur A:hover{
	font-size: 8pt;
	text-decoration: none;
	color: #3380DC;
}

#produit_left {width:260px;float:left;}
#produit_left IMG { margin: 0 0 0 3px; padding:0; }

.produit H1 { margin: 5px 0 20px 0; }
    * HTML .produit H1 { margin: 5px 0 13px 0; }
    
.produit #box_titre { margin:10px 0 0 0; }
    * HTML .produit #box_titre { margin:0; }
    
#produit_right { margin: 0; }    
#produit_right {width:245px;margin: 0 0 0 20px;float:left;}
    * HTML #produit_right { margin: 0; }
    * HTML #produit_right .flashLoops { margin:0 0 0 13px; }

/* ////////////////*/ 
/* Complice Santé */
/* ////////////////*/ 

div.txtComplice {float:left; margin:10px 0 0 0;}


/* //////////////////////////////// */
/*  Astuces    */
/* ////////// */
#contenu_asLeft {width:235px;float:left;padding:45px 0 0 20px;}
#contenu_as {width:450px;float:left;padding:0 0 30px 0;margin-left:-10px;}
	
.bg_cat{background: url(/images/interface/bg_cat.gif) repeat-x;}
#cCat .img {float:left;}

.as_bg{background: url(/images/interface/as_bg.gif) repeat-x;}
.as_sep{background: url(/images/interface/as_sep.gif) no-repeat;}
		
#astuce{color: #6F6482; font-family: Arial, Helvetica, sans-serif;}
 	#astuce #numero{font-weight:bold; padding:0 0 0 3px; color:#22054f;}
	#astuce #numero .numero{color:#5b45b6;}
	#astuce #titre{font-weight:bold; padding:0 0 0 12px;}
	#astuce #cote{padding:2px 0 0 11px;}
	#astuce #texte{font-size: 10px;}
		#astuce #cote img{float:left;}
	  	#astuce #cote div{font-size: 10px;float:left;padding:4px 0 0 6px;}

.box_astuce {position:relative;}
	.box_astuce .trigger {position:absolute;top:0;}
	.box_astuce .trigger IMG {width:690px;height:35px;}
	
#imgLogoEnergie { margin: 5px 0 0 10px; }

.energie { position: relative; top: -25px; left: 120px; margin-bottom: -18px;}
.energieEN { position: relative; top: -25px; left: 80px; margin-bottom: -18px;}
    #imgLogoEnergie2 { vertical-align: middle; }
	
/* FAQ **** */
#faqQuestion {font-size:11px;font-weight:bold;color:#333399;margin:20px 0 -27px 20px;} 
#faqQuestion2 {position:relative;font-size:11px;font-weight:bold;color:#333399;margin:0 0 -37px 20px;padding:10px 0 10px 0;}
#faqTrig{position:relative;}
#contenu_faq {width:851px;float:left;padding:0 0 0 75px;}
#tblFaq {margin-top:20px;}
#faqPos{font-weight:normal;color:#333366;width:615px;}

.faq_default {margin-left:1px;border:0;padding-left:3px;}
.imgFaq1 {float:left;padding:0;width:198px;height:324px;font-size:0px;}
.imgFaq2 {float:left;padding:0;width:200px;height:324px;font-size:0px;}
.imgFaq3 {float:left;padding:0;width:199px;height:324px;font-size:0px;}
.imgFaq4 {float:left;padding:0;width:199px;height:324px;font-size:0px;}
.imgFaq5 {float:left;padding:0;width:200px;height:324px;font-size:0px;}

/* FAQ FR */
.faqReponseBg {background: url(/images/contenu/faqBoxMiddle.jpg) repeat-y;}
.faqReponseTop {background: url(/images/contenu/faqBoxTop.jpg);}
.faqReponseBot {background: url(/images/contenu/faqBoxBot.jpg);}

/* FAQ EN */
.faqReponseBgEn {background: url(/images/contenu_en/faqBoxMiddle.jpg) repeat-y;}
.faqReponseTopEn {background: url(/images/contenu_en/faqBoxTop.jpg);}
.faqReponseBotEn {background: url(/images/contenu_en/faqBoxBot.jpg);}

.faqTab {padding:0 175px 0 20px; color:#22054f; font-size:11px;}
.faqTabRep {padding:0 175px 0 35px;font-size:11px;color:#452280;}


/* ///////////*/ 
/* Événements */
/* ///////////*/ 

#contenu_events {margin: 0 0 0 51px;}
	#contenu_events #box_titre {padding-left:30px;}
	#contenu_events #contenu {width:949px;margin:0;padding:10px 0px 0px 0;position:relative;}


/* IMPORTANT - changer bottom si plus que 1 item */
.boxComplice
{
	position:absolute;right:0;bottom:-75px;
}

* html .boxComplice
{
	position:absolute;right:-1px;bottom:-83px;
}

.boxCompliceFull
{
	position:absolute;right:0;bottom:0px;
}

* html .boxCompliceFull
{
	position:absolute;right:-1px;bottom:0px;
}

.eventSep
{
	padding:8px 0px;
}


/* SiteMap **** */	

.xmlSiteMap {padding:20px 0 0 0;}
	#map_0 {margin-left:0;}
	#map_0 .item {}
	
	.xmlSiteMap .map_section  {margin:0 0 20px 0;}
		.xmlSiteMap .titre {font-size:13px;}
		
	.xmlSiteMap .map_sub {font-size:12px; margin:5px 0px 7px 10px;}
		.xmlSiteMap .map_sub .item {padding: 0px 0 8px 15px;background: url(/images/icons/i_fleches.gif) no-repeat 0 3px;}
		
	.map_sub2 {margin:10px;}
		
	.xmlSiteMap A:link, .xmlSiteMap A:visited {color: #4F456B; text-decoration:none;}
	.xmlSiteMap A:active, .xmlSiteMap A:hover {color: #000000; text-decoration:none; font-weight:bold;}

	.xmlSiteMap .titre A:link, .xmlSiteMap .titre A:visited { color: #583795; text-decoration:none; font-weight:bold; font-size:13px;}
	.xmlSiteMap .titre A:active, .xmlSiteMap .titre A:hover { color: #000000; text-decoration:none;  font-weight:bold; font-size:13px;}

	#tblSiteMap {width:620px;}
		#tblSiteMap TD {vertical-align:top;}
		#tblSiteMap .col1 {}
		#tblSiteMap .col2 {}
	
	.xmlSiteMap .box2 {margin-left:10px;}
		.xmlSiteMap .box2 .contenu {padding-left:5px;}
		
	.xmlSiteMap .trigger {display:block;width:230px;cursor:hand;}
		
/* DATAGRID_01 Start */   
TABLE.dataGrid_01 {}
	 .dataGrid_01 TD {padding:2px;}
	 .dataGrid_01 .header, .dataGrid_01 .pager{}
	 .dataGrid_01 .header TD { font-size: 11px; color: #ED193A; font-weight: normal; padding-bottom:10px }
	 .dataGrid_01 .pager TD  { font-size: 11px; color: #ED193A; font-weight: normal; }
	 .dataGrid_01 .footer TD { padding:2px 5px 2px 5px;}
	 .dataGrid_01 .footer INPUT { font-size:11px;}
	 .dataGrid_01 .item {vertical-align:top;}
	 .dataGrid_01 .alternate{background-image: url(/images/boxes/box1_bg2.gif);	background-repeat: repeat;}
	 .dataGrid_01 .edit {background-color:#FFFFD7;}
	 .dataGrid_01 .footer {background-color:#F3F3F3;}
	 .dataGrid_01 .button {background-color:#E1EBD8; color: #95A2AA; }
	 .dataGrid_01 .checkBox {padding-left:20px; text-align:left; font-weight:bold; color: #5BAA14; }
/* DATAGRID_01 End */ 


/* modal popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


/* Rating */
.ratingIMG {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingIMG {
    background-image: url(/images/notes/FilledStar.gif);
	 height:36px;
}

.emptyRatingIMG {
    background-image: url(/images/notes/EmptyStar.gif);
    height:36px;
}

.savedRatingIMG {
    background-image: url(/images/notes/SavedStar.gif);
    height:36px;
}

.texta, .texta DIV, .texta SPAN 
{
	font-size: 12px; 
	color: #6F6482; 
	font-family: Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	
}

.texta P 
{
	font-size: 12px; 
	color: #6F6482; 
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:0;
}
