/*
 * Feuille de styles IMDP
 * URL : http://www.imdp.fr 
 * Auteur : Michael Wassmer / Symaps Interactive 
 * Dernière modification : 23/04/2007
 *
 */   

/* HTML, BODY */

html, body{ 
  margin:0; 
  padding:0; 
  text-align:center; 
  background:#FFF url(images/pagewidth.jpg) top center repeat-y;
  font-family: verdana, arial, geneva;
  font-size:10px;
  height: 100%;
} 

/* Wrapper */
div#wrapper{
  background:#FFF url(images/wrapper_bg.jpg) top center repeat-y;
}
 
/* Pagewidth : Conteneur */
 
#pagewidth{ 
  width:950px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
  min-height: 100%;  
} 

/* Header : Tête de page */
 
#header{
  position:relative; 
  height:100px; 
  width:100%;
} 

#header img {
  border:none;
}

/* Leftcol : Colonne de gauche */
 
#leftcol{
  position:relative; 
  width:200px;
  min-height: 700px;
  /*height:1000px;*/
  float:left; 
  background:#669900;
  padding: 0;
}

#leftcol img{
  border:none;
}

#leftcol p{
  margin: 0 10px 20px 20px;
  color:#FFF;
  line-height:22px;
}

#leftcol p img{
  float:right;
  border:none;
}

#leftcol img.button{
  margin:0 10px 10px 10px;
  border:none;
}

#leftcol img.button_inner{
  margin:0 10px 0 10px;
  border:none;
  padding:0;
}

#leftcol ul {
  margin:0;
  padding:0;
}

#leftcol ul li {
  list-style:none;
  margin:0;
  padding:0;
}


#leftcol ul.top{
  padding:10px 0 0 0;
}

#leftcol ul.body{
  width:180px;
  background:#FFF;
}

#leftcol ul.body img.button_inner{
  margin:0;
}

#leftcol div.greenBlock{
  background:#99cc33;
  padding:10px;
  margin:10px 0 0 0;
}

#leftcol object#partenaires {
  margin:0;
  padding:0;
}


/* Twocols : conteneur de la colonne principale et colonne de droite */
 
#twocols{
  width:750px; 
  float:right; 
  position:relative; 
}
  
/* Rightcol : colonne de droite */
 
#rightcol{
  background:#99cc33;
  width:200px;
  min-height: 690px;
  float:right; 
  position:relative;
  padding:10px 0 0 0;
  margin: 0; 
}

#rightcol img {
  margin: 0 10px;
  border:none;
  padding:0;
  line-height:0;
}

#rightcol img.nomargin{
  margin: 0;
  border:none;
}

#rightcol div.whiteBlock{
  width:180px;
  background:#FFF;
  margin:0 10px;
  padding:0;
}

#rightcol div.whiteBlock img{
  margin:0;
}

#rightcol ul.top{
  width:160px;
  color:#003300;
  margin: 0;
  background:#FFF;
  padding:10px 0 20px 5px;
}

#rightcol ul.top li{
  list-style:url(images/gt.gif) inside;
  font-family: verdana, arial, geneva;
  margin: 0;
  padding:0;
}

#rightcol ul.top a:link,#rightcol ul.top a:active,#rightcol ul.top a:visited{
  color:#003300;
  text-decoration:none;
}

#rightcol ul.top a:hover{
  color:#000;
  border-bottom:1px solid #000;
}

#rightcol ul.body{
  
  padding:0 10px 0 0;
  margin: 10px 10px 10px 40px;
}

#rightcol ul.body li{
  font-family: verdana, arial, geneva;
  font-weight:bold;
  list-style:url(images/minus.gif) outside;
}

#rightcol ul.body a:link,#rightcol ul.body a:active,#rightcol ul.body a:visited{
  color:#336600;
  text-decoration:none;
}

#rightcol ul.body a:hover{
  color:#FFF;
}


/* Maincol : colonne principale */
 
