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

/* HTML, BODY */

html, body{ 
  margin:0; 
  padding:0; 
  text-align:center; 
  background:#FFF url(/charte/www.imdp.fr/fre/prod/images/pagewidth.jpg) top center repeat-y;
  font-family: verdana, arial, geneva;
  font-size:10px;
  height: 100%;
} 
 
/* 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{
  width:200px;
  height: 730px;
  float:left; 
  position:relative; 
  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;
}


/* 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;
  height: 710px;
  float:right; 
  position:relative;
  padding:10px 0;
  margin: 0 0 10px 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(/charte/www.imdp.fr/fre/prod/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(/charte/www.imdp.fr/fre/prod/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;
  text-decoration:none;
}


/* 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;
  
}

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

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

#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;
}

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

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

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

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



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

#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(/charte/www.imdp.fr/fre/prod/images/gt2.gif);
  list-style-position: outside;
}

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



#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.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(/charte/www.imdp.fr/fre/prod/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.le_club{
  font-family:verdana, arial, sans-serif;
  padding:0 0 0 20px;
}

#maincol ul.le_club li {
  margin:0;
  list-style:url(/charte/www.imdp.fr/fre/prod/images/minus.gif);
  list-style-position: outside;
}

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


#maincol div.right{
  background:#FFF;
  width:240px;
  margin:10px 20px 10px 5px;
  text-align:left;
  float:right;
  padding:0;
  
}

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

#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(/charte/www.imdp.fr/fre/prod/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(/charte/www.imdp.fr/fre/prod/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 Diagnostic */
form.diagnostic{
  font-weight:bold;
  width:530px;
  margin:30px 0;
}

form.diagnostic input{
  background:#865e36 url(/charte/www.imdp.fr/fre/prod/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(/charte/www.imdp.fr/fre/prod/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(/charte/www.imdp.fr/fre/prod/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(/charte/www.imdp.fr/fre/prod/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;
}

form.programmes_complets input{
  background:#99cc33 url(/charte/www.imdp.fr/fre/prod/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(/charte/www.imdp.fr/fre/prod/images/programmes_envoyer_bg.jpg) top right no-repeat;
}

form.programmes_complets input.acheter{
  width:255px;
  height:15px;
  background:#FFF url(/charte/www.imdp.fr/fre/prod/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;
}



/* Footer : Pied de page */
 
#footer{
  height:40px; 
  background:#739f0f; 
  clear:both;
  color:#FFF;
} 

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

