/* CLUB ATOL */








/* ************************ */
/*  CORRECTIF DU GABARIT   */
/* ********************** */

#content #main { width:955px;min-height:346px; padding: 0}

 

/* ************************ */
/* SOUS MENU niveau 3 */
/* ************************ */



/* Niveau 3 */
.blockcontenu .sousmenu3 .contenu ul li ul { margin:0 ; padding:7px 0 4px 0;  display:block; background-color:#bbd6e5; color:#000; width:144px;}
 
.blockcontenu .sousmenu3 .contenu ul li ul li{ font-size:11px; }
.blockcontenu .sousmenu3 .contenu ul li ul li a { display:block; background:url(/club/assets/images/layout/sousmenu3_li_li.gif) no-repeat -16px 15px!important;  font-size:11px; background-color:#bbd6e5; color:#000!important;  text-decoration:none; padding:5px 0 2px 16px!important; margin:0!important; min-height:20px; width:128px!important;}
* html .blockcontenu .sousmenu3 .contenu ul li ul li a { height:20px;}
a.blockcontenu .sousmenu3 .contenu ul li ul li a:hover{ background-position: 0 0!important; color:#025392!important; background-color:inherit;  font-size:11px!important;} 
.blockcontenu .sousmenu3 .contenu ul li ul li.active a { background-position: 0 0!important; color:#025392!important; background-color:inherit;  font-size:11px!important;font-weight:bold;}


.blockcontenu .sousmenu3 .contenu ul li ul li ul { margin:0; padding:0; }
.blockcontenu .sousmenu3 .contenu ul li ul li ul li a { display:block; color:#025392!important; width:99px!important; padding:4px 0 3px 19px!important; margin:0 0 1px 20px!important; background:#ddebf2 no-repeat 4px 6px!important;}

.blockcontenu .sousmenu3 .contenu ul li ul li ul li a:hover {background:#ddebf2 url(/club/assets/images/pages/club-atol/nmoins3.gif) no-repeat 4px 6px!important; font-weight:bold;}
.blockcontenu .sousmenu3 .contenu ul li ul li ul li.active a  {background:#ddebf2 url(/club/assets/images/pages/club-atol/nmoins3.gif) no-repeat 4px 6px!important; font-weight:bold;}

/* vignette club atol */
.sousmenu3 .clubvignette { width:100%; height:65px; padding:10px 0 5px 5px; position:relative;  }

/* identifiebox */
 
.sousmenu3 .identifibox { width:138px; padding:2px; background-color:#f6f1ec; color:#564137; border:1px solid #f0e4dc; margin:0 0 0 5px; font-family: Arial, Helvetica, sans-serif;position:relative;}
.sousmenu3 .identifibox p  { font-size:12px; padding:0 0 5px 0}

.sousmenu3 .identifibox p.intro { font-size:12px; padding:0 0 5px 0}

.sousmenu3 .identifibox .f1 p { width:100%; clear:both; float:none; min-height:25px; padding:0 0 5px 0;}
* html .sousmenu3 .identifibox .f1 p { height:25px;}
.sousmenu3 .identifibox .f1 label { font-size:10px; width:75px; float:left; padding:0 3px 0 0; line-height:1.8em}
.sousmenu3 .identifibox .f1 input { width:55px; height:16px; border:1px solid #614c41;   padding:2px 0 0 2px; float:left; margin:0;}
.sousmenu3 .identifibox .f2 { text-align:center; padding:0 0 10px 0; width:100%; clear:both; float:none}
.sousmenu3 .identifibox .f2 input 
{ margin-left:auto; margin-bottom:5px; margin-right:auto; padding:5px; border:none; color:#FFFFFF; background-color:#614c41;  font-size:10px;  width:70px; text-transform:uppercase}

.sousmenu3 .identifibox p a { font-size:10px; font-style:italic; color:#564137; background-color:inherit; text-decoration:none;  }
.sousmenu3 .identifibox p a:hover { text-decoration:underline;}

/* linkbox */

.sousmenu3 .linkbox { width:144px; margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; position:relative}
.sousmenu3 .linkbox .titre { width:144px; height:23px; background:url(/club/assets/images/pages/club-atol/dt.jpg) no-repeat 0 0; text-align:center; color:#FFFFFF; background-color:#0066FF; font-size:12px; font-weight:bold; line-height:1.8em;  }
 
.sousmenu3 .linkbox .liste  { width:144px;  margin:0; padding:9px 0 16px 0; background-color:#bbd6e5; color:#025796;}
.sousmenu3 .linkbox .liste  p { padding:0 0 2px 0; width:130px; margin:0 0 0 12px;}
.sousmenu3 .linkbox .liste  p a{ background-color:#bbd6e5; color:#025796; text-decoration:none;}
.sousmenu3 .linkbox .liste  p a:hover { text-decoration:underline;}


/* ************************ */
/* GABARIT */
/* ************************ */
.contenuclubatol { width:100%; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; color:#604b40; font-size:11px;  }
.contenuclubatol .contenu { padding:0 0 0 188px; width:540px; min-height:400px}
* html .contenuclubatol .contenu { height:400px;}

.contenuclubatol h1 { height:33px; background:url(/club/assets/images/pages/club-atol/h1.jpg) repeat-x; text-indent: 188px; width:100%; font-family:'Trebuchet MS', Trebuchet, Georgia, 'Times New Roman', Times, serif; line-height:1.8em; color:#FFFFFF; background-color:#0066FF }

.contenuclubatol label.bleu { font-family:Verdana, Arial, Helvetica, sans-serif; color:#025796; font-size:11px;   }

.contenuclubatol p a { background-color:#FFFFFF; color:#025695; text-decoration:underline}


/* ************************ */
/* LES TYPES DE MEDIAS */
/* ************************ */
.contenuclubatol .mediatexte {  padding:0 0 20px 0; text-align:justify; background-color:#FFFFFF; color:#604b40;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  }
.contenuclubatol .mediatexte h2 { margin:0; padding:0 0 20px 0; font-size:11px;}
.contenuclubatol .mediatexte h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#025796; background-color:inherit; padding:0 0 6px 0; margin:0}
.contenuclubatol .mediatexte p { padding:0 0 10px 0; }
.contenuclubatol .mediatexte p a { background-color:#FFFFFF; color:#025695; text-decoration:underline}
.contenuclubatol .mediatexte p em { background-color:#FFFFFF; color:#604b40; font-style:normal; font-size:10px;}
.contenuclubatol .mediatexte p em a { background-color:#FFFFFF; color:#604b40; text-decoration:underline}
.contenuclubatol .mediatexte  .imagedroite { float:right; padding:0 0 15px 20px}
 

.contenuclubatol .mediainfos {  padding:0; text-align:justify; background-color:#FFFFFF; color:#604b40;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  }
.contenuclubatol .mediainfos h2 { margin:0; padding:0 ; font-size:10px;}
.contenuclubatol .mediainfos p { padding:0; font-size:10px;}
.contenuclubatol .mediainfos p a { background-color:#FFFFFF; color:#025695; text-decoration:underline}

/* CUSTOMISATION DES MEDIAS */
.contenuclubatol .dialoguebox { padding:40px 0 20px 0; width:490px;}
.ushuaiabox { width:260px; float:right; margin:35px 10px 0 0}
.ushuaiaimage { float:left; margin:0 0 0 -185px }
* html .ushuaiaimage { margin-left:-100px}
.famillebox { width:296px; float:left; margin:48px 0 0 0}
.cartefamille { float:right; margin:20px 10px 0 0}
.cartefamilleinfos { width:490px; margin:20px 0 20px 0  }
.antoinepentagonie { width:520px; margin:34px 0 0 0}
.signatureantoine { width:490px; margin:40px 0 0 0}
.conseillentille { width:331px; float:left; margin:40px 0 0 0}
.adrianamaquillage { float:right}
ul.conseiladriana { margin:40px 0 0 0;}
p.medesinscrire { color:#604b40; background-color:inherit; font-size:10px; font-weight:bold; padding:0 0 20px 0; margin:0}
p.medesinscrire a { color:#604b40; background-color:inherit; text-decoration:none;}
p.medesinscrire a:hover { text-decoration:underline}
.conseilvisage { width:290px; margin:30px 0 0 0; float:left}
.adrianajeunesse { float:right; width:227px; margin:30px 5px 0 0; display:inline; text-align:right}
.adrianagrande { float:right; width:245px; margin:30px 5px 0 0; display:inline; text-align:right}
.conseilgrande {width:280px; margin:30px 0 0 0; float:left}
.sondage { margin:30px 0 0 0;}


/* ************************ */
/* CONTENU */
/* ************************ */


/* deconnexion */
.deconnexionbox { width:729px;  text-align:right; background-color:#FFFFFF; color:#015595;}
.deconnexionbox p { padding:25px 5px 10px 0}
.deconnexionbox p a { font-size:11px; color:#015595; background-color:inherit; text-decoration:none;}
.deconnexionbox p a:hover { text-decoration:underline}

.contenuclubatol ul.raccourcisblocks {}
.contenuclubatol ul.raccourcisblocks li { display:inline; list-style:none; padding:0; margin:0}
.contenuclubatol ul.raccourcisblocks li a{ display:block; float:left; margin:0 38px 28px 0 }

/* defliste */
.contenuclubatol dl.defliste { display:block; width:520px; margin:15px 0 0 0}
.contenuclubatol dl.defliste dt { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#604b40; background-color:inherit; background:url(/club/assets/images/pages/club-atol/dlfaq.jpg) no-repeat 0 bottom; padding:0 0 3px 0; margin:10px 0 10px 0; font-weight:bold;}

.contenuclubatol dl.defliste a {color:#604b40; background-color:inherit; text-decoration:none; background:url(/club/assets/images/pages/club-atol/dt_a.gif) no-repeat 0 3px; padding:0 0 5px 15px;}

.contenuclubatol dl.defliste dt a:hover, .contenuclubatol dl.defliste dt a.active { background:url(/club/assets/images/pages/club-atol/dt_ahover.gif) no-repeat 0 3px;}

.contenuclubatol dl.defliste dd { display:block; width:100%; padding:0 0 10px 0; margin:0}
.contenuclubatol dl.defliste dd ul { margin: 0 0 0 13px; padding:0}
.contenuclubatol dl.defliste dd ul li { padding:0 0 2px 0}
.contenuclubatol dl.defliste dd ul li a{ padding:0 0 3px 0;color:#604b40; background-color:inherit; text-decoration: underline; background-image:none}
.contenuclubatol dl.defliste dd ul li.modifier { padding:8px 0}
.contenuclubatol dl.defliste dd ul li.modifier a { color:#FFFFFF; background-color:#018ccf; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; padding:2px 10px; text-decoration:none}



.contenuclubatol dl.defliste dd p.ensavoirplus { margin:0 10px 0 0; text-align:right;}

.contenuclubatol dl.defliste dd p.ensavoirplus a  { color:#604b40; background-color:inherit; font-size:10px; font-weight:bold; text-transform:uppercase; padding:0 12px 0 0; background:url(/club/assets/images/pages/club-atol/dt_a.gif) no-repeat right 3px; text-decoration:none; }
.contenuclubatol dl.defliste dd p.ensavoirplus a:hover { text-decoration:underline}



/* formaide */
.contenuclubatol .formaide { width:360px; padding: 0 0 10px 0}
.contenuclubatol .formaide h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#604b40; background-color:inherit; font-size:11px; padding:0 0 25px 0; margin:0; text-transform:uppercase}
.contenuclubatol .formaide .f1 {}

.contenuclubatol .formaide .f1 label { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#604b40; background-color:inherit; display:block; float:left; width:125px; text-align:right; font-weight:bold; line-height:1.5em}
.contenuclubatol .formaide .f1 p { width:100%; clear:both; float:none; min-height:20px; padding:0 0 5px 0}
* html .contenuclubatol .formaide .f1 p { height:20px;}
.contenuclubatol .formaide input { width:210px; height:16px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px; float:left}
.contenuclubatol .formaide .f1 input { width:210px; height:16px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px; float:left}
.contenuclubatol .formaide textarea {width:207px; height:16px; border:1px solid #614c41; margin-left:20px; height:70px; float:left  }
.contenuclubatol .formaide .f1 textarea {width:207px; height:16px; border:1px solid #614c41; margin-left:20px; height:70px; float:left  }

.contenuclubatol .formaide .f2 {}
.contenuclubatol .formaide .f2 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

/* goodies */
.contenuclubatol .goodies input, .contenuclubatol .goodies textarea { border:1px solid #614c41; }
.contenuclubatol .goodies .f2 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.contenuclubatol .goodies input.radio { border:0px}

/* formdesinscription */
.contenuclubatol .formdesinscription .f2 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.contenuclubatol .formdesinscription select {   width:150px;height:20px; border:1px solid #614c41; margin-top:10px; padding:2px 0 0 2px}

/* formedition */
.contenuclubatol .formedition h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#604b40; background-color:inherit; font-size:11px; padding:0 0 25px 0; margin:0; text-transform:uppercase}
.contenuclubatol .formedition .f1 {}

.contenuclubatol .formedition .f1 p { width:100%; clear:both; float:none; min-height:20px; padding:0 0 5px 0}
* html .contenuclubatol .formedition .f1 p { height:20px;}

.contenuclubatol .formedition .f4 select { width:180px; height:20px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px; float:left}
.contenuclubatol .formedition .f3 select { width:180px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px; float:left}

.contenuclubatol .formedition input { width:180px; height:16px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px; float:left}
.contenuclubatol .formedition .radio { width:40px; border:0px; }
.contenuclubatol .formedition .f2 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

/* formparrainage */

.contenuclubatol .formparrainage { width:350px; padding: 25px 0 30px 0}
.contenuclubatol .formparrainage h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#604b40; background-color:inherit; font-size:11px; padding:0 0 25px 0; margin:0;  }
.contenuclubatol .formparrainage .f1 {}

.contenuclubatol .formparrainage .f1 label { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#604b40; background-color:inherit; display:block; float:left; width:110px;  }
.contenuclubatol .formparrainage .f1 p { width:100%; clear:both; float:none; min-height:20px; padding:0 0 5px 0}
* html .contenuclubatol .formparrainage .f1 p { height:20px;}
.contenuclubatol .formparrainage .f1 input { width:210px; height:16px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px}
.contenuclubatol .formparrainage .f1  textarea {width:207px; height:110px; border:1px solid #614c41; margin-left:20px; height:70px;  }

.contenuclubatol .formparrainage .f2 {}
.contenuclubatol .formparrainage .f2 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

/* formaccueil */
.contenuclubatol .formaccueil { width:510px; padding:20px 0 0 0}

.contenuclubatol .formaccueil p.intro { padding:0 0 30px 0;}

.contenuclubatol .formaccueil p { padding:0 0 5px 0; min-height:25px; clear:both; float:none;}
* html .contenuclubatol .formaccueil p { height:20px;}

.contenuclubatol .formaccueil .inputbox {   height:14px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px}
.contenuclubatol .formaccueil .f5 select {   width:150px;height:20px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px}
.contenuclubatol .formaccueil .f4 select { width:150px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px}
.contenuclubatol .formaccueil input { width:150px; height:16px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px}
.contenuclubatol .formaccueil .f2 { }
 .contenuclubatol .formaccueil .f2 p.choix{ margin-left:40px;}
.contenuclubatol .formaccueil .f3 input { float:left; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; margin:0 0 0 300px; font-family:Arial, Helvetica, sans-serif;}
.contenuclubatol .formaccueil .radio { width:40px; border:0px; }

/* motifs */
.contenuclubatol .bluecolor { color: #019cde; background-color:inherit;}
.contenuclubatol .bluecolor a{ color: #019cde; background-color:inherit; text-decoration:none;}
.contenuclubatol .bluecolor a:hover { text-decoration:underline;}

.contenuclubatol .greencolor { color: #85af22; background-color:inherit;}
.contenuclubatol .greencolor a{ color: #85af22; background-color:inherit; text-decoration:none;}
.contenuclubatol .greencolor a:hover { text-decoration:underline;}

.contenuclubatol ul.motifs { width:260px; margin:0 10px 0 0; padding:35px 0 20px 0; display:block; float:left;}
.contenuclubatol ul.motifs li.titre { font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 20px 0; background-image:none; padding:0 0 20px 0; margin:0}
.contenuclubatol  ul.motifs li { display:block; clear:both; float:none; margin:0; padding:0; list-style:none; background: url(/club/assets/images/pages/club-atol/ul_motifs.jpg) no-repeat 0 bottom; padding:5px 0; width:100%}
.contenuclubatol  ul.motifs li img { width:142px; height:64px; float:left; display:block; padding:10px 0 0 0}
.contenuclubatol  ul.motifs li span { display:block; float:left; padding:30px 0 0 20px; font-size:11px;font-family:'Trebuchet MS', Trebuchet, Georgia, 'Times New Roman', Times, serif;  }

 
/* formidentifiantoublie */


.contenuclubatol .formidentifiantoublie { width:510px; padding:20px 0 0 0; }

.contenuclubatol .formidentifiantoublie p.intro { padding:0 0 15px 0;}
 
.contenuclubatol .formidentifiantoublie p { padding:0 0 5px 0; min-height:25px; clear:both; float:none;}
* html .contenuclubatol .formidentifiantoublie p { height:20px;}


.contenuclubatol .formidentifiantoublie .f1 { }
.contenuclubatol .formidentifiantoublie .f1 label { display:block; padding:0 0 9px 0; float:left;}

.contenuclubatol .formidentifiantoublie .f1 .input  {   height:14px; border:1px solid #614c41;  padding:2px 0 0 2px; width:214px; float:left;} 
.contenuclubatol .formidentifiantoublie .f1 .btn { float:left; padding:2px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px;  }




.contenuclubatol .formidentifiantoublie .f3 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}


/* forminscription */
.contenuclubatol .forminscription { width:476px; padding: 0 0 10px 0}
 
.contenuclubatol .forminscription .f1 {}

.contenuclubatol .forminscription .f1 label { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#604b40; background-color:inherit; display:block; float:left; width:245px; text-align:right; font-weight:bold; margin:0 10px 0 0; line-height:1.8em}
* html .contenuclubatol .forminscription .f1 label { margin:0 5px 0 0;}
.contenuclubatol .forminscription .f1 p { width:100%; clear:both; float:none; min-height:20px; padding:0 0 5px 0}
* html .contenuclubatol .forminscription .f1 p { height:20px;}
.contenuclubatol .forminscription .f1 input { width:210px; height:16px; border:1px solid #614c41;  padding:2px 0 0 2px}
.contenuclubatol .forminscription .f1 .inputdate { width:208px; height:16px; border:1px solid #614c41;   padding:2px 0 0 2px; width:63px; margin:0 3px 0 0}
* html .contenuclubatol .forminscription .f1 .inputdate { margin:0 3px 0 0}
.contenuclubatol .forminscription .f1  textarea {width:207px; height:16px; border:1px solid #614c41; margin-left:20px; height:70px;  }

.contenuclubatol .forminscription .f2 {}
.contenuclubatol .forminscription .f2 input { float:right; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px;  margin-right:6px; font-family:Arial, Helvetica, sans-serif}

/* formsondage */

.contenuclubatol .formsondage { width:460px; padding: 0 0 10px 0; }
.contenuclubatol .formsondage h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#604b40; background-color:inherit; font-size:11px; padding:0 0 25px 0; margin:0; text-transform:uppercase}
.contenuclubatol .formsondage .f1 {}

.contenuclubatol .formsondage .f1 label { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#604b40; background-color:inherit; display:block; float:left; width:320px;   }
.contenuclubatol .formsondage .f1 p { width:100%; clear:both; float:none; min-height:25px; padding:0 0 5px 0}
* html .contenuclubatol .formsondage .f1 p { height:25px;}
.contenuclubatol .formsondage .f1 input {  float:left; width:35px;}
.contenuclubatol .tx-simplesurvey-pi1-answer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#604b40; background-color:inherit; display:block; float:left; width:320px; height:25px;  }

.contenuclubatol .formsondage .f2 {}
.contenuclubatol .formsondage .f2 input { float:left; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-left:300px}
.contenuclubatol .pollsubmit { float:left; padding:2px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-left:300px }

/* tablesatisfaction */

.contenuclubatol .formsatisfaction select {   height:20px; border:1px solid #614c41; margin-left:20px; padding:2px 0 0 2px}
table.tablesatisfaction { font-family:Arial, Helvetica, sans-serif; font-size:11px; border:none; border-collapse:collapse; padding:0; margin:0; width:465px;}
table.tablesatisfaction th { text-align:left; background-color:#019cde; color:#FFFFFF; padding:3px;}

table.tablesatisfaction table { border:1px solid #019cde; padding:5px; margin:5px 0 15px 0}
table.tablesatisfaction table table{ border: none;  }
 
table.tablesatisfaction table td { padding:2px ; }
table.tablesatisfaction table td strong { font-size:9px; padding:2px 0 5px 0; display:block;}

table.tablesatisfaction tr .input  {  height:16px; border:1px solid #614c41;  padding:2px 0 0 2px}
.textarealibre {width:100%;height:16px; border:1px solid #614c41; height:70px; float:left  }
.inputenvoyer{ float:right; padding:5px 5px; border:none; color:#FFFFFF; background-color:#614c41; text-transform:uppercase; font-size:11px;  margin-right:6px; font-family:Arial, Helvetica, sans-serif;   }

.bg_offresduo { background:url(/img/pages/offres/bgoffreduoextra.jpg) no-repeat; width:729px; min-height:322px; position:absolute; left:0px;}
.bg_prettybox_club { background:url(/img/pages/offres/bg_prettybox_club.jpg) no-repeat; width:729px; min-height:322px; position:absolute; left:0px;}

* html .bg_offresduo { height:322px;}

.blockoffresduo { width:269px; position:absolute; z-index:10; top:150px; left:165px;}
.blockoffresduo p{ font-size:12px; color:#574036; background-color:inherit; margin:0 0 15px 0; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;}
.blockoffresduo p.conditions{ text-align:right; margin:50px 25px 0 0}
.blockoffresduo p.conditions_prettybox{ text-align:right; margin:50px 155px 0 0}
.blockoffresduo p a{ color:#574036; background-color:inherit; text-decoration:none; font-size:11px;}
.blockoffresduo p a:hover { color:#574036; background-color:inherit; text-decoration:underline;}

#duo-conditions { position:absolute; left:24px; top:-10px; background-color:#FFFFFF; border:1px solid #555555; padding:10px; font-size:11px; width:500px; }