#maincol{
  background: #FFF;  
  float: left; 
  display:inline; 
  position: relative; 
  width:550px;
  text-align:left;
  
}

#maincol img{
 border:none;
}

#maincol ul.menu{
 margin:0;
 padding:0;
}

#maincol ul.menu li{
  list-style:none;
  display:inline;
  /*float:left;*/
}

#maincol img.banner{
  margin:10px;
}

#maincol p{
  font-family:verdana, arial, sans-serif;
  line-height: 12px; 
  color:#003300;
}

#maincol p.confirm_inscription{
  color:#669900;
}

#maincol p.motdepasse_oublie{
  color:#669900;
}

#maincol p.motdepasse_oublie_club{
  color:#cc0000;
}

#maincol p.panier{
  color:#669900;
}

#maincol p.prix{
  color:#FFF;
  font-size:16px;
  background:#669900;
  width:78px;
  line-height:25px;
  text-align:right;
  font-weight:bold;
  padding: 0 4px 0 0 ;
}

#maincol p.compte_inscription{
  color:#99cc33;
  font-family:verdana, arial, sans-serif;
  font-size:12px;
  margin:10px 0;
}

#maincol a{
  text-decoration:none;
  color:#669900;
}

#maincol a:hover{
  text-decoration:underline;
  color:#669900;
}

#maincol a img{
  border:none;
}



#maincol h2{
  color:#669900;
  font-size:16px;
  font-family: verdana, arial, sans-serif;
  margin:10px 0 0 0;
  padding:0;
  font-weight:normal;
text-align:left; 
}

#maincol h3{
  color:#669900;
  font-size:10px;
  margin:10px 0;
  padding:0;
}

#maincol h1.le_club{
  color:#cc0000;
  font-size: 16px;
  margin:10px 0;
  padding:0;
  font-weight:bold;
  width:240px;
  text-align:center;
}

#maincol h3.le_club{
  color:#cc0000;
  font-size: 11px;
  margin:10px 0;
  padding:0;
  font-weight:bold;
}

#maincol h2.confirm_inscription{
  color:#669900;
}

#maincol h2.diagnostic{
  color:#b1977e;
}

#maincol h2.regime{
  color:#d26697;
}

#maincol h2.le_club{
  color:#cc0000;
}

#maincol h2.programmes_complets{
  color:#7aa426;
}

#maincol h2.rappel_express{
  color:#668acc;
}

#maincol h2.motdepasse_oublie_club{
  color:#cc0000;
}

#maincol div.wholewidth{
/*  background:#FFF;
  width:530px;
  margin:10px;
  text-align:justify;
  color:#003300;
  padding:0;
  clear:both;*/
 background:#fff;
 width:530px;
 padding:10px;
 text-align:justify;
 color:#003300;
 clear:both;
}



#maincol div.left{
/*  background:#FFF;
  width:240px;
  margin:10px 5px 10px 20px;
  text-align:justify;
  float:left;
  color:#003300;
  padding:0;*/
 background:#FFF;
 width:260px;
 padding:10px 5px 10px 10px;
 text-align:justify;
 float:left;
 color:#003300; 
}

#maincol ol{
  margin:0;
  padding:0;
}

#maincol ol li{
  margin:0;
  padding:0;
  list-style-position: inside;
}

#maincol ol#temoignages li{
  margin:12px 0;
  list-style-position: inside;
}

#maincol ol.diagnostic {
  margin:10px 0 0 20px;
}

#maincol ol.diagnostic li{
  list-style-position: outside;
}

#maincol ul{
  margin:10px 0 0 0;
  padding:0;
}

#maincol ul li{
  margin:0;
  list-style:url(images/gt2.gif) outside;
}

#maincol ul li a:hover{
  text-decoration:underline;
}

#maincol ul.simple{
  margin:10px 0 0 20px;
  padding:0;
}

#maincol ul.simple li{
  margin:5px 0;
  list-style:url(images/minus.gif) outside;
}