#footer ul li{
  background:url(/charte/www.imdp.fr/fre/prod/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;
  }
  
}
/**************************************/
/**************************************/
/**************************************/
/* EBUSINESS - FORMULAIRES */
/**************************************/
#input {
background-color:#709C01;
border:0;
color:#FFFFFF;
font-weight:bold;
width:150px;
padding:2px;
}
#inputListCiv {
background-color:#709C01;
border:0;
color:#FFFFFF;
font-weight:bold;
width:125px;
}
#inputListPays {
background-color:#709C01;
border:0;
color:#FFFFFF;
font-weight:bold;
width:175px;
}
h1 {
color:#709C01;
font-size:18px;
margin:10px;
}
h2 {
color:#709C01;
font-size:16px;
margin:5px 50px;
font-weight:normal;
}
h3 {
color:#709C01;
font-size:14px;
margin:5px 20px;
text-align:left;
font-weight:bold;
text-transform:uppercase;
}
hr {
background-color:#709C01;
border:#709C01 solid 1px;
}
label {
font-weight:bold;
}
/*****************************/
/* EBUSINESS - PAGES */
/*****************************/
#maincol ul.menu li div { /* variable panier */
color:#000000;
display:inline;
position:absolute;
top:-17px;
top:10px;
left:315px;
margin:4px 0;
z-index:100;
}
/*#maincol ul.menu li div{ /* variable panier */
  display:inline;
  position:relative;
  top:-17px;
  left:-1px;
  margin:-5px;
  z-index:100;
}*/
#maincol ul.menu li div a, #maincol ul.menu li div a:hover {
  text-decoration:none;
  color:#000000;
}
#produitbleu {
width:128px;
float:left;
border:1px solid #ebebeb;
border-bottom:1px solid #668acc;
height:212px;
margin-top:10px;
}
#produitorange {
width:128px;
float:left;
border:1px solid #ebebeb;
border-bottom:1px solid #E5AA4E;
height:212px;
margin-top:10px;
}
#produitrose {
width:128px;
float:left;
border:1px solid #ebebeb;
border-bottom:1px solid #D85A99;
height:212px;
margin-top:10px;
}
.listeProdbleu, .listeProdOrange, .listeProdrose, .ficheProduitbleu, .ficheProduitorange, .ficheProduitrose {
width:100%;
}
#goHomeProdbleu {
background-color:#668acc;
color:#FFFFFF;
padding:2px 10px;
height:16px;
}
#goHomeProdbleu a, #goHomeProdorange a, #goHomeProdrose a {
color:#FFFFFF;
text-decoration:none;
font-size:11px;
font-family:Arial;
}
#goHomeProdorange {
background-color:#E5AA4E;
color:#FFFFFF;
padding:2px 10px;
height:16px;
}
#goHomeProdrose {
background-color:#D85A99;
color:#FFFFFF;
padding:2px 10px;
height:16px;
position:relative;
width:346px;
}
.listeProdrose #top .emptydiv .imgTop {
margin-top:-20px;
}.listeProdbleu h2, .ficheProduitbleu h2 {
color:#668acc;
font-size:16px;
font-weight:normal;
margin:10px 0;
}
.listeProdorange h2, .ficheProduitorange h2 {
color:#E5AA4E;
font-size:16px;
font-weight:normal;
margin:10px 0;
}
.listeProdrose h2, .ficheProduitrose h2 {
color:#D85A99;
font-size:16px;
font-weight:normal;
margin:10px 0;
}
.bloc .title, .bloc .content, .bloc {
margin:0 20px;
}
.listeProdbleu .bloc, .listeProdorange .bloc, .listeProdrose .bloc {
margin:0;
}
#prodTitlebleu {
font-weight:bold;
color:#668acc;
margin-left:1px;
height:55px;
margin-top:5px;
text-decoration:none;
}
#prodTitlebleu a {
color:#668acc;
text-decoration:none;
}
#prodTitleorange {
font-weight:bold;
color:#E5AA4E;
margin-left:1px;
height:55px;
margin-top:5px;
text-decoration:none;
}
#prodTitleorange a {
color:#E5AA4E;
text-decoration:none;
}
#prodTitlerose {
font-weight:bold;
color:#D85A99;
margin-left:1px;
height:55px;
margin-top:5px;
text-decoration:none;
}
#prodTitlerose a {
color:#D85A99;
text-decoration:none;
}
#prodTitlebleu a:hover, #prodTitleorange a:hover, #prodTitlerose a:hover {
text-decoration:underline;
}
#prodTitleTab {
width:100%;
border-top:1px solid #ebebeb;
}
#prodTitleTab td img {
margin:45px 10px 5px 5px;
}
#prodPrixbleu {
font-size:12px;
color:#668acc;
font-weight:bold;
letter-spacing:-1px;
}
#prodPrixTabbleu {
width:100%;
border:1px solid #668acc;
border-bottom:none;
border-right:none;
}
#prodPrixorange {
font-size:12px;
color:#E5AA4E;
font-weight:bold;
letter-spacing:-1px;
}
#prodPrixTaborange {
width:100%;
border:1px solid #E5AA4E;
border-bottom:none;
border-right:none;
}
#prodPrixrose {
font-size:12px;
color:#D85A99;
font-weight:bold;
letter-spacing:-1px;
}
#prodPrixTabrose {
width:100%;
border:1px solid #D85A99;
border-bottom:none;
border-right:none;
}
#prodPrixTabbleu #prodPrixbleu, #prodPrixTaborange #prodPrixorange, #prodPrixTabrose #prodPrixrose {
width:83px;
margin-left:10px;
}
#prodPrixTabbleu img, #prodPrixTaborange img, #prodPrixTabrose img {
position:relative;
z-index:100;
}
#gammeProd {
padding:0 15px;
}
#goToSection {
text-align:right;
padding-right:20px;
}
#prixEtCaddie #prixbleu {
background-color:#668acc;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
padding:2px 10px 3px 30px;
}
#prixEtCaddie #prixorange {
background-color:#E5AA4E;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
padding:2px 10px 3px 30px;
}
#prixEtCaddie #prixrose {
background-color:#D85A99;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
padding:2px 10px 3px 30px;
}
#prixEtCaddie #caddie {
padding-left:15px;
}
.ficheProduitbleu #top, .ficheProduitorange #top, .ficheProduitrose #top {
padding-bottom:20px;
}
.ficheProduitbleu #cen, .ficheProduitrose #cen, .ficheProduitorange #cen {
border-top:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;
}
.ficheProduitbleu #cen .bloc .content, .ficheProduitbleu #cen .bloc .title, .ficheProduitbleu #cen .bloc, .ficheProduitorange #cen .bloc .content, .ficheProduitorange #cen .bloc .title, .ficheProduitorange #cen .bloc, .ficheProduitrose #cen .bloc .content, .ficheProduitrose #cen .bloc .title, .ficheProduitrose #cen .bloc {
margin:0;
}
#product_image {
height:270px;
vertical-align:top;
background-color:#EAF5FB;
}
#product_rig {
padding-left:10px;
vertical-align:top;
}
#product_desc {
min-height:200px;
height:expression(document.body.clientHeigth < 200? "200px": "auto" );
}
.template1 {
margin-top:10px;
margin-left:-10px;
}
.template2 {
margin-top:10px;
margin-left:-10px;
}
.template3 {
margin-top:10px;
margin-left:-10px;
}
.productImg {
width:123px;
height:126px;
text-align:center;
position:relative;
}
#maincol .ficheProduitrose #top img {
margin-top:-20px;
}
#maincol .ficheProduitrose #top #goToSection img {
margin-top:0;
}


/* Formulaire */
#form {
background: #fff url(/charte/www.imdp.fr/fre/prod/images/form/fond.jpg) no-repeat top left;
width:551px;
_width:545px;
height:701px;
}

#form #formulaire{
margin-right:30px;
.margin-right:10px; /* ie7 */ 
margin-top:290px;
}

#form input.inp{
font-size:11px;
height:14px;
background: #fff url(/charte/www.imdp.fr/fre/prod/images/form/input2.gif) repeat-y top left;
border:none;
color: #fff;
font-weight:bold;
}

#form legend{
.margin-left:8px;
}

#form select{
font-size:10px;
}
.space{height:5px;}

#form .valider{
margin-top:10px;
margin-left:-10px;
.margin-left:10px;
}

#left-tab{
margin-left:16px;
margin-top:270px;
.margin-top:270px;
width:243px;
}

#left-tab #left-top{
font-size:16px;
color:#8D6641;
}

#left-tab #left-top h3{
text-transform:none;
font-size:16px;
margin-left:0;
color:#663300;
}


#left-tab #left-middle{
color:#fff;
margin-top:85px;
margin-left:48px;
}


#left-tab #left-bottom{
margin-top:45px;
}