ul li{list-style-type:none} *{margin:0; padding:0} body{text-align:center} img.png{behavior:url(pngbehavior.htc)} a{text-decoration:none} img{border:none} /* couleurs et tailles des textes*/ .gris01-11{color:#6C7D95; font-size:11px} .gris01-16{color:#6C7D95; font-size:16px} .gris02-16{color:#1D242E; font-size:16px} .noir11{color:#000; font-size:11px} .noir22{color:#000; font-size:22px} .blanc15{color:#fff; font-size:15px} .rose01-11{color:#FE0C92; font-size:11px} .rose01-26{color:#FE0C92; font-size:26px} .lien01{color:#FE0C92; background:url(../images/images_homepage/fleche01.gif) 0 1px no-repeat; font-size:11px; font-weight:bold; padding-left:13px} .pt5{padding-top:5px}.pt10{padding-top:10px} /* Structure*/ #conteneur{position:relative; overflow:hidden; width:992px; margin:0 auto; background:url(../images/images_homepage/fond_repeat.jpg) repeat-x; text-align:left; font-family:arial; margin-top:10px; padding-bottom:250px} #contenu{position:relative; overflow:hidden; width:992px; padding-bottom:40px} #contenu .corps{position:relative; overflow:hidden; float:left; display:inline; width:798px; padding-left:10px} #menudroite{position:relative; overflow:hidden; width:165px; float:right; display:inline; margin:10px 5px 0 0} /* Bloc référencement*/ #blocref{position:absolute; bottom:0; background:#B8CF44; width:992px; left:0} #blocref{color:#fff; font-size:9px;} #blocref a{color:#fff; font-size:11px; text-decoration:none; font-weight:bold} #blocref .haut, #blocref .bas {width:992px; overflow:hidden; position:relative; padding:0 10px} #blocref .haut div{padding-top:6px} #blocref .haut div, #blocref .bas div{float:left; display:inline; width:230px; margin-left:15px} #blocref .bas{margin:15px 0} #blocref .bas div a{display:block; font-size:9px; font-weight:normal; margin:0; line-height:2.0em} /* HOMEPAGE*/ /* Header */ #header{width:992px; position:relative; overflow:hidden; margin-top:10px} #header .logo{background:url(../images/images_homepage/logo.gif); display:block; width:233px; height:27px; float:left; display:inline; margin:10px 25px 0 0;} #header .logo span{display:none} #header .filariane{position:absolute; bottom:0; left:0; color:#FFC422; font-size:12px} #header .filariane a{color:#000; font-weight:bold; font-size:11px; text-decoration:none} #header .filariane2 {color:#FFC422; font-size:12px} #header .filariane2 a{color:#000; font-weight:bold; font-size:11px; text-decoration:none} #header .indexPays{clear:both; position:inline; bottom:0; left:0; color:black; font-size:12px} #header .indexPays a{color:#000; font-weight:bold; font-size:11px; text-decoration:none} #header .chooseCountries { float:right; margin-right: 300px!important; margin-right: 200px} #header .baseline{float:left; display:inline; width:380px; font-size:20px; color:#6C7D95;height:100px; padding:10px 0} #header .picto-satisfait{background:url(../images/images_homepage/satisfait.gif); width:146px; height:68px; display:block; float:right; display:inline; margin-right:23px} #header .bloc-identification{background:url(../images/images_homepage/identification.jpg); width:165px; height:71px; display:block; float:right; display:inline} #header .bloc-identification a{color:#fff; font-size:12px; display:block; line-height:2.9em; font-weight:bold; text-decoration:none; padding-left:41px} /* Corps de page */ /* Bloc promotion du haut de page */ .bloc-promo1{position:relative; overflow:hidden; background:url(../images/images_homepage/fond_offre.jpg) no-repeat; width:820px; height:284px} .bloc-promo1 .imprim{position:absolute; bottom:18px; color:#000; font-size:10px; font-weight:bold; left:58px; width:180px} .bloc-promo1 .imprim a{color:#000; } .bloc-promo1 .imprim span{color:#0CA248} .bloc-promo1 .col01{position:relative; overflow:hidden; width:158px; float:left; display:inline; font-size:14px; color:#435170; height:220px} .bloc-promo1 .col01 .etape1, .bloc-promo1 .col01 .etape2, .bloc-promo1 .col01 .etape3{padding:0 5px 0 25px} .bloc-promo1 .col01 .etape1{position:absolute; top:35px; height:45px} .bloc-promo1 .col01 .etape2{position:absolute; top:95px; height:45px} .bloc-promo1 .col01 .etape3{position:absolute; top:155px; height:45px; color:#fff} .bloc-promo1 .col02{position:relative; overflow:hidden; width:435px; float:left; display:inline; margin:32px 0 0 13px; height:245px} .bloc-promo1 .col02 .titre{font-weight:bold; padding-left:40px} .bloc-promo1 .col02 .sstitre{padding-left:40px; margin-top:-5px} .bloc-promo1 .col02 .descri{width:150px; font-size:10px; margin:30px 0 0 5px; height:125px} .bloc-promo1 .col02 .visu{position:absolute; right:0; top:34px} .bloc-promo1 .col02 .btcommencer{position:absolute; bottom:8px; right:85px} .bloc-promo1 .produits{position:relative; font-size:9px; width:170px; height:278px; float:left; margin-top:25px; margin-left:8px} .bloc-promo1 .produits .titre{font-weight:bold; font-size:11px; padding-left:10px} .bloc-promo1 .produits .liste{margin-top:10px} .bloc-promo1 .produits .liste a{color:#000; display:block; padding-left:13px; line-height:1.4em; font-size:11px} .bloc-promo1 .produits .liste a:hover{background:url(../images/images_homepage/roll_rose.gif) no-repeat; font-weight:bold; color:#FE0C92} .bloc-promo1 .produits .liste a.actif{background:url(../images/images_homepage/roll_rose.gif) no-repeat; font-weight:bold; color:#FE0C92} .bloc-promo2,.bloc-promo3{position:relative; overflow:hidden; width:394px; height:130px; background:url(../images/images_homepage/fond1.gif) no-repeat; margin:10px 0} .bloc-promo2{float:left; display:inline} .bloc-promo3{float:right; display:inline} .bloc-promo2 .contenu{z-index:2; position:absolute; height:125px} .bloc-promo2 .titre{overflow:hidden; padding:10px 0 0 50px; width:200px} .bloc-promo2 .formats{position:absolute; bottom:7px; left:20px; display:block; overflow:hidden; background:url(../images/images_homepage/formats.gif) no-repeat; width:103px; height:25px} .bloc-promo2 .descri{overflow:hidden; font-size:11px; width:240px; margin:5px 0 0 13px; color:#76869C} .bloc-promo2 .btenvoyer{display:block; background:url(../images/images_homepage/bout_envoyerfichier.gif) no-repeat; width:177px; height:115px; position:absolute; right:10px; bottom:5px; z-index:1} .bloc-promo2 .btenvoyer span{display:none} .bloc-promo3 .contenu{z-index:2; position:absolute; height:125px} .bloc-promo3 .titre{padding:10px 0 0 50px; width:230px} .bloc-promo3 .btsavoirplus{display:block; background:url(../images/images_homepage/bout_savoirplus.gif) no-repeat; width:134px; height:114px; position:absolute; right:5px; bottom:5px} .bloc-promo3 .descri{overflow:hidden; font-size:11px; width:250px; margin:5px 0 0 13px; color:#76869C} .bloc-promo3 .descri select{width:170px; color:#76869C} .bloc-promo3 .visitez{display:block; margin:10px 0 0 10px; width:150px} .bloc-promo3 .btsavoirplus span{display:none} .bloc-promo3 select{font-size:11px} .bloc-question{position:relative; overflow:hidden; width:792px; height:58px; background:url(../images/images_homepage/arrondi.gif) no-repeat; color:#445271; font-size:11px; text-align:right; padding-top:10px} .bloc-question .question, .bloc-question .reponse{margin-right:190px} .bloc-question .reponse{font-weight:bold; color:#FE0C92} .bloc-question .boutonquestion{display:block; width:170px; height:40px; position:absolute; right:0; top:5px} /* Bas de page */ .liens-bas{ position:relative; width:100%; clear:both; text-align:center; color:#445271; font-size:9px} .liens-bas a{color:#445271; font-size:9px; padding:0 10px} .liens-bas a:hover{color:#0CA248} .liens-bas a.actif{color:#0CA248} .cocci{width:37px; height:25px; position:absolute; top:-20px; left:20px } /* Menu de droite */ #menudroite .recherche input{width:110px; float:left; font-size:11px; color:#4A5060} #menudroite a{font-size:11px} #menudroite .recherche{overflow:hidden} #menudroite .recherche .btok{display:block; background:url(../images/images_homepage/bt_ok.jpg) no-repeat; width:34px; height:28px; float:left; margin-top:-4px} #menudroite .recherche .btok span{display:none} #menudroite .titres{position:relative; overflow:hidden; clear:both; background:url(../images/images_homepage/arrondi1.gif) no-repeat; width:165px; height:22px; padding:2px; font-size:13px; text-align:center; font-weight:bold; color:#594E2B; margin-top:10px} #menudroite .blocconseil{color:#6C7D95; font-size:11px; background:url(../images/images_homepage/ico_phone.gif) no-repeat; padding-left:30px} #menudroite .indigo{background:url(../images/images_homepage/ico_indigo.gif) no-repeat; width:164px; height:23px; margin-top:5px} #menudroite .indigo span{display:none} #menudroite select.agences{width:160px; margin-top:5px; color:#6C7D95; font-size:11px;} #menudroite .engagements{position:relative; width:100%; overflow:hidden;} #menudroite .engagements a{color:#6C7D95} #menudroite .engagements a:hover{color:#000} #menudroite .engagements img{margin-right:5px; width:11px; height:12px; vertical-align:middle} #menudroite .securite{position:relative; width:100%; overflow:hidden; margin:5px 0} #menudroite .securite a{display:block; float:left; display:inline; margin-left:8px} #menudroite .securite .secur1{background:url(../images/images_homepage/ico_cadenas.gif) no-repeat; width:12px; height:14px} #menudroite .securite .secur2{background:url(../images/images_homepage/ico_carte2.gif) no-repeat; width:24px; height:15px} #menudroite .securite .secur3{background:url(../images/images_homepage/ico_mastercard.gif) no-repeat; width:24px; height:15px} #menudroite .securite .secur4{background:url(../images/images_homepage/ico_cartevisa.gif) no-repeat; width:24px; height:15px} #menudroite .securite .secur5{background:url(../images/images_homepage/ico_carte1.gif) no-repeat; width:24px; height:15px} #menudroite .temoignage{ background:url(../images/images_homepage/fond_visu01.gif) no-repeat; width:165px; height:50px; font-size:11px} #menudroite .temoignage .photo{float:left; margin:0 5px} #menudroite .temoignage .qui{display:block; overflow:hidden; position:relative; float:left; margin-top:5px; width:98px} #menudroite .descritemoignage{width:150px; display:block; margin-top:5px; overflow:hidden; position:relative; color:#6C7D95; font-size:11px} #menudroite .descritemoignage strong{color:#000} #menudroite .lienstemoignage a{color:#000; font-size:10px} #menudroite .lienstemoignage a:hover{color:#6C7D95} #menudroite .lienstemoignage img{width:10px; height:12px; vertical-align:middle; margin-right:5px} #menudroite .blognews{background:url(../images/images_homepage/fond_visu01.gif) no-repeat; width:165px; height:50px; margin-top:10px; padding:5px;line-height:1em} #menudroite .blognews img{margin-right:5px; width:11px; height:12px; vertical-align:middle} #menudroite .blognews a{color:#484E57; font-size:12px} #menudroite .blognews a:hover{color:#000} input{width:110px; float:left; font-size:11px; color:#4A5060} .recherche{overflow:hidden} .btok{display:block; background:url(../images/images_homepage/bt_ok.jpg) no-repeat; width:34px; height:28px; float:left; margin-top:-4px} .btok span{display:none}