#maincol ul.sommaire{
  color:#669900;
  font-weight:bold;
  font-family:verdana, arial, sans-serif;
  padding:0 0 0 20px;
}

#maincol ul.sommaire li a{
  color:#669900;
  font-weight:bold;
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
}

#maincol ul.sommaire li a:hover{
  color:#99cc33;
}

#maincol ul.regime{
  color:#d26697;
  font-weight:bold;
  font-family:verdana, arial, sans-serif;
  padding:0 0 0 20px;
}

#maincol ul.regime li {
  list-style:url(images/gt4.gif);
}

#maincol ul.regime li a{
  color:#d26697;
  font-weight:bold;
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
}

#maincol ul.regime li a:hover{
  color:#914168 ;
}

#maincol ul.diagnostic{
  color:#669900;
  font-weight:bold;
  font-family:verdana, arial, sans-serif;
  padding:0 0 0 20px;
}

#maincol ul.diagnostic li {
  margin:0;
  list-style:url(images/gt3.gif);
  list-style-position: outside;
}

#maincol ul.diagnostic li a{
  color:#669900;
  font-weight:bold;
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
}

#maincol ul.diagnostic li a:hover{
  color:#99CC33;
}

#maincol ul.le_club{
  font-family:verdana, arial, sans-serif;
  padding:0 0 0 20px;
}

#maincol ul.le_club li {
  margin:0;
  list-style:url(images/gt4.gif);
  list-style-position: outside;
}

#maincol ul.le_club li a{
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
  color:#cc0000;
  font-weight:bold;
}

#maincol ul.le_club li a:hover{
  color:#990033;
}

#maincol ul.le_club2{
  font-family:verdana, arial, sans-serif;
  padding:0;
}

#maincol ul.le_club2 li {
  margin:0;
  padding:0;
  list-style:url(images/gt.gif);
  list-style-position: inside;
  font-weight:bold;
}

#maincol ul.le_club2 li a{
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
  color:#333;
  
}

#maincol ul.le_club2 li a:hover{
  color:#E10C03;
  
}



#maincol div.right{
/*  background:#FFF;
  width:240px;
  margin:10px 20px 10px 5px;
  text-align:justify;
  float:right;
  padding:0;*/
   background:#fff;
 width:260px;
 padding:10px 10px 10px 5px;
 text-align:justify;
 float:right;
 display:block; 
}

#maincol div.right img{
  margin:0;
}

#maincol div.right div#deconnecter{
  margin: 10px 0 35px 135px;
}

#maincol div.left div#retour{
  margin: 10px 0 0 0;
}

#maincol div.right img.le_club{
  margin: 0 0 0 75px;
}

#maincol hr{
  clear:both;
  border:0;
  background:#CCC;
  height:1px;
  margin:30px 0 0 0;
}

#maincol div.page_navig{
  clear:both;
  float:right;
  margin:10px 15px;
  color:#669900;
}

#maincol div.page_navig span.current_page{
  font-weight:bold;
  color:#000;
}

/* Forulaire Espace Minceur */
form.espace_minceur{
  font-weight:bold;
  width:530px;
  margin:20px 0 0 0;
}

form.espace_minceur input{
  background:#669900 url(images/espace_minceur_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.espace_minceur input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.espace_minceur input.short{
  width:118px;
  margin: 0;
}

form.espace_minceur input.long{
  width:240px;
  margin: 0;
}

form.espace_minceur input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.espace_minceur input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/espace_minceur_envoyer_bg.jpg) top right no-repeat;  
}

form.espace_minceur p{
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}

form.espace_minceur p span.important{
  color:#669900;
}

/* Forulaire Mon Compte Inscription */



form.compte{
  font-weight:bold;
  width:530px;
  margin:10px 0 0 0;
}

form.compte input{
  background:#669900 url(images/espace_minceur_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.compte input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.compte input.short{
  width:118px;
  margin: 0;
}

