@charset "utf-8";
/* CSS Document */
body{background-image:url(../images/fond6.jpg); background-position:center 0; background-repeat:no-repeat; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div{position:relative; float:left; margin:0; padding:0;}
a{text-decoration:none; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

#principale{width:980px; height:auto; margin:0 auto; float:none; overflow:hidden; text-align:left;}
#header{width:100%; height:auto;}
#millieu{ width:980px; overflow:hidden;}
#banner{width:100%; height:129px; background-image:url(../images/header6.jpg); background-repeat:no-repeat;}
#menu{width:980px; background-image:url(../images/menufond4.jpg); height:30px;}
#menu a{color:#020202; font-weight:bold; font-size:14px;}
#menu ul {display:block; list-style-type:none; padding:0; margin:0;}
#menu ul li{float:left; display:block; width:160px; height:30px; padding:0; margin:0; text-align:center; padding:7px 0 0 0;}
#menu ul li.recherche{padding:3px 0 0 5px;}
#banner div.pub{ margin:20px 0 0 130px; padding:2px; background-color:#999999;}
#footer{width:980px; clear:both; padding:15px 0 0 0;}
#footer a{color:#999999;}
#footer p{text-align:center; color:#333333;}
#categories{position:relative; float:left; width:980px; height:200px; overflow:hidden;}
#categories h2{display:block; text-align:center; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#006699; font-size:15px;}
#categories #liste{width:980px; height:200px; background-color:#EAEAEA; border:1px solid #DFDFDF;}
#categories #liste a{ color:#333333; font-size:13px; line-height:20px;}
#categories #liste ul {display:block; float:left; list-style-type:none; list-style-position:outside;}
#categories #liste ul li{width:170px; background-image:url(../images/puce_reduction.gif); background-repeat:no-repeat; background-position:0 3px; padding:0 0 0 20px;}
#flash{width:646px; margin:10px 0 0 2px;}

a img{
border:none;
}

#codepromo{width:650px; height:261px; background-image:url(../images/fondslider2.jpg); background-repeat:no-repeat; background-position:2px; float:left; overflow:hidden;}
#faq{float:right; clear:right; width:326px;}
#dossier{float:right; clear:right; width:326px; margin-top:5px;}
#astuce{float:right; clear:right; width:326px; margin-top:5px;}
#pub{float:right; clear:right; width:326px; height:270px; margin-top:5px; text-align:center;}
#pub p{margin:0; text-align:center; text-transform:uppercase;}
#pub img{border:#CCCCCC 1px solid; margin-right:5px;}

#codepromoDroite{width:650px; height:261px; background-image:url(../images/fondslider.jpg); background-repeat:no-repeat; background-position:2px;}
#codepromoDroite #reduccache{ width:640px; height:150px; margin:70px 5px 0 5px; overflow:hidden;}
#codepromoDroite #reduccache img{ width:120px; }
#codepromoDroite #reduccache ul{ width:auto; display:inline;}
#codepromoDroite #reduccache ul li{ position:relative; display:block; float:left;}
#codepromoDroite #reduccache ul li div{ width:120px; margin:0 3px; text-align:center;}
#codepromoDroite #reduccache ul li div p a{ font-size:12px; color:#333333; font-weight:bold;}

#univ_feminin{}
#univ{}
#univ_droite{width:300px; border:0; }

#nuagetag{width:210px;height:198px;overflow:hidden;padding-top:5px;}
#nuagetag span.t1 a{font-weight:bold; font-size:12px; margin:5px; float:left; color:#FF3300; line-height:12px;}
#nuagetag span.t2 a{font-weight:bold; font-size:11px; margin:5px; float:left; color:#FF9900; line-height:12px;}
#nuagetag span.t3 a{font-size:9px; margin:5px; float:left; color:#FFCC33; line-height:12px;}
#nuagetag span.t4 a{font-size:8px; margin:5px; float:left; color:#FF9966; line-height:12px;}
#nuagetag span.t5 a{font-weight:bold; font-size:7px; margin:5px; float:left; color:#FF9900; line-height:12px;}

#listeBoutique{ width:630px; padding:0 10px; margin:20px 0 0 0;}
#listeBoutique div.retour{ width:100%; border-bottom:1px dotted #CCCCCC; margin:0 0 10px 0;}
#listeBoutique div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#listeBoutique div.retour span.retour {float:left }
#listeBoutique div.retour span.rss{ float:right;}
#listeBoutique div.element div{ width:630px; color:#FF6600; font-size:18px; font-weight:bolder; border-bottom:1px solid #FF6600;}
#listeBoutique div.element ul{ margin:0; display:block; float:left;}
#listeBoutique div.element ul li{ color:#999999; line-height:20px;}
#listeBoutique div.element ul li a{ color:#111111; font-size:12px; font-weight:bold; }
#listeBoutique div.element{ width:650px; height:auto;}
#listeBoutique div.element ul li{ display:block; float:left; width:200px;}


#listeCategorie{ width: 640px; margin:20px 0 0 0;}
#listeCategorie div.retour{ width:630px; margin:0 0 10px 10px; border-bottom:1px dotted #CCCCCC;}
#listeCategorie div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#listeCategorie div.retour span.retour {float:left }
#listeCategorie div.retour span.rss{ float:right;}
#listeCategorie ul { list-style-type:none; margin:0;}
#listeCategorie ul li{ display:block; float:left;}

#boutiqueCategorie{ width:650px; margin:20px 0 0 0;}
#boutiqueCategorie div.retour{ width:630px; margin:0 0 0 10px;; border-bottom:1px dotted #CCCCCC; }
#boutiqueCategorie div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#boutiqueCategorie div.retour span.retour {float:left }
#boutiqueCategorie div.retour span.rss{ float:right;}
#boutiqueCategorie div.element{ width:650px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #CCCCCC;}
#boutiqueCategorie div.element img { display:block; float:left; clear:right; margin:15px 15px;}
#boutiqueCategorie div.element div.cat img { display:block; float:left; width:80px;}
#boutiqueCategorie div.element div.cat { float:left; clear:both; }
#boutiqueCategorie div.element h2 { display:block; font-size:14px; color:#111111; text-transform:uppercase; margin:12px 0 5px 0;}
#boutiqueCategorie div.element span { display:block; float:left; width:450px; margin:0 0 20px 0;}
#boutiqueCategorie div.element span a { color:#FF6600;}
#boutiqueCategorie div.element p { font-size:12px; color:#000000; display:block; width:435px; float:right; padding:0; margin:5px 0;}
#boutiqueCategorie div.element p.avantages { font-size:14px; color:#000000; display:block; font-weight:bold; width:100%; text-align:center; padding:0; margin:70px 0 5px 0;}
#boutiqueCategorie div.element p.conditions { font-size:12px; color:#000000; display:block; width:100%; text-align:center; padding:0; margin:5px 0;}
#boutiqueCategorie div.element div.reductions{ width:640px; clear:both;}
#boutiqueCategorie div.element div.reductions img {margin:0; padding:0; float:none; clear:none; display:inline;}
#boutiqueCategorie div.element div.reductions div.entete { background-color:#88b6e4; margin:0 15px 3px 15px;}
#boutiqueCategorie div.element div.reductions div.entete h3 { display:block; width:640px; text-align:center; color:#FFFFFF; margin:10px 0;}
#boutiqueCategorie div.element div.reductions div.reducA { width:640px; background-color:#E8E8E8; height:60px; padding:0 0; margin:0 15px 1px 15px;}
#boutiqueCategorie div.element div.reductions div.reducA div.remise1A{ width:100px; height:40px; margin:5px 20px 0 10px; float:left; text-align:right; font-weight:bolder; font-size:30px;}
#boutiqueCategorie div.element div.reductions div.reducA div.remiseA1A{ width:100px; height:40px;  margin:5px 20px 0 10px; float:left; text-align:right; font-weight:bolder; font-size:16px;}
#boutiqueCategorie div.element div.reductions div.reducA div.remise2A{ width:350px; height:40px; margin:10px 0; float:left; }
#boutiqueCategorie div.element div.reductions div.reducA div.remise3A{ width:110px; height:40px; margin:10px 0 10px 10px; float:left;}
#boutiqueCategorie div.element div.reductions div.reducB { width:640px; background-color:#D3D3D3;  height:60px; padding:0 0; margin:0 15px 1px 15px;}
#boutiqueCategorie div.element div.reductions div.reducB div.remise1B{ width:100px; height:40px; margin:5px 20px 0 10px; float:left; text-align:right; font-weight:bolder; font-size:30px;}
#boutiqueCategorie div.element div.reductions div.reducB div.remiseA1B{ width:100px; height:40px; margin:5px 20px 0 10px; float:left; text-align:right; font-weight:bolder; font-size:16px;}
#boutiqueCategorie div.element div.reductions div.reducB div.remise2B{ width:350px; height:40px; margin:10px 0; float:left; }
#boutiqueCategorie div.element div.reductions div.reducB div.remise3B{ width:110px; height:40px; margin:10px 10px; float:left;}

#boutiqueCategorie div.element div.reductions div.reducimg { width:640px; padding:0 0 0 0; margin:0 15px 1px 15px;}
#boutiqueCategorie div.element div.reductions div.reducimg div.remise1A{ width:300px; border:1px solid #999; height:250px; margin:5px 0 0 0; float:left; text-align:center; font-weight:bolder; font-size:30px;}
#boutiqueCategorie div.element div.reductions div.reducimg div.remiseA1A{ width:300px; height:250px; border:1px solid #999; margin:5px 10px; float:left; text-align:center; font-weight:bolder; font-size:16px;}
#boutiqueCategorie div.element div.reductions div.reducimg div.remise2A{ width:330px; background-color:#E8E8E8; height:250px; margin:5px 0 5px 3px; float:left; }
#boutiqueCategorie div.element div.reductions div.reducimg div.remise3A{ width:110px; background-color:#E8E8E8; height:40px; margin:10px 10px; float:left;}
#boutiqueCategorie div.element div.reductions div.reducimg div.remise1B{ width:300px; border:1px solid #999; text-align:center; height:250px; margin:5px 0 0 0; float:left; font-weight:bolder; font-size:30px;}
#boutiqueCategorie div.element div.reductions div.reducimg div.remiseA1B{ width:110px; height:40px;  margin:5px 10px; float:left; text-align:center; font-weight:bolder; font-size:16px;}
#boutiqueCategorie div.element div.reductions div.reducimg div.remise2B{ width:330px; background-color:#D3D3D3; height:250px; margin:5px 0 5px 3px; float:left; }
#boutiqueCategorie div.element div.reductions div.reducimg div.remise3B{ width:110px; height:40px; margin:10px 10px; float:left;}



#dossierReduc{ width:630px; margin:0 10px; }
#dossierReduc abbr { display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:15px 0 0 0; border:none; }
#dossierReduc img { width:160px; display:block; float:left; clear:right; margin:15px 15px;}
#dossierReduc div{position:relative;float:left;text-align:center;width:100%;color:#333333;}
#dossierReduc div a img{ width:auto; position:relative;float:none;margin:0 auto 0 auto;}
#dossierReduc h2 { text-transform:uppercase; font-size:15px; color:#FF6600; }
#dossierReduc h3 { display:block; width:100%; clear:both; font-size:14px; text-transform:uppercase; color:#FF6600; }
#dossierReduc h4 { display:block; width:100%; clear:both; font-weight:bold; color:#FF6600; }
#dossierReduc p { line-height:18px; display:block; width:100%; clear:both; text-align:justify; }
#dossierReduc div.page { width:630px; margin:15px 10px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; text-align:center; padding:0 0 15px 0;}
#dossierReduc div.page p { text-align:center; text-transform:uppercase; color:#0066CC; font-weight:bold; }
#dossierReduc div.page ul { list-style-type:none; text-align:left; margin:0 0 0 200px; }
#dossierReduc div.page ul li { line-height:20px; }
#dossierReduc div.page a { color:#FF6600; }
#dossierReduc div.page form select { font-size:12px; }
#dossierReduc div.page form select option { font-size:12px; background-color:#CBDFFE;}
#dossierReduc div.page form select option.noselect { font-weight:normal; background-color:#FDDDB3; padding:3px 0;}
#dossierReduc div.page form select option.select { font-weight:bold; background-color:#FAB856; padding:3px 0;}

#dossierListe { width:650px; margin:20px 0 0 0;}
#dossierListe div.retour{ width:630px; border-bottom:1px dotted #CCCCCC; margin:0 10px; }
#dossierListe div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#dossierListe div.retour span.retour {float:left }
#dossierListe div.retour span.rss{ float:right;}
#dossierListe div.element { width:630px; border-bottom:1px dotted #CCCCCC; margin:0 10px;}
#dossierListe div.element div.image{ display:block; width:160px; height:160px; float:left; clear:right; margin:15px 15px; overflow:hidden; border:#CCCCCC 1px solid; text-align:center;}
#dossierListe div.element div.image img{ height:160px;}
#dossierListe div.element abbr {display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:25px 0 0 0; border:none;}
#dossierListe div.element h2 {text-transform:uppercase; font-size:15px; color:#FF6600; margin:10px 0 0 0;}
#dossierListe div.element p {display:block; float:right; width:435px; line-height:17px; text-align:justify;}
#dossierListe div.element span.lire { font-size:12px; color:#FF6600;}
#dossierListe div.element span.lire a{ color:#FF6600; text-decoration:underline;}
#dossierListe div.page { width:630px; margin:15px 10px; border-top:1px dotted #CCCCCC; text-align:right;}
#dossierListe div.page a { color:#FF6600; }

#astuceListe { width:650px;  margin:20px 0 0 0;}
#astuceListe div.retour{ width:630px; border-bottom:1px dotted #CCCCCC; margin:0 10px; }
#astuceListe div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#astuceListe div.retour span.retour {float:left }
#astuceListe div.retour span.rss{ float:right;}
#astuceListe div.element { width:620px; border-bottom:1px dotted #CCCCCC; margin:0 10px; cursor:pointer; background-image:url(../images/puce_voir.gif); background-repeat:no-repeat; background-position:590px 50px; padding:0 5px;}
#astuceListe div.element abbr {display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:25px 0 0 0; border:none;}
#astuceListe div.element h2 {text-transform:uppercase; font-size:13px; color:#FF6600; margin:2px 0 0 0; font-weight:bold;}
#astuceListe div.element p {display:block; float:left; width:630px; line-height:17px; text-align:left;}
#astuceListe div.element div p {display:block; float:left; width:630px; line-height:18px;}
#astuceListe div.elementFocus { width:620px; border-bottom:1px dotted #CCCCCC; margin:0 10px; cursor:pointer; background-color: #FEF1D3; padding:0 5px;}
#astuceListe div.elementFocus abbr {display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:25px 0 0 0; border:none;}
#astuceListe div.elementFocus h2 {text-transform:uppercase; font-size:13px; color:#FF6600; margin:2px 0 0 0; font-weight:bold;}
#astuceListe div.elementFocus p {display:block; float:left; width:630px; line-height:17px; text-align:left; font-weight:bold;}
#astuceListe div.elementFocus div p {display:block; float:left; width:630px; line-height:18px; font-weight:normal;}
#astuceListe div.page { width:630px; margin:15px 10px; border-top:1px dotted #CCCCCC; text-align:right;}
#astuceListe div.page a { color:#FF6600; }
#astuceListe div.element div { display:none;}

#contact { width:630px; min-height:332px; background-image:url(../images/contact.jpg); background-repeat:no-repeat; margin:0 10px;}
#contact p.inscriptionOK {display:block; width:590px; margin-top:180px; margin-left:20px; background-color:#FFFFFF; text-align:center; color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contact p.inscriptionDB {display:block; width:590px; margin-top:180px; margin-left:20px; background-color:#FFFFFF; text-align:center; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contact h2 { color:#FF6600; font-weight:bold; }
#contact label{ color:#FFFFFF; font-weight:bold; margin:0 15px;}
#contact input[type="text"]{ width:150px; margin:15px 0; color:#FF6600;}
#contact textarea{ width:450px; height:100px; margin:15px 25px; color:#FF6600;}
#contact input[type="image"]{display:block; float:left; clear:both; margin:40px 250px;}

#aide { width:630px; margin:0 10px;}
#aide h2 { color:#FF6600; font-weight:bold;}
#aide h3 { color:#FF6600; font-weight:bold; border-bottom:1px solid #FF6600; font-size:14px;}
#aide h4 { color:#000000;}
#aide a { color:#FF6600; line-height:18px;}

#plan { width:630px; margin:0 10px;}
#plan ul{ list-style-type:none; display:inline;}
#plan ul li{ display:block; float:left; width:200px; line-height:25px;}
#plan h2 { color:#FF6600; font-weight:bold; margin:20px 0;}
#plan h3 { color:#FF6600; font-weight:bold; border-bottom:1px solid #FF6600; font-size:14px; clear:both; margin:20px 0; display:block;}
#plan h4 { color:#000000;}
#plan a { color:#FF6600; line-height:18px;}

#inscription { width:630px; margin:0 10px;}
#inscription div.formulaire { width:630px; min-height:378px; background-image:url(../images/inscription-fond.jpg); background-repeat:no-repeat; margin:0 10px;}
#inscription div.formulaire p.inscriptionOK {display:block; width:590px; margin-top:7px; margin-left:20px; background-color:#FFFFFF; text-align:center; color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#inscription div.formulaire p.inscriptionDB {display:block; width:590px; margin-top:7px; margin-left:20px; background-color:#FFFFFF; text-align:center; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#inscription h2 { color:#FF6600; font-weight:bold; }
#inscription table tr labelForm.td { width:90px; text-align:left;}
#inscription table tr td label{ width:80px; color:#FFFFFF; font-weight:bold; margin:0 15px; text-align:left; display:block;}
#inscription table tr td span{ color:#FFFFFF;}
#inscription table tr td input[type="text"]{ width:150px; margin:15px 0; color:#FF6600;}
#inscription table tr td input[type="radio"]{ margin:15px 15px; color:#FF6600;}
#inscription input[type="image"]{ float:left; clear:both; margin:10px 250px;}

#redir { margin:0; padding:0; background-image:none;}
#redir #redirect{ width:100%; height:100%; text-align:center; }
#redir #redirect img{ display:block; border:none;}
#redir #redirect div.entete { width:100%; text-align:center;}
#redir #redirect div.orange {background-color:#FF9900; height:60px; width:100%; text-align:center;}
#redir #redirect div.orange p { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:6px 0;}
#redir #redirect div.orange span { font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color: #FF9900; background-color:#FFFFFF; }

#univers{ width:630px; padding:10px 10px; margin:0; clear:both;}
#univers div.retour{ width:100%; border-bottom:1px dotted #CCCCCC; margin:0 0 10px 0;}
#univers div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#univers div.retour span.retour {float:left }
#univers div.retour span.rss{ float:right;}
#univers #boutique { width:630px; overflow:hidden; }
#univers #boutique div.element{ border:1px solid #EFEFEF; width:300px; margin:5px 5px;}
#univers #boutique div.element div.image{ display:block; float:left; width:160px;}
#univers #boutique div.element div.image img{ display:block; float:left; margin:0 5px 5px 5px; border:0;}
#univers #boutique div.element h4{ display:block; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; clear:both; text-align:center; margin:3px 0; }
#univers #boutique div.element div.codepromo{ display:block; float:left; width:140px; clear:right;}
#univers #boutique div.element div.codepromo p { margin:3px 0; }
#univers #boutique div.element div.codepromo p.avantage { display:block; width:140px; float:left; font-size:12px;}
#univers #boutique div.element div.codepromo p.avantage a{ color:#FF3300; font-weight:bold; }
#univers #dossier { display:block; float:left; clear:both; }
#univers #dossier div.element { width:630px; border-bottom:1px dotted #CCCCCC; margin:0 8px;}
#univers #dossier div.element div.image{ display:block; width:160px; height:160px; float:left; overflow:hidden; border:1px solid #CCC; clear:right; margin:15px 15px; text-align:center;}
#univers #dossier div.element div.image img {position: relative;height: 160px; border:1px solid #CCCCCC; margin:0 auto;}
#univers #dossier div.element abbr {display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:25px 0 0 0; border:none;}
#univers #dossier div.element h2 {text-transform:uppercase; font-size:15px; color:#FF6600; margin:10px 0 0 0;}
#univers #dossier div.element p {display:block; float:right; width:425px; padding:0 10px 0 0;; line-height:17px; text-align:justify;}
#univers #dossier div.element span.lire { font-size:12px; color:#FF6600;}
#univers #dossier div.element span.lire a{ color:#FF6600; text-decoration:underline;}
#univers #astuce { display:block; float:left; clear:both; }
#univers #astuce div.element { width:620px; border-bottom:1px dotted #CCCCCC; margin:0 10px; cursor:pointer; background-image:url(../images/puce_voir.gif); background-repeat:no-repeat; background-position:590px 50px; padding:0 5px;}
#univers #astuce div.element abbr {display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:25px 0 0 0; border:none;}
#univers #astuce div.element h2 {text-transform:uppercase; font-size:13px; color:#FF6600; margin:2px 0 0 0; font-weight:bold;}
#univers #astuce div.element p {display:block; float:left; width:630px; line-height:17px; text-align:left;}
#univers #astuce div.element div p {display:block; float:left; width:630px; line-height:18px;}
#univers #astuce div.elementFocus { width:620px; border-bottom:1px dotted #CCCCCC; margin:0 10px; cursor:pointer; background-color: #FEF1D3; padding:0 5px;}
#univers #astuce div.elementFocus abbr {display:block; font-size:12px; color:#111111; text-transform:uppercase; margin:25px 0 0 0; border:none;}
#univers #astuce div.elementFocus h2 {text-transform:uppercase; font-size:13px; color:#FF6600; margin:2px 0 0 0; font-weight:bold;}
#univers #astuce div.elementFocus p {display:block; float:left; width:630px; line-height:17px; text-align:left; font-weight:bold;}
#univers #astuce div.elementFocus div p {display:block; float:left; width:630px; line-height:18px; font-weight:normal;}
#univers #astuce div.element div { display:none;}
p.aucun { width:640px; margin:30px 0 10px 15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background-color: #88b6e4; padding:10px 0; font-weight:bold;}
#recherche{ width:640px; }
#recherche h3{ padding:10px 0; background-color:#88b6e4; color:#FFFFFF; font-size:13px; font-weight:normal; text-align:center; }
 
#codepromo #reduccache{ margin:60px 10px 0 8px; overflow:hidden;}
#codepromo #reduccache img{ width:120px; }
#codepromo #reduccache ul{ margin:0; padding:0;}
#codepromo #reduccache ul li{ position:relative; width:640px; height:180px; display:block; float:left; overflow:hidden;}
#codepromo #reduccache ul li div{ width:120px; margin:0 3px; text-align:center;}
#codepromo #reduccache a{ font-size:12px; color:#333333; font-weight:bold;}


<!-- STYLE INDEX -->
#millieu { width:980px;}
#millieu h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#020202; margin:3px 0 0 5px;}

#left1 { width:650px; float:left; overflow:hidden; }
#right1 { width:310px; float:left; padding:0 0 0 10px; overflow:hidden; }

#top { width:100%; margin:5px 0 15px 0; }
#top #alpha { width:765px; }
#top #alpha ul { margin:0; padding:2px 2px 0 2px; }
#top #alpha ul li { display:block; float:left; border:1px solid #999999; margin:0 5px 0 0; padding:2px 6px; min-width:8px; text-align:center; cursor:pointer; }
#top #alpha ul li a { text-decoration:none; color:#006699; font-weight:bold; }
#top #alpha ul li.lettrehover { background-color:#FFCC66; border:#FF6600 1px solid;  }
#top #alpha ul li.lettrehover a { color:#FF6600;  }
#top #alpha p { text-align:left; color: #006699; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:5px 0; }
#top #recherche { width:214px; text-align:right; }
#top #recherche input[type="text"] { width:150px; height:17px; border:1px solid #999999; margin:1px 0 0 0; background-image:url(../images/build/loupe.jpg); background-repeat:no-repeat; background-position:2px; padding:0 0 0 20px; }
#top #recherche input[type="submit"] {background-color:#999999; font-size:11px; height:18px; width:30px; color:#FFFFFF; border:1px solid #999999; margin:0 5px 0 5px; cursor:pointer;}
#top #adgoogle { width:100%; text-align:center; cursor:pointer; }

#left { width:750px; float:left;}
#left div.top { background-image:url(../images/build/title3.jpg); background-repeat:no-repeat; width:206px; height:21px; }

#left #topsbonsplan { margin:0 0 15px 5px; }
#left #topsbonsplan div.topcontent { background-image:url(../images/build/topbonsplan_top3.jpg); background-repeat:no-repeat; width:100%; height:8px; overflow:hidden; width:100%;}
#left #topsbonsplan div.content { width:745px; background-image:url(../images/build/topbonsplan_mid.jpg);; background-repeat:repeat-y; padding:0; overflow:hidden; }
#left #topsbonsplan div.content div.lcontent { width:50%; }
#left #topsbonsplan div.content div.elementtop { width:179px; height:42px; overflow:hidden; background-image:url(../images/build/codepromo.jpg); background-repeat:no-repeat; margin:3px 3px; }
#left #topsbonsplan div.content div.elementhover { background-image:url(../images/build/codepromohover.jpg); }
#left #topsbonsplan div.content div.elementtop p { line-height:10px; margin:5px; text-align:center;}
#left #topsbonsplan div.content div.elementtop p a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:underline; }
#left #topsbonsplan div.content div.elementtop p.avantages { line-height:10px; margin:8px;}
#left #topsbonsplan div.content div.elementtop p.avantages a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FF6600; text-decoration:none; }
#left #topsbonsplan div.content div.rcontent { width:50%; }
#left #topsbonsplan div.bot { background-image: url(../images/build/topbonsplan_bot.jpg); background-repeat:no-repeat; width:100%; height:8px; }

#left #topboutique1 { margin:0 0 15px 5px; overflow:hidden; width:745px;}
#left #topboutique1 #anim1 { width:100%; height:159px; background-image:url(../images/build/content_top1_2.jpg); background-repeat:no-repeat;}
#left #topboutique1 #anim1 img{ width:100px; border:1px solid #CCCCCC; }
#left #topboutique1 #anim1 ul{ margin:0; padding:0;}
#left #topboutique1 #anim1 ul li{ position:relative; width:680px; height:180px; display:block; float:left; overflow:hidden; margin:25px 0 0 30px;}
#left #topboutique1 #anim1 ul li div{ width:100px; margin:0 6px; text-align:center;}
#left #topboutique1 #anim1 p { margin:5px 0 0 0; }
#left #topboutique1 #anim1 p a{ font-size:11px; color:#000000; font-weight:bold;}
#left #topboutique1 #anim1 p.avantages { margin:5px 0 0 0; }
#left #topboutique1 #anim1 p.avantages a{ font-size:14px; color:#FF6600; font-weight:bold;}

#left #topboutique2 { margin:0 0 15px 5px; overflow:hidden; width:745px;}
#left #topboutique2 #anim2 { width:100%; height:159px; background-image:url(../images/build/content_top2.jpg); background-repeat:no-repeat;}
#left #topboutique2 #anim2 img{ width:100px; border:1px solid #CCCCCC; }
#left #topboutique2 #anim2 ul{ margin:0; padding:0;}
#left #topboutique2 #anim2 ul li{ position:relative; width:680px; height:180px; display:block; float:left; overflow:hidden; margin:25px 0 0 30px;}
#left #topboutique2 #anim2 ul li div{ width:100px; margin:0 6px; text-align:center;}
#left #topboutique2 #anim2 p { margin:5px 0 0 0; }
#left #topboutique2 #anim2 p a{ font-size:11px; color:#000000; font-weight:bold;}
#left #topboutique2 #anim2 p.avantages { margin:5px 0 0 0; }
#left #topboutique2 #anim2 p.avantages a{ font-size:14px; color:#FF6600; font-weight:bold;}

#left #categorie { margin:0 0 15px 5px; width:432px; }
#left #categorie div.topcontent { background-image:url(../images/build/content_cat_top1.jpg); background-repeat:no-repeat; width:100%; height:12px; overflow:hidden; }
#left #categorie div.content { background-image:url(../images/build/content_cat_mid.jpg); background-repeat:repeat-y; width:100%; }
#left #categorie div.content ul { margin:0; padding:0 0 0 3px; list-style-type:none; }
#left #categorie div.content ul li { line-height:14px; padding:5px 0 0 30px; margin:0 0 3px 0; }
#left #categorie div.content ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#006699; font-weight:bold; }
#left #categorie div.content ul li p { margin:0; }
#left #categorie div.content ul li p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}
#left #categorie div.bot { background-image:url(../images/build/content_cat_bot.jpg); background-repeat:no-repeat; width:100%; height:12px; }

#left #pubcarre { border:1px solid #666666; margin:0 0 15px 5px; padding:0; height:250px; }

#left #lespluspopulaires { width:299px; overflow:hidden; margin:0 0 15px 5px; }
#left #lespluspopulaires div.topcontent { background-image:url(../images/build/content_pop_top1.jpg); background-repeat:no-repeat; width:100%; height:11px; overflow:hidden;}
#left #lespluspopulaires div.content { background-image:url(../images/build/content_pop_mid.jpg); background-repeat:repeat-y; width:100%; }
#left #lespluspopulaires div.content ul { list-style-type:decimal; color:#006600; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#left #lespluspopulaires div.content ul li {line-height:16px; margin:0 0 5px 0; }
#left #lespluspopulaires div.content ul li p { margin:0; }
#left #lespluspopulaires div.content ul li p a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#006699; font-weight:bold; font-size:11px; }
#left #lespluspopulaires div.content ul li p.avantages { margin:0 15px 0 0; }
#left #lespluspopulaires div.content ul li p.avantages a { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; font-weight:normal; }
#left #lespluspopulaires div.bot { background-image:url(../images/build/content_pop_bot.jpg); background-repeat:no-repeat; width:100%; height:11px; }

#right { width:229px; overflow:hidden; float:left; }
#right h2 { margin:5px 0 0 5px; }

#right #newsletter { background-image:url(../images/build/newsletter.jpg); width:218px; height:142px; margin:0 5px 15px 5px; }
#right #newsletter h3 { text-align:center; margin:10px 5px; }
#right #newsletter h3 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#006699; }
#right #newsletter p { margin:10px 10px; line-height:14px; text-align:center;}
#right #newsletter p a { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; }
#right #newsletter p a span { color:#FF6600; font-size:11px; }
#right #newsletter form { margin:10px 0 0 0; }
#right #newsletter input[type="text"] { width:110px; background-image:url(../images/build/lettre.jpg); background-repeat:no-repeat; height:17px; border:1px solid #CCCCCC; margin:1px 0 0 10px; padding:0 0 0 20px; }
#right #newsletter input[type="submit"] { background-color:#006699; height:18px; font-size:11px; width:60px; color:#FFFFFF; border:#006699 1px solid; margin:0 5px 0 5px; cursor:pointer; }

#right #nouveautes { margin:0 5px 15px 7px; width:209px; }
#right #nouveautes div.top { background-image:url(../images/build/content_droite_top3.jpg); width:100%; height:23px; }
#right #nouveautes div.content { background-image:url(../images/build/content_droite_mid.jpg); width:100%; }
#right #nouveautes div.content ul { list-style-type:none; margin:0; padding:0 3px 0 3px;}
#right #nouveautes div.content ul li { border-bottom:1px solid #999999; padding:5px 0; height:35px; line-height:25px; }
#right #nouveautes div.content ul li p { margin:0; line-height:14px; }
#right #nouveautes div.content ul li p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; }
#right #nouveautes div.content ul li p.avantages { float:right; text-align:right; width:120px; margin:0; }
#right #nouveautes div.content ul li p.avantages a { font-family:Arial, Helvetica, sans-serif; color:#FF6600; font-weight:bold; font-size:12px; }
#right #nouveautes div.content ul li a img { margin:3px 0 0 0; float:left; border:0; }
#right #nouveautes div.bot { background-image:url(../images/build/content_droite_bot.jpg); width:100%; height:15px; }

#right #premierevisite { margin:0 5px 15px 7px; width:209px; }
#right #premierevisite div.top { background-image:url(../images/build/droite_top_std.jpg); background-repeat:no-repeat; height:23px; width:100%; }
#right #premierevisite div.top h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#006699; text-align:center; }
#right #premierevisite div.content { background-image:url(../images/build/content_droite_mid.jpg); width:100%; padding:4px 0 0 0; }
#right #premierevisite div.content p { display:block; width:115px; float:left; margin:25px 2px 0 4px; text-align:center; line-height:18px; }
#right #premierevisite div.content p a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; letter-spacing:1px; }
#right #premierevisite div.content p.autre { margin:0; text-align:center; width:100%; line-height:normal; }
#right #premierevisite div.content p.autre a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF6600; }
#right #premierevisite div.content img { float:left; }
#right #premierevisite div.bot { background-image:url(../images/build/content_droite_bot.jpg); width:100%; height:15px; }

#right #lesastuces { margin:0 5px 15px 7px; width:209px; }
#right #lesastuces div.top { background-image:url(../images/build/droite_top_std.jpg); background-repeat:no-repeat; height:23px; width:100%; }
#right #lesastuces div.top h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#006699; text-align:center; }
#right #lesastuces div.content { background-image:url(../images/build/content_droite_mid.jpg); width:100%; }
#right #lesastuces div.content p { text-align:center; }
#right #lesastuces div.content p a { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#right #lesastuces div.content ul { padding:0; margin:0; list-style-type:none; position:relative;}
#right #lesastuces div.content ul li { border-bottom:1px dotted #999999; margin:0 6px; padding:0 0 0 30px; background-image:url(../images/build/ampoule.jpg); background-repeat:no-repeat; }
#right #lesastuces div.content ul li p { margin:0 6px; text-align:left; margin:5px 0; }
#right #lesastuces div.content ul li p a { color:#006699; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#right #lesastuces div.bot { background-image:url(../images/build/content_droite_bot.jpg); width:100%; height:15px; }

#right #dossierenavant { margin:0 5px 15px 7px; width:209px; }
#right #dossierenavant a img { margin:0; }

#right #adgooglebot { margin:0 5px 15px 7px; width:209px; }


<!-- TOPS BONS PLANS -->

#left #lestopsbonsplans { width:745px; overflow:hidden; margin:0 2px 15px 2px; }
#left #lestopsbonsplans div.topcontent { background-image:url(../images/build/topbonsplan_top.jpg); background-repeat:no-repeat; width:100%; height:9px; overflow:hidden; width:100%;}
#left #lestopsbonsplans div.content { background-image:url(../images/build/topbonsplan_mid.jpg); background-repeat:repeat-y; width:100%; }
#left #lestopsbonsplans div.content div.elementtop { width:361px; height:60px; background-image:url(../images/build/topbonsplan_element_fond.jpg); background-repeat:no-repeat; overflow:hidden; margin:5px 5px; }
#left #lestopsbonsplans div.content div.elementhover { width:361px; height:60px; background-image:url(../images/build/topbonsplan_element_fond_hover.jpg); }
#left #lestopsbonsplans div.content div.elementtop div.image { width:72px; height:59px; overflow:hidden; text-align:center; }
#left #lestopsbonsplans div.content div.elementtop div.image img { width:65px; margin:12px 0 0 3px; }
#left #lestopsbonsplans div.content div.elementtop div.avantages { width:70px; overflow:hidden; text-align:center; margin:10px 0 0 0; }
#left #lestopsbonsplans div.content div.elementtop div.avantages p a { font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; color:#666666; font-weight:bold; }
#left #lestopsbonsplans div.content div.elementtop div.wm { width:145px; overflow:hidden; margin:10px 0 0 0; }
#left #lestopsbonsplans div.content div.elementtop div.wm p { margin:0; }
#left #lestopsbonsplans div.content div.elementtop div.wm p.nomwm a { font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; color:#666666; font-weight:bold; }
#left #lestopsbonsplans div.content div.elementtop div.wm p.conditions a { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; }
#left #lestopsbonsplans div.content div.elementtop div.validite { position:absolute; bottom:0; right:0; margin:0 5px 2px 0; width:150px; text-align:right; }
#left #lestopsbonsplans div.content div.elementtop div.stars p.validite { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#CCCCCC; text-align:right; margin:2px 2px 0 0; }
#left #lestopsbonsplans div.content div.elementtop div.stars abbr { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#006699; border:none;}
#left #lestopsbonsplans div.content div.elementtop div.stars { width:70px; text-align:center; margin:10px 0 0 0; }
#left #lestopsbonsplans div.content div.elementtop div.jmoins { text-align:center; width:70px; margin:17px 0 0 0; }
#left #lestopsbonsplans div.content div.elementtop div.jmoins a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#006699; font-size:14px; } 
#left #lestopsbonsplans div.bot { background-image: url(../images/build/topbonsplan_bot.jpg); background-repeat:no-repeat; width:100%; height:8px; }

#left #bonsplanalhonneur { width:745px; overflow:hidden; margin:15px 2px 15px 2px; }
#left #bonsplanalhonneur div.topcontent { background-image:url(../images/build/topbonsplan_top.jpg); background-repeat:no-repeat; width:100%; height:9px; overflow:hidden; width:100%;}
#left #bonsplanalhonneur div.content { background-image:url(../images/build/topbonsplan_mid.jpg); background-repeat:repeat-y; width:100%; text-align:center; }
#left #bonsplanalhonneur div.bot { background-image: url(../images/build/topbonsplan_bot.jpg); background-repeat:no-repeat; width:100%; height:8px; }

#left #derniersjours { width:745px; overflow:hidden; margin:0 2px 0 5px; }
#left #derniersjours div.topcontent { background-image:url(../images/build/topbonsplan_top.jpg); background-repeat:no-repeat; width:100%; height:9px; overflow:hidden; width:100%;}
#left #derniersjours div.content { background-image:url(../images/build/topbonsplan_mid.jpg); background-repeat:repeat-y; width:100%; }
#left #derniersjours div.content div.element { width:728px; height:83px; background-image:url(../images/build/topbonsplan_derniersjours.jpg); background-repeat:no-repeat; overflow:hidden; margin:5px 5px; }
#left #derniersjours div.content div.element div.image { width:144px; height:82px; overflow:hidden; text-align:center; }
#left #derniersjours div.content div.element div.image img { width:120px; margin:12px 0 0 3px; }
#left #derniersjours div.content div.element div.avantages { width:190px; overflow:hidden; text-align:center; margin:10px 0 0 0; }
#left #derniersjours div.content div.element div.avantages p a { font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; color:#FFCC00; font-weight:bold; }
#left #derniersjours div.content div.element div.wm { width:320px; overflow:hidden; margin:10px 0 0 0; }
#left #derniersjours div.content div.element div.wm p { margin:0; }
#left #derniersjours div.content div.element div.wm p.codepromo { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; }
#left #derniersjours div.content div.element div.wm p.nomwm a { font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; color:#FFCC00; font-weight:bold; }
#left #derniersjours div.content div.element div.wm p.conditions a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
#left #derniersjours div.content div.element div.jmoins { margin:10px 0 0 0; text-align:center; width:70px; }
#left #derniersjours div.content div.element div.jmoins p abbr { border:none; }
#left #derniersjours div.content div.element div.jmoins a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:23px; color:#FFCC00; font-weight:bold; }
#left #derniersjours div.bot { background-image: url(../images/build/topbonsplan_bot.jpg); background-repeat:no-repeat; width:100%; height:8px; }

#categories{position:relative; float:left; width:980px; height:200px; overflow:hidden;}
#categories h2{display:block; text-align:center; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#006699; font-size:15px;}

#left1 #listeCategorie{ width: 640px; margin:20px 0 0 0;}
#left1 #listeCategorie div.retour{ width:630px; margin:0 0 10px 10px; border-bottom:1px dotted #CCCCCC;}
#left1 #listeCategorie div.retour span.retour a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bolder; text-transform:uppercase;}
#left1 #listeCategorie div.retour span.retour {float:left }
#left1 #listeCategorie div.retour span.rss{ float:right;}
#left1 #listeCategorie ul { margin:0; padding:0 0 0 5px; list-style-type:none; }
#left1 #listeCategorie ul li { line-height:14px; padding:0 0 0 30px; margin:0 0 3px 0; display:block; width:270px; float:left; height:50px; overflow:hidden; }
#left1 #listeCategorie ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#006699; font-weight:bold; }
#left1 #listeCategorie ul li p { margin:0; }
#left1 #listeCategorie ul li p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}

#contact h2 { color:#FF6600; font-weight:bold; font-size:14px; margin:0 0 35px 0; }

a.marchepas img { display:block; position:absolute; right:10px; bottom:10px; }

.partenaire { display:block; width:100%; }
.partenaire ul { display:block; width:100%; list-style-type:none; }
.partenaire ul li { display:block; float:left; padding:0; margin:5px 0; margin-right:5px; padding-right:5px; border-right:1px #CCC solid; }
.partenaire ul li.first { }