/* CSS Document */

.bordure-haute-1 {width:1062px; margin:auto; padding:5px 0px 0px 0px; background:url(../img/generale/bord-noir.png) repeat;}
.bordure-haute-2 {width:1062px; margin:auto; background:url(../img/generale/bord-noir.png) repeat;}
.bordure-bas {width:1062px; margin:auto; padding:0px 0px 10px 0px; background:url(../img/generale/bord-noir.png) repeat;}
.h-menu{background:url(/img/generale/menu0.png) repeat-x; border-top:1px solid #000000;}
.div-haut100 { color:#FFFFFF; font-size:10px; padding:3px 10px 3px 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.haut-black-banniere {background:url(../img/generale/black-haut-banniere.png) repeat-x; border-bottom:1px solid #bcbcbc; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000;}
.haut-black-menu {background:url(../img/generale/black-haut-menu.png) repeat-x; border-top:1px solid #000000;}

.div-haut1 { color:#FFFFFF; font-size:10px; padding:5px 10px 6px 10px; width:600px; align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
.background-haut { background:url(../img/generale/background-haut.gif) repeat-x; border:1px solid #000000;}

.back-local {background:url(../img/generale/back-local.gif); border-bottom:1px solid #bcbcbc;}
.background-site-bas {}
.background-bas { background: url(../img/generale/background-degrader-bas.png) repeat-x #FFFFFF; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;}
.cote {border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
.background-haut-droite { background:url(../img/generale/background-haut-droite.png) no-repeat right;}
.background-bas-tirette { background:url(../img/generale/background-bas-tirette.png) repeat-x bottom; color:#9d9d9d; padding:6px; margin-top:8px; border:1px solid #c6c6c6; font-size:11px;}
.cadre-bas {float:left; width:25%; font-size:11px; color:#EEEEEE; margin-top:10px;}
.cadre-bas a:link{font-size:11px; color:#EEEEEE;}
.cadre-bas a:visited{font-size:11px; color:#EEEEEE;}
.cadre-bas a:hover{font-size:11px; text-decoration:underline;}
.text-bas {color:#CC0000; border:1px solid #c6c6c6; background:#f1f1f1; padding:2px 6px; margin-right:8px;}
.text-cadre {color:#CC0000; border:1px solid #c6c6c6; background:#f1f1f1; padding:2px 6px;}
.text-retour {margin-bottom:3px; margin-left:12px; margin-top:-1px; background:url(../img/generale/retour-bas.png) no-repeat; height:10px;}

.texte-haut{color:#FFFFFF; font-size:11px; font-weight:bold;}
.texte-haut a:link{color:#FFFFFF; font-size:11px; text-decoration:none;}
.texte-haut a:visited{color:#FFFFFF; font-size:11px; text-decoration:none;}
.texte-haut a:hover{color:#FFFFFF; font-size:11px; text-decoration:none;}

.carre { border:1px solid #c6c6c6; padding:3px 6px; margin-right:10px; float:left; background:#f4f4f4;}
.carre:hover{ border:1px solid #00b0fe; padding:3px 6px; background:#c1ecff;}

.carre-lex { border:1px solid #c6c6c6; padding:2px 4px; margin-right:6px; float:left; background:#f4f4f4; font-weight:bold;}
.carre-lex:hover{ border:1px solid #00b0fe; padding:2px 4px; background:#c1ecff;}
.menu-site {border-top:1px solid #c6c6c6; padding:2px 0px 2px 5px;}
.menu-site:hover {border-top:1px solid #c6c6c6; padding:2px 0px 2px 5px; background:#f2f2f2;}
.comparateur-desc-bl {padding:3px; background:#FFFFFF;}
.comparateur-desc-gr {padding:3px; background:#f2f2f2;}
.comparateur-separation-droite {border-right:1px dashed #dfdfdf; padding-right:4px;}
.comparateur-separation-total {padding-right:4px;}
.comparateur-separation-marchand {padding-left:4px; border-right:1px dashed #dfdfdf;}
.comparateur-select {border:1px dashed #dfdfdf;}

.cadre-test-tab{border:1px solid #c6c6c6; background-color:#FFFFFF; padding:5px; background: url(../img/generale/degrader-shadetabs.gif) repeat-x #FFFFFF top;}
.cadre-compa-tab{border:1px solid #c6c6c6; background-color:#FFFFFF; padding-top:5px; background: url(../img/generale/degrader-shadetabs.gif) repeat-x #FFFFFF top;}
.title-best { border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-top:1px solid #c6c6c6; margin-top:14px; height:12px;}
.title-best-title {margin-top:-8px; text-align:center;}
.title-best-win {background:#000000; font-weight:bold; color:#ffffff; font-size:14px; text-transform:uppercase;}
.cadre-best {border:1px solid #c6c6c6; background:url(../img/generale/gauche-best-1.png) no-repeat; padding:3px; margin-bottom:5px;}
.cadre-best:hover {background:url(../img/generale/gauche-best-2.png) no-repeat;}

.cadre-besty {border:1px solid #c6c6c6; background:url(../img/generale/gauche-besty1.gif) repeat-x; padding:3px; margin-bottom:5px;}
.cadre-besty:hover {background:url(../img/generale/gauche-besty2.gif) repeat-x;}

.retour-top {background:url(../img/generale/retour-top.png) no-repeat; margin-left:45px; margin-top:-1px; margin-bottom:5px; height:15px;}


.div-haut2 { height:3px; background:url(../img/generale/background-haut.gif) no-repeat; float:left; width:78px;}
.div-haut3 { background:url(../img/generale/background-haut.gif) repeat-x; color:#FFFFFF; font-size:10px; padding:5px 0px 6px 0px; width:250px; float:right; margin-right:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}

.div-float-left-gauche {width:685px; float:left;}
.div-float-right-droite {width:310px; float:right;}

.cadre-pub {border-radius:6px;border:0px solid #c6c6c6; padding:2px; background:#000000; text-align:center;}
.cadre-boutique {border:2px solid #aaaaaa; padding:4px; background:#FFFFFF;}

.clear-both {clear:both;}
.clear-both-margintop {clear:both; padding-top:10px;}
.title-page {background:url(../img/generale/titre-page.png) repeat-x; padding:0px 10px 0px 10px; color:#404040; font-size:9px;  font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; height:25px; }
.title-page a:link {color:#707070;}
.title-page a:visited {color:#707070;}
.title-page a:hover {color:#707070;}

.text-navigation {font-size:10px; color:#797979; text-decoration:none;}
.text-navigation a:link{font-size:10px; color:#797979; text-decoration:none;}
.text-navigation a:visited{font-size:10px; color:#797979; text-decoration:none;}
.text-navigation a:hover{font-size:10px; color: #1b7ada; text-decoration:none;}

.background-degrader-gris {background:url(../img/generale/fond-trame.png) repeat; border-top:1px solid #000000; padding:8px;}
.background-degrader-gris2 {background:url(../img/generale/fond-trame.png) repeat; padding:8px;}
.background-blanc {background-color:#ffffff; padding:8px;}
.background-degrader-vierge {padding-left:8px; padding-right:8px;}
.div-float-50-left { float:left; width:50%;}
.div-float-50-right { float:right; width:50%; text-align:right;}

.div-float-70-left { float:left; width:63%; text-align:justify;}
.div-float-30-right { float:right; width:35%; border:1px solid #c6c6c6; padding:3px; background:#f1f0f0; margin-top:10px;}
.separation-logitheque { border-bottom:1px dashed #c6c6c6; margin-top:3px; padding-bottom:3px;  font-size:11px;}

.div-float-left { float:left;}
.div-float-right { float:right;}

.float-mini-right { font-size:11px; float:right; width:35%; text-align:right; margin:8px 0px;}
.float-mini-left { font-size:11px; float:left; width:65%; text-align:left; margin:8px 0px; color:#666666;}
.float-mini-right a:link{color:#666666;}
.float-mini-right a:hover{color:#666666;}
.float-mini-right a:visited{color:#666666;}

.logitheque-index {border-top:1px dashed #c6c6c6; padding:3px 0px 3px 0px; border-right:2px solid #FFFFFF;}
.logitheque-index:hover{border-top:1px dashed #c6c6c6; padding:3px 0px 3px 0px; border-right:2px solid #ff9900; background:#f1f1f1;}
.cadre-normal-degrader{border:1px solid #c6c6c6; background: url(../img/generale/degrader-generale-bas.gif) bottom repeat-x; background-color:#FFFFFF;  margin-top:8px; padding:5px;}
.rss-party {margin:8px 0px; background:url(../img/generale/rss-party.png) no-repeat; padding:10px; font-size:12px; color:#FF9900; padding-left:20px; text-decoration:none;}
.margingtop-4px {margin-top:4px;}
.rss-party  a:link{font-size:14px; color:#FF6600; padding-left:18px; text-decoration:none;}
.rss-party  a:visited{font-size:14px; color:#FF6600; padding-left:18px; text-decoration:none;}
.rss-party  a:hover{font-size:14px; color:#000000; padding-left:18px; text-decoration:none;}

.margin-bottom-8px { margin-bottom:8px;}
.margin-top-10px { margin-top:10px;}
.margin-top-20px { margin-top:20px;}
.margin-left-10px { margin-left:10px;}
.padding4px { padding:4px;}
.padding6px { padding:6px;}
.padding8px { padding:8px;}

.even { background:#f6f6f6;}
.even:hover{ background:#f2f2f2;}
.odd { background:#FFFFFF;}
.odd:hover{ background:#f2f2f2;}

.even2 { background:#f6f6f6; border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-left:1px solid #c6c6c6;}
.even2:hover{ background:#eceaea;}
.odd2 { background:#FFFFFF; border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-left:1px solid #c6c6c6;}
.odd2:hover{ background:#eceaea;}

.text-10px {font-size:10px;}
.text-11px {font-size:11px;}
.text-14px {font-size:14px;}
.text-11px-bleu a:link{font-size:11px; color:#0066CC; text-decoration:none;}
.text-11px-bleu a:visited{font-size:11px; color:#0066CC; text-decoration:none;}
.text-11px-bleu a:hover{font-size:11px; color:#000000; text-decoration:underline;}

.text-rouge {font-size:11px;color:#CC0000;}
.text-bleu{font-size:11px;;color:#0066CC;}

.cadre-detail{ border-left:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; border-top:4px solid #c6c6c6; padding:8px; float:right; background:#f7f7f7; width:162px;}
.cadre-detail:hover{background:#dddddd;}


.moteur-recherche1{ border:0px solid #555555; font-color:#aaaaaa}
.moteur-recherche2{ border:0px solid #555555; padding:4px; font-color:#aaaaaa}

.moteur-recherche3{ border:1px solid #888888; padding:4px; width:150px; margin-right:6px; background:url(../img/generale/bouton-recherche1.png) repeat-x; font-size:10px; color:#888888;}
.moteur-recherche3:selected{ border:1px solid #000000;font-size:11px;}
.moteur-recherche4{ border:1px solid #555555; padding:4px 10px 4px 10px; background:url(../img/generale/bouton-recherche2.png) repeat-x;font-size:11px;}

.moteur-recherche5{ border:1px solid #FFFFFF; width:150px; margin-right:6px; background:url(../img/generale/bouton-recherche1.png) repeat-x;font-color:#FFFFFF}
.moteur-recherche6{ border:1px solid #555555; padding:1px 10px 1px 10px; background:url(../img/generale/bouton-recherche2.png) repeat-x;font-color:#FFFFFF}

.cadre-generale {border-radius: 8px; border:1px solid #222222; 	background-color:#ffffff;padding:0px 0px 2px 0px}
.title-cadre {border-radius:4px;border:0px solid #222222; background:url(../img/generale/cadre-title.png) repeat-x; padding:3px 10px 3px 10px; color:#000000; font-size:12px; font-weight:bold; text-transform:uppercase;}
.title-bas { }

.cadre-title {border-radius:4px;background:url(../img/generale/cadre-title.png) repeat-x; padding:5px 10px; color:#000000; font-weight:bold; text-transform:uppercase;}
.cadre-title-retour {background:url(../img/generale/cadre-retour-title.png) no-repeat; height:19px; margin-top:-2px;}

.cadre-generale-bleu {border:1px solid #589fac; background:#FFFFFF;}
.title-cadre-bleu {border:1px solid #FFFFFF; background:#dde6ea url(../img/generale/title-approche.gif) no-repeat; padding:3px 10px 3px 25px; color:#0a587b; font-size:12px; font-weight:bold; text-transform:uppercase;}
.title-bas-bleu { background:url(../img/generale/bas-title2.gif) no-repeat; height:12px; margin-bottom:4px; margin-top:-1px}

.cadre-generale-black {border:1px solid #000000; background:#FFFFFF;}
.title-cadre-black {border:1px solid #FFFFFF; background:#dde6ea url(../img/generale/title-approche.gif) no-repeat; padding:3px 10px 3px 25px; color:#000000; font-size:12px; font-weight:bold; text-transform:uppercase;}
.title-bas-black { background:url(../img/generale/bas-title2.gif) no-repeat; height:12px; margin-bottom:4px; margin-top:-1px}

.cadre-generale-rouge {border:1px solid #e20000; background:#FFFFFF;}
.title-cadre-rouge {border:1px solid #FFFFFF; background:#e20000 url(../img/generale/title-approche2.gif) no-repeat; padding:3px 10px 3px 25px; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase;}
.title-bas-rouge { background:url(../img/generale/bas-title3.gif) no-repeat; height:12px; margin-bottom:4px; margin-top:-1px}
.title-bas-rouge { background:url(../img/generale/retour-rouge.png) no-repeat; height:11px; margin-bottom:4px; margin-left:25px;}

.cadre-noir {border:1px solid #000000;}

.title-cadre-presentation {border:1px solid #FFFFFF; padding:2px 10px 2px 8px; color:#242424; font-size:11px; font-weight:bold; background:#ffcc00;margin-bottom:8px;}
.title-generale-one {color:#242424; font-size:18px; font-weight:bold;}
.cadre-actu-rss {color:#353535; border:1px solid #c6c6c6; background:url(../img/generale/background-bas-tirette.png) repeat-x bottom; padding:2px 5px 2px;}
.cadre-compa-445 {color:#353535; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background:url(../img/generale/background-bas-tirette.png) repeat-x bottom ; padding:5px 5px;}
/* affichage des actualité */
.actualite-index {width:550px; padding:4px 0px 4px 3px; border-top:1px dashed #555555; border-left:3px solid #FFFFFF;}
.actualite-index:hover {border-left:3px solid #ff9900; background:#f2f3f3 url(../img/generale/retour-actu.gif) no-repeat right center;}

.actualite-archives {padding:4px 0px 4px 3px; border-top:1px dashed #c6c6c6; border-left:3px solid #FFFFFF;}
.actualite-archives:hover {border-left:3px solid #ff9900; background:#f2f3f3 url(../img/generale/retour-actu.gif) no-repeat right center;}

.test-dossier-index {padding:6px 0px 6px 6px; border-left:3px solid #FFFFFF; border-top:1px dashed #c6c6c6; }
.test-dossier-index:hover {border-left:3px solid #ff9900; background:#f2f3f3;}

.lexique-faq {padding:2px 0px 2px 0px; border-top:1px dashed #c6c6c6; border-left:3px solid #FFFFFF;}
.lexique-faq:hover {border-left:3px solid #ff9900; background:#f2f3f3;}

.logitheque-index-log {padding:6px 0px 6px 6px; border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-top:1px solid #c6c6c6; border-left:3px solid #c6c6c6; margin-bottom:6px;}
.logitheque-index-log:hover {border-left:3px solid #ff9900; background:#f2f3f3; padding:6px 0px 6px 6px; margin-bottom:6px; }

.actualite-title a:link{ color:#0066CC; text-decoration:none; font-size:12px; font-weight:bold;}
.actualite-title a:visited{ color:#0066CC; text-decoration:none; font-size:12px; font-weight:bold;}
.actualite-title a:hover{ color:#242424; text-decoration:underline; font-size:12px;}

.text2clic a:link{ color:#0066CC; text-decoration:none; font-size:11px; font-weight:bold;}
.text2clic a:visited{ color:#0066CC; text-decoration:none; font-size:11px; font-weight:bold;}
.text2clic a:hover{ color:#000000; text-decoration:underline; font-size:11px;}

.cadre-gris { border:1px solid #c6c6c6;:}
.cadre-gris:hover {border:1px solid #f1f1f1;}
.scroll-bleu-gris:hover {background:#d8ebf7;}
.degrader-20px{ background: url(/img/generale/degrader-20px.gif);}
.essential-comparateur{ border-bottom:1px solid #c6c6c6; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; padding:6px; background:#f8f8f8;}
.essential-comparateur:hover{ background:#ffd9ad;}

.cadre-fond-droite {border:1px solid #333333;}
.cadre-fond-droite:hover {border:1px solid #00FFFF;}

/* affichage des tests */
.test-index {width:262px; border:1px solid #222222; border-right:3px solid #555555; margin-bottom:8px; padding:3px 3px 3px 3px;}
.test-index:hover{  background:#f2f3f3; border-right:3px solid #ff9900;}
.test-title {font-size:12px;margin-bottom:5px;}
.test-title a:link{font-size:12px;color:#0066CC; text-decoration:none; font-weight:bold;}
.test-title a:visited{font-size:12px;color:#0066CC; text-decoration:none; font-weight:bold;}
.test-title a:hover{font-size:12px;color:#242424; text-decoration:none;}

.test-title-small {font-size:11px;margin-bottom:5px;}
.test-title-small a:link{font-size:11px;color:#0066CC; text-decoration:none; font-weight:bold;}
.test-title-small a:visited{font-size:11px;color:#0066CC; text-decoration:none; font-weight:bold;}
.test-title-small a:hover{font-size:11px;color:#242424; text-decoration:none;}

.test-title2 {margin-top:5px; color:#666666; font-size:10px; font-weight:bold;}
#dhtmltooltip{position: absolute; left: -300px; width: 150px; border: 1px solid #00abca; padding: 4px; background-color: #FFFFFF; visibility: hidden; z-index: 100;}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}

.degrader-22px{ background: url(/img/generale/degrader-22px.gif);}
.cat-index-compa {border-bottom:1px dashed #c6c6c6; padding:3px;}
.cat-index-compa:hover {border-bottom:1px solid #FF9900; padding:3px;}
.cle1  a:link{color: #a9cae8; text-decoration:none; font-family:Verdana, Arial; font-size:11px;}
.cle2  a:link{color: #188b41; text-decoration:none; font-family:Verdana, Arial; font-size:13px;}
.cle3  a:link{color: #b93900; text-decoration:none; font-family:Verdana, Arial; font-size:18px;}
.cle4  a:link{color: #964f8e; text-decoration:none; font-family:Verdana, Arial; font-size:14px;}
.cle5  a:link{color: #207578; text-decoration:none; font-family:Verdana, Arial; font-size:17px;}
.cle6  a:link{color: #505050; text-decoration:none; font-family:Verdana, Arial; font-size:12px;}
.cle7  a:link{color: #ffa200; text-decoration:none; font-family:Verdana, Arial; font-size:15px;}
.cle8  a:link{color: #8c008a; text-decoration:none; font-family:Verdana, Arial; font-size:13px;}
.cle9  a:link{color: #000000; text-decoration:none; font-family:Verdana, Arial; font-size:16px;}
.cle10  a:link{color: #444444; text-decoration:none; font-family:Verdana, Arial; font-size:13px;}
.cle10  a:hover{color: #AAAAAA; text-decoration:none; font-family:Verdana, Arial; font-size:13px;}
.cle11  a:link{color: #777777; text-decoration:none; font-family:Verdana, Arial; font-size:12px;}
.cle11  a:hover{color: #AAAAAA; text-decoration:none; font-family:Verdana, Arial; font-size:12px;}

.fde-back {background: url(../img/generale/fde-download-b0.png) no-repeat center; float:left; width:50%; height:87px; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; padding-top:70px;}
.fde-back:hover {background: url(../img/generale/fde-download-b1.png) no-repeat center; float:left; width:50%; height:87px; color:#FFFFFF; font-size:14px; font-weight:bold;}
.fde-back a:link{ color:#FFFFFF;}
.fde-back a:visited{ color:#FFFFFF;}
.fde-back a:hover{ color:#FFFFFF;}

.fde01 {float:left; width:49%; border:1px solid #c6c6c6; margin-bottom:8px; border-right:3px solid #c6c6c6;}
.fde02 {float:right; width:49%; border:1px solid #c6c6c6; margin-bottom:8px; border-right:3px solid #c6c6c6;}
.fde01:hover { background:#f2f2f2; border-right:3px solid #ffc000;}
.fde02:hover { background:#f2f2f2; border-right:3px solid #ffc000;}
.fde-image {margin:4px; border:1px solid #000000;}
.fde-image:hover {margin:4px; border:1px solid #ffc000;}

.stepcarousel{position: relative; overflow: scroll; height: 450px;}
.stepcarousel .belt{position: absolute;}
.stepcarousel .panel{float: left; overflow: hidden; clear:both; width:120px;}