form.compte input.long{
  width:176px;
  margin: 0;
}

form.compte input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.compte input.envoyer{
  width:91px;
  height:15px;
  margin:0 0 0 100px;
  background:#FFF url(images/moncompte_valider_bg.jpg) top right no-repeat;  
}

form.compte select.compte{
  width:180px;
  height:15px;
  border:1px solid #CCC;  
}

form.compte div.info{
  float:right; 
  font-weight:normal;
  font-size:9px;
  margin:-85px 0 0 0;
  width:115px;
}

form.compte input.annuler{
  width:91px;
  height:15px;
  background:#FFF url(images/moncompte_annuler_bg.jpg) top right no-repeat;  
}

form.compte p{
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}

form.compte p span.important{
  color:#669900;
}

/* Forulaire Diagnostic */
form.diagnostic{
  font-weight:bold;
  width:530px;
  margin:30px 0;
}

form.diagnostic input{
  background:#865e36 url(images/diagnostic_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.diagnostic input.short{
  width:118px;
  margin: 0;
}

form.diagnostic input.long{
  width:240px;
  margin: 0;
}

form.diagnostic input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.diagnostic input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.diagnostic input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/diagnostic_envoyer_bg.jpg) top right no-repeat;
}

form.diagnostic p{
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}

form.diagnostic p span.important{
  color:#669900;
}

/* Forulaire Le Club */
form.le_club{
  font-weight:bold;
  width:530px;
  margin:30px 0 0 0;
}

form.le_club input{
  background:#9a141a url(images/le_club_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.le_club input.short{
  width:118px;
  margin: 0;
}

form.le_club input.long{
  width:240px;
  margin: 0;
}

form.le_club input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.le_club input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.le_club input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/le_club_envoyer_bg.jpg) top right no-repeat;
}

form.le_club p{
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}

form.le_club p span.important{
  color:#669900;
}

/* Forulaire Programmes Complets */
form.programmes_complets{
/*  font-weight:bold;
  width:530px;
  margin:30px 0 0 0;*/
 font-weight:bold;
 margin:30px 0 0 0; 
}

form.programmes_complets input{
  background:#99cc33 url(images/programmes_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.programmes_complets input.short{
  width:118px;
  margin: 0;
}

form.programmes_complets input.long{
  width:240px;
  margin: 0;
}

form.programmes_complets input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.programmes_complets input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.programmes_complets input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/programmes_envoyer_bg.jpg) top right no-repeat;
}

form.programmes_complets input.acheter{
  width:255px;
  height:15px;
  background:#FFF url(images/programmes_acheter_bg.jpg) top right no-repeat;
}

form.programmes_complets p{
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}

form.programmes_complets p span.important{
  color:#669900;
}

/* Forulaire Parrainage */
form.parrainage{
  font-weight:bold;
  width:530px;
  margin:30px 0 0 0;
}

table.cadeaux{
  width:500px;
  text-align:center;
  color:#7AA426;
  font-size:18px;
  font-weight:bold;
}

form.parrainage li{
  text-align:left;
  color:#333;
  font-size:10px;
  font-weight:normal;
}

form.parrainage input{
  background:#99cc33 url(images/le_club_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.parrainage input.short{
  width:118px;
  margin: 0;
}

form.programmes_complets input.long{
  width:240px;
  margin: 0;
}

form.programmes_complets input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.parrainage input.radio{
  width:10px;
  margin : 0 0 0 5px;
}

form.parrainage input.check{
  width:10px;
  margin : 0 5px 0 0 ;
}

form.parrainage input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/le_club_envoyer_bg.jpg) top right no-repeat;
  margin: 0 0 0 430px;
}

form.parrainage p{
  margin:10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}



/* Forulaire Rappel Gratuit */
form.rappel_gratuit{
  font-weight:bold;
  width:530px;
  margin:20px 0 0 0;
}

form.rappel_gratuit input{
  background:#668acc url(images/rappel_gratuit_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
  
}

form.rappel_gratuit input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.rappel_gratuit input.short{
  width:118px;
  margin: 0;
}

form.rappel_gratuit input.long{
  width:240px;
  margin: 0;
}

form.rappel_gratuit input.very_long{
  width:410px;
  margin: 0 10px 0 0;
}

form.rappel_gratuit input.envoyer{
  width:91px;
  height:15px;
  margin: 0 0 0 60px;
  background:#FFF url(images/rappel_gratuit_envoyer_bg.jpg) top right no-repeat;  
}

form.rappel_gratuit p{
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
  color:#003300;
}

form.rappel_gratuit p span.important{
  color:#669900;
}


/* Forulaire Mot de Passe Oublié */

form.motdepasse_oublie{
  background:#e0ebcc;
  padding:10px;
  font-weight:bold;
  width:510px;
  margin:20px 0 0 0;
}

form.motdepasse_oublie p{
  font-weight:normal;
  margin:0 0 10px 0;
}

form.motdepasse_oublie input{
  background:#669900 url(images/pass_oublie_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
}

form.motdepasse_oublie input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/pass_oublie_envoyer_bg.jpg) top right no-repeat;  
}

/* Forulaire Mot de Passe Oublié Club*/

form.motdepasse_oublie_club{
  background:#f7d3d4;
  padding:10px;
  font-weight:bold;
  width:510px;
  margin:20px 0 0 0;
}

form.motdepasse_oublie_club p{
  font-weight:normal;
  margin:0 0 10px 0;
}

form.motdepasse_oublie_club input{
  background:#9a141a url(images/le_club_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
}

form.motdepasse_oublie_club input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/pass_oublie_club_envoyer_bg.jpg) top right no-repeat;  
}

/* Forulaire Contact */

form.contact{
  padding:10px;
  font-weight:bold;
  width:510px;
  margin:20px 0 0 0;
}

form.contact p{
  font-weight:normal;
  margin:0 0 10px 0;
}

form.contact input{
  background:#669900 url(images/contact_champs_bg.jpg) top right no-repeat;
  border:none;
  height:12px;
  width:150px;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
}

form.contact input.radio{
  width:10px;
  margin: 0 20px 0 10px;
}

form.contact textarea{
  width:418px;
  height:100px;
  background:#669900 url(images/contact_champs_bg2.jpg) top right repeat-y;
  border:none;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:0 2px;
  margin: 0 5px 0 0;
}

form.contact input.envoyer{
  width:91px;
  height:15px;
  background:#FFF url(images/contact_envoyer_bg.jpg) top right no-repeat; 
  margin: 0 0 0 65px; 
}

/* Footer : Pied de page */
 
#footer{
  height:45px; 
  background:#739f0f; 
  clear:both;
  color:#FFF;
  border-top:10px solid #FFF;
} 

#footer ul{
  float:left;
  margin:15px 0 0 20px;
  height:20px;
}

#footer ul li{
  background:url(images/colon.gif) top right no-repeat;
  list-style: none;
  display:inline;
  padding: 0 10px 0  0;
  margin: 0 20px 0 0;
}

#footer ul li.last{
  background:none;
  font-weight:bold;
}

#footer img{
  float:right;
  margin:13px 10px 0 0;
}

#footer a:link, #footer a:active, #footer a:visited{
  color:#FFF;
  text-decoration:none;
}

#footer a:hover{
  text-decoration:underline;
}

 

 
/* *** Float containers fix: */ 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
 
.clearfix{
  display: inline-block;
}

/* Hacks IE-mac \*/
* html .clearfix{
  height: 1%;
}

.clearfix{
  display: block;
}

/* Styles d'impression */ 
@media print{ 
  
  #leftcol{
    display:none;
  } 
  
  #rightcol{
    display:none;
  } 
  
  #twocols, #maincol{
    width:100%; 
    float:none;
  }
  
}
#maincol ul li{
text-align:left;
}