/* version 2009-05-07 */ /* ************************* */ /* MERCAWAY */ /* *********************** */ html{ padding:0; margin:0; height:100%; } body{ padding:0; margin:0; color:#555552; font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; height:100%; text-align:center; background:#FFFFFF url(../interface/body_left.gif) repeat-x 0 0; font-size:12px;} /* Gestion des titres */ h1, h2,h3, h4,h5, h6,dl, dt, dd{ padding:0; margin:0} h1{ padding:0; margin:0; font-size:18px; color:#555552; font-weight:bold; background-color:inherit;} h2 { padding:0; margin:0; font-size:17px; color:#0d9bf0; font-weight:normal; background-color:inherit;} h3{ font-size:14px; font-weight:bold; color:#555552; margin:0; padding:0 ;background-color:inherit;} h4{ font-size:14px; font-weight:bold; color:#ff0071; background-color:inherit;} h5{ text-align: center; width:240px; height:38px; padding:12px 0 0 0; background:#ff0071 url(../interface/blocactions_h5_rose.gif) no-repeat;color:#fff; font-size:17px; font-weight:bold } .h5{ text-align: center; height:45px; margin-bottom:10px; } .h5 .left{ background:url(../interface/h5_left.gif) no-repeat left; width:5px; height:45px; float:left; font-size:1px} .h5 p{ background-color:#ff0071;color:#fff; height:33px; float:left;font-size:17px; font-weight:bold; padding:12px 10px 0 10px; } .h5 .right{ background:url(../interface/h5_right.gif) no-repeat right; width:5px; height:45px; float:left;font-size:1px} h5.btn{ padding:0; margin:0; background-image:none;} h5.btn a{color:#fff; background-color:inherit; text-decoration:none;width:240px; display:block; height:38px; background:url(../interface/h5_btn.gif) no-repeat bottom; padding:12px 0 0 0; margin:0} h5.btn a:hover{ background-position:top} h6{ text-align: center; width:235px; height:33px; padding:12px 0 0 0; background:#25a6f2 url(../interface/blocactions_h6_bleu.gif) no-repeat;color:#fff; font-size:17px; font-weight:bold } h6 a{color:#fff; background-color:inherit; text-decoration:none;} h6.btn{ padding:0; margin:0; background-image:none;} h6.btn a{color:#fff; background-color:inherit; text-decoration:none;width:240px; display:block; height:38px; background:url(../interface/h5_btn_bleu.gif) no-repeat bottom; padding:12px 0 0 0; margin:0} h6.btn a:hover{ background:url(../interface/h5_btn_bleu.gif) no-repeat top;} p {padding:0; margin:0; font-size:12px;} a img{ border:none;} .clear { display:block; float:none;width:100%; clear: both; height: 1px; font-size: 1px; line-height:0.1em; padding:0; margin:0} /* Gestion des couleur */ .rose{ color:#ff0071; background-color:inherit;} .rose a{ color:#ff0071; background-color:inherit;} .gris{ color:#555552; background-color:inherit;} .gris a{ color:#555552; background-color:inherit;} .bleu{ color:#00a6eb; background-color:inherit;}* .bleu a{ color:#00a6eb; background-color:inherit;} /* Gestion des formulaires */ form{ padding:0; margin:0; } fieldset{ padding:0; margin:0; border: none; display:block;} .input{ color:#a4a493;background-color:#fff; } .select{ color:#a4a493;background-color:#fff; } .textarea{ color:#a4a493;background-color:#fff; } textarea {font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size:11px; } /* Gestion des boutons */ .btnlargerose {display:block;} .btnlargerose a{ display:block; background:url(../interface/btn_ouvrir_la_boutique.gif) no-repeat; width:218px; height:46px;font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:inherit; text-decoration:none;} .btnlargerose a:hover{ text-decoration:underline} .btnlargerose a span{ line-height:3em } /* pour les input */ input.btnlargerose {display:block; background:url(../interface/btn_ouvrir_la_boutique.gif) no-repeat; width:218px; height:46px;font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:inherit; text-decoration:none; border:none;} .btnlargeblanc{display:block;} .btnlargeblanc a{ display:block; background:url(../interface/demandes_infos_btn.jpg) no-repeat 0 0; width:225px; height:53px; text-align:center; font-size:14px; font-weight:bold; color:#e00b70; background-color:inherit; text-decoration:none; } .btnlargeblanc a span{line-height:3.8em} .btnlargeblanc a:hover{ text-decoration:none; background-position:0 -53px;} .btnlargebleu{display:block;} .btnlargebleu a{ display:block; background: url(../interface/compte_open.jpg) no-repeat 0 0; width:220px; height:48px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background-color:inherit; text-decoration:none; } .btnlargebleu a span{line-height:3.5em} .btnlargebleu a:hover{ text-decoration:none; background-position:0 -48px;} .btnlargerose{display:block;} .btnlargerose a{ display:block; background:url(../interface/compte_open_red.jpg) no-repeat 0 0; width:220px; height:48px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background-color:inherit; text-decoration:none; } .btnlargerose a span{line-height:3.5em} .btnlargerose a:hover{ text-decoration:none; background-position:0 -48px;} /* Gestion des listes a puces */ ul, li { padding:0; margin:0; list-style:none; } /* liste offres */ dl.listeoffres{ margin:0; padding:0;background:url(../interface/blue_lines.gif) no-repeat 49px bottom; width:405px; min-height:40px} * html dl.listeoffres{ height:40px} dl.listeoffres dt{ display:block;font-size:16px; color:#0d9bf0; background-color:inherit; background:url(../interface/picto_checked.gif) no-repeat 0 0; padding:3px 0 0 48px; margin:5px 0 0 0; min-height:30px; } dl.listeoffres dt a{ color:#0d9bf0; background-color:inherit; text-decoration:none; } dl.listeoffres dt a:hover{ color:#ff0071; background-color:inherit; text-decoration:underline; } dl.listeoffres dd{ display:block; padding:0 0 0 0; margin:0; } dl.listeoffres ul { padding:0 0 11px 48px; margin:0} dl.listeoffres dd ul li{ font-size:12px; color:#555552; background-color:inherit; line-height:17px; padding:0; margin:0} /* liste simple */ ul.listeimple{} ul.listeimple li{ font-size:11px; padding:0 0 0 9px; background:url(../interface/listeimple.gif) no-repeat 0 7px; margin:0 0 0 8px; line-height:1.5em} ul.listeimple li a{ color:#ff0071; background-color:inherit; text-decoration:none;} ul.listeimple li a:hover{ text-decoration:underline} /* liste bleue */ dl.listebleue{ position:relative; min-height:250px; width:455px} * html dl.listebleue{ height:313px;} dl.listebleue dt{ height:18px;display:block; width:455px; color:#555552; font-size:12px; font-weight:bold; background-color:#cfebfc; padding:8px 0 5px 10px; margin:0 0 12px 0; line-height:1.2em; } dl.listebleue dt span{ text-align:left; display:block; float:left; height:15px; width:350px; margin:0 0 0 0; padding:0 0 0 0;} dl.listebleue dd{ width:100%; clear:both; float:none} dl.listebleue ul{ margin:0 0 0 10px; padding:0;} dl.listebleue ul li{ margin:0; padding:0 0 3px 0; color:#555552; background-color:#fff; font-size:10px; font-weight:bold; } dl.listebleue ul li span{ text-align:left; display:block; float:left; height:15px; margin:0; padding:0 0 0 0; width:350px } .pourcent299 {width:107px; height:44px; position:absolute; z-index:1; top:-3px; right:20px; margin:0; padding:0 } /* Liste FAQ */ dl.listefaq { width:370px; } /* 1er niveau */ dl.listefaq dt { margin:0; padding:0; width:370px;} dl.listefaq dt a{ display:block; min-height:20px; background:url(../interface/faq_niv1_bg.gif) no-repeat 0 0; font-size:13px; font-weight:bold; color:#555552; text-decoration:none; background-color:inherit; padding:10px 0 0 20px; margin:0; width:370px; } dl.listefaq dt a:hover{ background:url(../interface/faq_niv1_bg.gif) no-repeat 0px -78px; color:#44b2f3; } dl.listefaq dt a.active,dl.listefaq dt a:hover.active { background: url(../interface/faq_niv1_bg.gif) no-repeat 0px -39px; color:#44b2f3; text-decoration:none; width: 370px; height: 30px; } * html dl.listefaq dt a { height:20px;width:370px;} dl.listefaq dd{ margin:0; padding:0} /* 2d niveau */ dl.listefaq dd ul { margin:0 0 5px 12px; padding:0; width:362px; } dl.listefaq dd ul li { margin:0; padding:0} dl.listefaq dd ul li a { display:block; width:334px; min-height:17px; margin:0 0 3px 0; padding:3px 0 1px 18px; font-size:11px; color:#fff; text-decoration:none; background:#3fb2f4 url(../interface/faq_2b.gif) no-repeat 5px 7px;} * html dl.listefaq dd ul li a { height:17px;} dl.listefaq dd ul li a:hover { background:#3fb2f4 url(../interface/faq_2bb.gif) no-repeat 5px 7px;color:#fff; } dl.listefaq dd ul li a.active,dl.listefaq dd ul li a:hover.active { background:#3fb2f4 url(../interface/faq_2bc.gif) no-repeat 5px 7px;color:#fff; } /* 3d niveau */ dl.listefaq dd ul li ul{ margin:0 0 0 15px; padding:0;width:328px} dl.listefaq dd ul li ul li{ margin:0; padding:0; text-indent:10px; display:block;} dl.listefaq dd ul li ul li a{padding:1px 0 5px 20px; margin:0 0 3px 0; text-indent:0; display:block; width:317px; color:#555552; background:#fff } dl.listefaq dd ul li ul li a:hover { color:#555552;text-decoration:none;background:#cbeafc url(../interface/faq_3a.gif) no-repeat 5px 6px; } dl.listefaq dd ul li ul li a.active, dl.listefaq dd ul li ul li a:hover.active { color:#555552;text-decoration:none;background:#cbeafc url(../interface/faq_3a.gif) no-repeat 5px 6px;} /* FAQ Contactez nous */ .faq_contact { text-align: left; width: 375px; margin-top: 50px; font-size: 11px; line-height: 14px; } .faq_contact p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .faq_contact a { color: #3BB0F3; text-decoration: none; } .faq_contact a:hover { color: #3BB0F3; text-decoration: underline; } .faq_contact h2 { background: url(../interface/faq_contact_titre_bg.gif) no-repeat; color: #E42B83; text-transform: uppercase; font-size: 15px; text-align: left; width: 365px; height: 50px; padding-top: 25px; padding-left: 10px; font-weight: bold; } .faq_contact h3 { color: #E42B83; font-size: 13px; text-transform: uppercase; background: none; text-align: left; height: 20px; padding-left: 0px; margin-left: 0px; padding-top: 15px; } .faq_contact_courrier { width: 285px; padding-left: 90px; background: url(../interface/faq_picto_courrier.gif) no-repeat left top; font-size: 11px; } .faq_contact_questions { width: 285px; padding-left: 90px; background: url(../interface/faq_picto_question.gif) no-repeat 5px top; } .faq_contact_boutique { width: 285px; padding-left: 90px; } /* listegarantis */ ul.listegarantis{ margin:0 0 10px 0; padding:0} ul.listegarantis li{ background:url(../interface/listegarantis.gif) no-repeat 0 3px; padding-left:15px; font-size:11px; color:#535a64; background-color:inherit;} /* modules */ p.ensavoirplus a{ font-size:12px; color:#ff0071; background-color:inherit; text-decoration: none; font-weight:normal;} p.ensavoirplus a:hover { text-decoration:underline;} p.lirelasuite a{ font-size:11px; color:#ff0071; background-color: inherit; text-decoration:none;} p.lirelasuite a:hover{ text-decoration:underline;color:#00a6f2; background-color: inherit; } /* heuteur */ .h414px{ min-height:414px; width:100%; clear:both; float:none;} * html.h414px{ height:414px; width:100%; clear:both; float:none;} .h32{ padding-top:40px; width:100%; clear:both; float:none;} .h40{ height:40px; width:100%; clear:both; float:none;} .h15{ height:15px; width:100%; clear:both; float:none;} .h10{ height:10px; width:100%; clear:both; float:none;} .h110{ height:110px; width:100%; clear:both; float:none;} /* ************************* */ /* POSITIONNEMENT */ /* *********************** */ #conteneur{ position: relative; background-color:#FFFFFF; margin:0 auto; width:960px; text-align:left; color:#555552; min-height: 98%; } #header{ height:145px; width:960px; } #vocation{ clear:both; float:none; min-height:61px; width:960px; position:relative; } * html #vocation .vocationcontent{ height:61px;} #vocation .vocationcontent{min-height:61px; width:960px; color:#fff; background:#2da9f2 url(../interface/vocation_background.gif) repeat-x bottom; } #wrapper{ clear:both; float:none;width:960px; position:relative; } #footer{ clear:both; float:none; background-color:#323134; color:#fff; height:108px; width:960px; border-top:50px solid #fff; border-bottom:32px solid #fff;} #vocation1{ clear:both; float:none; min-height:61px; width:960px; position:relative; background:url(../interface/banner01_-vendre_acheter.jpg) no-repeat 0 0; height:140px; } #vocation1 .vocationcontent{ } #vocation1 .vocationcontent h1{ font-size:27px; font-weight:bold; color:#fff; background-color:inherit; margin:0; padding:30px 0 3px 80px} #vocation1 .vocationcontent h2{ font-size:27px; font-weight:bold; color:#fff; background-color:inherit; margin:0; padding:0 0 0 65px} #vocation1 .vocationcontent h2 strong{ color:#fe0875; background-color:inherit;} #vocation1 .vocationcontent h2 strong span{ color:#56545a; background-color:inherit;} #vocation1 .blocnouscontacter{ top:44px} #vocation2{ clear:both; float:none; height:61px; width:960px; position:relative; } #vocation2 .vocationcontent{height:61px; width:960px; color:#fff; background:#2da9f2 url(../interface/vocation_background.gif) repeat-x bottom; } #vocation2 .blocnouscontacter{ top:5px} #vocation3{ clear:both; float:none; min-height:61px; width:960px; position:relative; } #vocation3 .vocationcontent{ background:url(../interface/vocationcontent2.gif) no-repeat 0 0; width:960px; height:78px;} #vocation3 .blocnouscontacter {top:10px;} #vocation4{ clear:both; float:none; width:960px; position:relative; height: 11px; background: #eeeeee url(../interface/vocation_lisere.gif) repeat-x; margin-bottom: 10px; } .blocnouscontacter{ width:172px; height:46px; position:absolute; z-index:1; right:21px} .blocnouscontacter a{ display:block; width:162px; height:38px; background:url(../interface/pour_nous_contacter.png) no-repeat; padding:8px 0 0 60px; color:#a2a2a2; font-size:11px; text-decoration:none; background-color:inherit; } * html .blocnouscontacter a{ background:url(../interface/nous_contacter.gif) no-repeat;} .blocnouscontacter a:hover{ color:#ff0071; background-color:inherit; text-decoration:underline} .fille{ top:5px;} .home{ top:44px} /* ************************* */ /* HEADER */ /* *********************** */ /* Logo */ #header #logomercaway{width:273px; height:145px; float:left;} #header #logomercaway h1{ font-size:16px; margin:0; padding:0;} #header #logomercaway h1 a{ display:block; width:244px; height:101px; background:url(../interface/logo_mercaway.gif) no-repeat; margin:8px 0 0 27px;} #header #logomercaway h1 a span{ display:none} /* menu */ #header #menu { height:41px;} /* Menu 1 */ #header #menu .menu1 { height:41px; margin:0; position:absolute; z-index:50; top:104px; left:220px; background:url(../interface/menu1.gif) no-repeat left top; width:454px; font-family: Arial, Helvetica, sans-serif; } #header #menu .menu1 ul{ display:block;height:41px; margin:0; padding:0;} #header #menu .menu1 ul li{ display:inline; padding:0; margin:0; list-style:none; color:#00a6eb; background-color:inherit } #header #menu .menu1 ul li a{ display:block; float:left; height:25px; padding:16px 4px 0 4px; margin:0 10px; color:#00a6eb; background-color:inherit; text-align:center; text-decoration:none; font-size: 13px; font-weight: bold; } #header #menu .menu1 ul li a:hover{ color:#ff0071; background-color:inherit; text-decoration:none; background:url(../interface/menu_a_dashed.gif) repeat-x 0 0} #header #menu .menu1 ul li a.pannier{ background: url(../interface/menu_a_pannier.gif) no-repeat 0 -41px;height:41px; padding:0; margin:0 0 0 10px; width:20px} #header #menu .menu1 ul li a:hover.pannier{ background: url(../interface/menu_a_pannier.gif) no-repeat 0 -1px;height:41px; padding:0; margin:0 0 0 10px; width:21px} #header #menu .menu1 ul li a.pannier span{ display: none; } #header #menu .menu1 ul li a.panier_off{ background: url(../interface/header_picto_panier.gif) no-repeat 0 0px; height:13px; padding:0; margin:6px 0 0 5px; font-size: 11px; padding-left: 25px; padding-top: 12px; text-align: left; } #header #menu .menu1 ul li a:hover.panier_off{ text-decoration: underline; } * html #header #menu .menu1 ul li a:hover.panier_off{ background: url(../interface/header_picto_panier.gif) no-repeat 0 0px; height:13px; padding:0; margin:6px 0 0 5px; font-size: 11px; padding-left: 25px; padding-top: 12px; text-align: left; text-decoration: underline;} #header #menu .menu1 ul li a.panier_on{ background: url(../interface/header_picto_panier.gif) no-repeat 0 -25px; height:13px; padding:0; margin:6px 0 0 5px; font-size: 11px; padding-left: 25px; padding-top: 12px; text-align: left; color: #ff0071; } #header #menu .menu1 ul li a:hover.panier_on{ text-decoration: underline; } * html #header #menu .menu1 ul li a:hover.panier_on{ background: url(../interface/header_picto_panier.gif) no-repeat 0 -25px; height:13px; padding:0; margin:6px 0 0 5px; font-size: 11px; padding-left: 25px; padding-top: 12px; text-align: left; color: #ff0071; text-decoration: underline;} #header #menu .menu1 ul li a.btnrayons { padding-right:40px; text-align:left !important; background: url(../interface/btn_rayons.gif) no-repeat right top; height:28px; ; margin-right: 0px; } * html #header #menu .menu1 ul li a.btnrayons { padding-right:40px; margin-right:0!important } * html #header #menu .menu1 ul li a:hover.btnrayons {background: url(../interface/btn_rayons.gif) no-repeat right bottom ; background-attachment:fixed;} #header #menu .menu1 ul li a:hover.btnrayons { background: url(../interface/btn_rayons.gif) no-repeat right 2px; } /* liste des rayons */ .rayonlisteblock{ position:absolute; top:143px; left:219px; z-index:50; width:598px; min-height:330px; } .rayonlisteblock .rytop { font-size:1px;} .rayonlisteblock .rycenter { width:598px; min-height:330px; background:url(../interface/rayonlisteblock.png) repeat-y; position:relative;} .rayonlisteblock .rybottom { font-size:1px;background:url(../interface/rayonlisteblock_bottom.png) no-repeat 0 0; width:598px; height:9px} .rayonlisteblock .contenulist{ width:590px; min-height:330px; background:#fff url(../interface/rayonlisteblock.jpg) bottom repeat-x; margin-left:4px; color:#afb2b7; } .rayonlisteblock .contenulist ul{ padding:0; margin:30px 0 20px 25px; width:250px; float:left; } .rayonlisteblock .contenulist ul li{ padding:0; margin:3px 0 3px 0; list-style:none; font-size:9px; color:#afb2b7; background-color:inherit;} .rayonlisteblock .contenulist ul li a{ padding:0 0 5px 0; margin:0; list-style:none;font-size:9px; color:#afb2b7; background-color:inherit; text-decoration:none;} .rayonlisteblock .contenulist ul li a:hover{ text-decoration:none;color:#ff0071; background-color:inherit;} .rayonlisteblock .contenulist ul li.cat { font-size:11px; color:#19a0f0; background-color:inherit; text-decoration:none; font-weight:bold; margin-top:5px!important } .rayonlisteblock .contenulist ul li.cat a{ font-size:11px; color:#19a0f0; background-color:inherit; text-decoration:none; } .rayonlisteblock .contenulist ul li.cat a:hover { font-size:11px; color:#ff0071; background-color:inherit; text-decoration:none;} /* menu 2 */ #header #menu .menu2 {height:41px; margin:0; position:absolute; z-index:49; top:104px; right:14px; background:url(../interface/menu2.gif) no-repeat left top; width:259px;} #header #menu .menu2 ul{ display:block; height:39px; margin:0; padding:2px 0 0 8px; } #header #menu .menu2 ul li{ display:inline; padding:0; margin:0; list-style:none;color:#818181; background-color:inherit; font-size:9px} #header #menu .menu2 ul li a { display:block; float:left; height:28px; padding:13px 0 0 2px; margin:0; color:#818181; background-color:inherit; text-align:center; font-size:10px } #header #menu .menu2 ul li img{ vertical-align:bottom} #header #menu .menu2 ul li .texte{ display:block; float:left; height:28px; padding:13px 2px 0 5px; margin:0; color:#818181; background-color:inherit; text-align:center; font-size:9px } #header #menu .menu2 ul li a:hover{ color:#818181; background-color:inherit; text-decoration: none; } /* menu 2.1 */ #header #menu .menu2 ul li ul.changelangue{ visibility:hidden; display:block; margin:0; padding:0; position:absolute; width:129px; z-index:10; right:40px; top:40px; } #header #menu .menu2 ul li ul.changelangue li{ display:block; margin:0; padding:3px 0 0 0;background:url(../interface/menu2_ul_back.png) repeat-y; width:129px; height:15px; } * html #header #menu .menu2 ul li ul.changelangue li{ background:url(../interface/menu2_ul_back.gif) repeat-y; } #header #menu .menu2 ul li ul.changelangue li a { color:#9cd2f1; background-color:inherit; font-size:9px; display: inline; float:none; padding:0 0 2px 8px; margin:0 0 0 20px; text-align:left; text-decoration:none; width:80px; } #header #menu .menu2 ul li ul.changelangue li a:hover{ color:#5a595a; background-color:inherit; background:url(../interface/fleche_menu.gif) no-repeat 0 3px; margin:0 0 0 30px!important} #header #menu .menu2 ul li ul.changelangue li.end{background:url(../interface/menu2_ul_end.png) no-repeat; width:129px; height:14px; padding:0 0 10px 0} * html #header #menu .menu2 ul li ul.changelangue li.end{background:url(../interface/menu2_ul_end.gif) no-repeat;} /* menu 2.2 */ #header #menu .menu2 ul li ul.changedevise{visibility:hidden; display:block; margin:0; padding:0; position:absolute; width:129px; z-index:10; right:-35px; top:40px; } #header #menu .menu2 ul li ul.changedevise li{ display:block; margin:0; padding:3px 0 0 0;background:url(../interface/menu2_ul_back.png) repeat-y; width:129px; height:15px; } * html #header #menu .menu2 ul li ul.changedevise li{ background:url(../interface/menu2_ul_back.gif) repeat-y; } #header #menu .menu2 ul li ul.changedevise li a { color:#9cd2f1; background-color:inherit; font-size:9px; display: inline; float:none; padding:0 0 2px 8px; margin:0 0 0 20px; text-align:left; text-decoration:none; width:80px; } #header #menu .menu2 ul li ul.changedevise li a:hover{ color:#5a595a; background-color:inherit; background:url(../interface/fleche_menu.gif) no-repeat 0 3px; margin:0 0 0 30px!important} #header #menu .menu2 ul li ul.changedevise li.end{background:url(../interface/menu2_ul_end.png) no-repeat; width:129px; height:14px; padding:0 0 10px 0} * html #header #menu .menu2 ul li ul.changedevise li.end{background:url(../interface/menu2_ul_end.gif) no-repeat;} /* Bloc changer de pays */ .changepays_link { display: block; background: url(../interface/picto_pays.gif) no-repeat right center; height: 15px; position: absolute; right: 20px; padding-right: 20px; top: 84px; padding-top: 1px; } .changepays_link a { background: url(../interface/picto_changepays.gif) no-repeat left center; color: #00A6EB; font-size: 11px; font-weight: bold; text-decoration: none; display: block; padding-left: 10px; width: auto; height: 16px; float: right; } .changepays_link a:hover, .changepays_link a:focus { color: #FF0071; } .changepays { width: 735px; height: 190px; display: block; position: absolute; background: url(../interface/bloc_changepays_bg.png) no-repeat center center; z-index: 999; right: 5px; top: 100px; padding-left: 15px; text-align: left; } .changepays .continent { background: url(../interface/blocmininfos_background.gif) no-repeat left 10px; padding-left: 30px; margin-top: 22px; height: 140px; position: relative; float: left; } .changepays .continent h2 { font-size: 17px; margin-top: 3px; margin-bottom: 25px; } .changepays .continent ul.list1 { height: 70px; width: 75px; float: left; } .changepays .continent ul.list2 { height: 70px; width: 75px; float: left; } .changepays .continent li { line-height: 13px; } .changepays .continent li a { color: #555552; font-size: 10px; text-decoration: none; } .changepays .continent li a:hover, .changepays .continent li a:focus{ text-decoration: underline; } .changepays .continent .nav { width: 12px; height: 110px; position: absolute; left: 10px; top: 30px; } .changepays .continent .nav a span {display:none} .changepays .continent .nav a.top { background: url(../interface/voir.gif) no-repeat center top; display: block; width: 12px; height: 16px; } .changepays .continent .nav a.bottom { background: url(../interface/voirmoins.gif) no-repeat center top; display: block; width: 12px; height: 16px; position: absolute; bottom: 0px; } .changepays .continent .nav a:hover.top, .changepays .continent .nav a:focus.top { background: url(../interface/voir.gif) no-repeat center -16px; } .changepays .continent .nav a:hover.bottom, .changepays .continent .nav a:focus.bottom {background: url(../interface/voirmoins.gif) no-repeat center -16px;} .changepays .continent .plus { clear: left; font-size: 11px; position: absolute; bottom: 3px; display: block; left: 30px; } .changepays .continent .moins { font-size: 11px; position: absolute; top: 30px; display: block; left: 30px; } .changepays .continent .plus a, .changepays .continent .moins a { color: #00A6EB; text-decoration: none; } .changepays .continent .plus a:hover, .changepays .continent .plus a:focus, .changepays .continent .moins a:hover, .changepays .continent .moins a:focus {text-decoration: underline; } .changepays .fermer{ position:absolute; width:100px; height:24px;bottom:8px; right:40px; z-index:999;} * html .changepays .fermer{ bottom:8px; right:8px; z-index:99;} .changepays .fermer a{ display:block; width:100px; height:20px; background:url(../interface/headerfermer.gif) no-repeat right 0; font-size:11px; font-weight:bold; color:#19a0f0; background-color:inherit; text-decoration:none; padding-right:30px; text-align:right; padding-top:4px} .changepays .fermer a:hover{ background-position:right -24px; text-decoration:none; color:#ff519e; background-color:inherit; } /* Se connecter */ .seconnecter{ width:385px; position:absolute; top:2px; right:10px; z-index:50 } .seconnecter p{ padding:0; margin:0; display:block;} .seconnecter p a{ display:inline;} .seconnecter .connection{display:block; float:right; height:16px; padding:22px 4px 0 0; font-size:10px; color:#00a6eb; background-color:inherit;} .seconnecter .connection a{ font-size:10px; color:#ff0071; background-color:inherit; text-decoration:none; font-weight:bold;} .seconnecter .connection a:hover{ text-decoration:underline;} .seconnecter .help{ display:block; float:right; height:16px; padding:22px 0 5px 0; font-size:10px; color:#818181; background-color:inherit; font-weight:bold; } .seconnecter .help a{ color:#818181; background-color:inherit; text-decoration:none;font-size:10px;font-weight:bold; padding-left:2px } .seconnecter .help a:hover{ text-decoration:underline;} .seconnecter .verisign{ width:90px; height:48px; background:url(../interface/logo_verisign.gif) no-repeat; float:right; margin:0 5px 0 10px } .seconnecter .verisign span{ display:none;} .seconnecter .welcome{ display:block; clear:both; float:none; height:28px; padding:8px 0 0 0; margin:0 12px 0 0; font-size:10px; background-color:inherit; text-decoration:none; color:#818181; text-align:right; font-weight:bold; } .seconnecter .welcome a{background-color:inherit; text-decoration:none; color:#818181; } .seconnecter .welcome a:hover{ text-decoration:underline;} .seconnecter .nologged { width:100%; height:30px; margin:5px 0 0 0; float:right; position: absolute; right: 0px; top: 45px; } .seconnecter .nologged p{ float:left; } .seconnecter .pswdoublie { padding:1px 0 0 0px; } .seconnecter #nologged2 .pswdoublie { padding:25px 0 0 60px; } .seconnecter .pswdoublie a { font-size:10px; color:#929292; background-color:inherit; font-family: Arial, Helvetica, sans-serif; } .seconnecter .pswdoublie a:hover{ color:#363636; background-color:inherit;} .seconnecter .input1 { width:146px; padding:2px 0 0 8px; height:14px; margin:3px 4px 0 0; font-size:10px; font-weight:bold; color:#818181; background-color:inherit;} .seconnecter .input2 { width:99px;padding:2px 0 0 8px; height:14px;margin:3px 4px 0 0; font-size:10px; font-weight:bold; color:#818181; background-color:inherit;} .seconnecter .btnoklog { width:105px; height:26px; background:url(../interface/btn_login.gif) no-repeat; color:#0598ef; font-size:10px; font-weight:bold; text-align:center; background-color:inherit; border:none;} .seconnecter .btnsendpsw { width:205px; height:26px; background:url(../interface/btn_login.gif) no-repeat; color:#0598ef; font-size:10px; font-weight:bold; text-align:center; background-color:inherit; border:none;} * html .seconnecter .input1 { margin:2px 4px 0 0; } * html seconnecter .input2 { margin:2px 4px 0 0; } .pswblock { width:100%; height:30px; margin:10px 0 0 0; float:right; } .pswblock p.pswdinfos{ font-size:9px; text-align:right; color:#818181; background-color:inherit;} .pswblock .input2 { float:right;width:150px;padding:2px 0 0 8px; height:14px;margin:3px 4px 0 0; font-size:10px; font-weight:bold; color:#818181; background-color:inherit;} .pswblock .btnoklog { width:160px; height:26px; background:url(../interface/btn_login2.gif) no-repeat; color:#0598ef; font-size:10px; font-weight:bold; text-align:center; background-color:inherit; border:none; float:right;} .accueilbtn{ width:180px; height:25px; position:absolute; top:122px; left:15px; z-index:50} .accueilbtn a{ display:block; width:180px; height:25px; color:#c7c7c7; background-color:inherit; background:url(../interface/picto_accueil.gif) no-repeat 0 2px; padding:0 0 0 15px; text-decoration:none; font-size:11px;} .accueilbtn a:hover{color:#de0f81; background-color:inherit; } .headerfermer{ position:absolute; width:100px; height:24px;top:10px; right:50px; z-index:99;} * html .headerfermer{ top:10px; right:10px; z-index:99;} .headerfermer a{ display:block; width:100px; height:20px; background:url(../interface/headerfermer.gif) no-repeat right 0; font-size:11px; font-weight:bold; color:#19a0f0; background-color:inherit; text-decoration:none; padding-right:35px; text-align:right; padding-top:4px} .headerfermer a:hover{ background-position:right -24px; text-decoration:none; color:#ff519e; background-color:inherit; } /* ******************* */ /* PATHWAY */ /* ***************** */ .pathway1 { height:20px; width:600px; position:absolute; text-align:right; right:60px; top:169px; z-index:2; } .pathway1 ul{ display:inline;} .pathway1 ul li{ display:inline; font-size:10px; color:#575757;background-color:inherit; } .pathway1 ul li a.accueil{ color:#575757; background-color:inherit;} .pathway1 ul li a{ color:#ff0071; text-decoration:none; background-color:inherit;} .pathway1 ul li a:hover{ text-decoration:underline;} .pathway2 {height:20px; width:600px;position:absolute;text-align:right; right:60px; top:169px!important; z-index:2; } .pathway2 ul{ display:inline;} .pathway2 ul li{ display:inline; font-size:10px; color:#575757;background-color:inherit; } .pathway2 ul li a.accueil{ color:#575757; background-color:inherit;} .pathway2 ul li a{ color:#ff0071; text-decoration:none; background-color:inherit;} .pathway2 ul li a:hover{ text-decoration:underline;} .pathway3 { height:20px; width:600px; position:absolute; text-align: right; right:70px; top:169px; z-index:2; } .pathway3 ul{ display:inline;} .pathway3 ul li{ display:inline; font-size:10px; color:#575757;background-color:inherit; } .pathway3 ul li a.accueil{ color:#575757; background-color:inherit; } .pathway3 ul li a{ color:#ff0071; text-decoration:none; background-color:inherit;} .pathway3 ul li a:hover{ text-decoration:underline;} /* ******************* */ /* FOOTER */ /* ***************** */ #footer .footermenu { float:right; padding:40px 20px 0 0; width:545px; height:45px; } #footer .footermenu ul{ text-align:right; margin:0 0 5px 0; padding:0} #footer .footermenu ul li{ color:#ffffff; background-color:inherit; font-size:10px; display:inline; padding:0 0 0 2px ; margin:0;} #footer .footermenu ul li a{ color:#ffffff; background-color:inherit; text-decoration:none; padding:0 2px 0 0; margin:0} #footer .footermenu ul li a:hover{ color:#e50083; background-color:inherit; text-decoration:underline;} #footer .footermenu ul li a.rose { color:#ff0071; background-color:inherit;} #footer .footeraddresse{ width:140px; height:56px; float:left; padding:37px 0 0 37px;} #footer .footeraddresse ul.adresse{width:140px; float:left; margin:0; padding:0;} #footer .footeraddresse ul.adresse li{ font-size:10px; font-weight:bold; line-height:1.2em} #footer .footeraddresse ul.adresse li.mercaway{ font-size:16px; font-weight:bold; line-height:1.2em} /* ******************* */ /* PANIER INTERNE */ /* *******************/ /***header ***/ .panier_v2 { position: absolute; width: 100%; z-index: 999; background: url(../interface/panier_v2_top-bg.png) repeat-x left top; padding-top: 6px; left: 0px; bottom: 0px; font-family: Arial, Helvetica, sans-serif; } .panier_v2 .panier_v2_header_bg { background: #30A9F1 url(../interface/panier_v2_header-bg.gif) repeat-x left top; border-top: 2px solid #fff; width: 100%; } .panier_v2 .header { height: 66px; width: 960px; position: relative; margin: 0; padding: 0; margin-right: auto; margin-left: auto; } .panier_v2 .header .picto { height: 66px; width: 66px; } .panier_v2 .header h2 { color: #fff; font-size: 17px; text-transform: uppercase; background: url(../interface/picto_panier_v2_caddie.gif) no-repeat left center; float: left; height: 40px; margin-left: 45px; padding-top: 26px; padding-left: 80px; text-align: left; font-weight: bold; margin-right: 5px; } .panier_v2 .header p.total { color: #83CDFA; font-size: 17px; text-transform: uppercase; float: left; height: 40px; padding-top: 26px; font-weight: bold; } .panier_v2 .header .btn_deployer, .panier_v2 .header .btn_plier { color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; position: absolute; padding-left: 15px; right: 0px; margin-top: 8px; margin-right: 5px; } .panier_v2 .header .btn_deployer { background: url(../interface/picto_panier_v2_open1.gif) no-repeat left center; } .panier_v2 .header .btn_plier { background: url(../interface/picto_panier_v2_close1.gif) no-repeat left center; } .panier_v2 .header a { color: #fff; text-decoration: none; } .panier_v2 .header a:hover { color: #fff; text-decoration: underline; } .panier_v2 .header .boutons { float: right; margin-top: 15px; margin-right: 120px; } .panier_v2 .header a.btn1 { display:block; width:184px; height:26px; background:url(../interface/btn_panier_v2_rose.gif) no-repeat 0 0; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:13px 0 0 0; text-transform: uppercase; float: left; } .panier_v2 .header a:hover.btn1 { background-position: 0 -39px; text-decoration: none; } .panier_v2 .header a.btn2 { display:block; width:184px; height:26px; background:url(../interface/btn_panier_v2_bleu.gif) no-repeat 0 0; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:13px 0 0 0; text-transform: uppercase; float: left; } .panier_v2 .header a:hover.btn2 { background-position: 0 -39px; text-decoration: none; } /***Panier contenu general ***/ .panier_v2 .panier_content { background-color: #fff; padding-top: 15px; height: 125px; width: 960px; margin-right: auto; margin-left: auto; position: relative; } .panier_v2 .panier_content_bg { background: #fff; } /***Panier btns ***/ .panier_v2 .panier_content .btn_deployer, .panier_v2 .panier_content .btn_plier { color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; position: absolute; padding-left: 15px; right: 0px; margin-top: 8px; margin-right: 5px; } .panier_v2 .panier_content .btn_deployer { background: url(../interface/picto_panier_v2_open1.gif) no-repeat left center; } .panier_v2 .panier_content .btn_plier { background: url(../interface/picto_panier_v2_close1.gif) no-repeat left center; } .panier_v2 .panier_content a { color: #fff; text-decoration: none; } .panier_v2 .panier_content a:hover { color: #fff; text-decoration: underline; } .panier_v2 .panier_content .boutons { float: right; width: 190px; } .panier_v2 .panier_content .CommandIntern .boutons { margin-top: 17px; } .panier_v2 .panier_content a.btn1 { display:block; width:184px; height:26px; background:url(../interface/btn_panier_v2_rose2.gif) no-repeat 0 0; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:13px 0 0 0; text-transform: uppercase; float: left; } .panier_v2 .panier_content a:hover.btn1 { background-position: 0 -39px } .panier_v2 .panier_content a.btn2 { display:block; width:184px; height:26px; background:url(../interface/btn_panier_v2_bleu2.gif) no-repeat 0 0; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:13px 0 0 0; text-transform: uppercase; float: left; } .panier_v2 .panier_content a:hover.btn2 { background-position: 0 -39px } /***Panier Produits ***/ .panier_v2 .panier_content .productlist { width: 685px; float: left; padding-left: 25px; padding-right: 25px; position: relative; margin-left: 15px; } .panier_v2 .productlist a.Left { display: block; width: 19px; height: 111px; background: url(../interface/panier_v2_navleft.gif) no-repeat left center; position: absolute; top: 0px; left: 0px; } .panier_v2 .productlist a.Right { display: block; width: 19px; height: 111px; background: url(../interface/panier_v2_navright.gif) no-repeat left center; float: left; position: absolute; right: 0px; top: 0px; } .panier_v2 .productlist a.Left span, .panier_v2 .productlist a.Right span{ display: none; } .panier_v2 .producbox { width:225px; margin:0; text-align: left; float: left; border-right: 1px solid #CCCCCC; } .panier_v2 .producbox.last { border: none; } .panier_v2 .producbox .image { width:90px; text-align:center; float:left; min-height:100px; padding-top: 10px; } * html .panier_v2 .producbox .image { height:100px } .panier_v2 .producbox .image img { width:60px; height:40px; } .panier_v2 .producbox h2 { font-size:13px; font-weight:bold; float:left; color:#0496ef; background-color:inherit; display:block; width:120px; } .panier_v2 .producbox h2 a { font-weight:bold; color:#0496ef; background-color:inherit; text-decoration:none; } .panier_v2 .producbox h2 a:hover { text-decoration:underline; color: #0496ef; } .panier_v2 .producbox h3 { font-size:13px; font-weight:bold; float:left; color:#555552; background-color:inherit; display:block; width:120px; } .panier_v2 .producbox h3 a { font-weight:bold; color:#555552; background-color:inherit; text-decoration:none; } .panier_v2 .producbox h3 a:hover { text-decoration:underline; color: #555552; } .panier_v2 .producbox .price { font-weight:bold; color:#ff4497; background-color:inherit; width:120px; float:left; font-size: 16px; margin-top: 10px; } .panier_v2 .producbox .price a { font-weight:bold; color:#ff4497; background-color:inherit; text-decoration:none; } .panier_v2 .producbox .price a:hover { text-decoration:underline; } .panier_v2 .producbox .stock { font-size:10px; color:#323134; background-color:inherit; width:120px; float:left; } .panier_v2 .producbox .stock a { font-size:10px; color:#323134; background-color:inherit; text-decoration:none; } .panier_v2 .producbox .stock a:hover { text-decoration:underline; } .panier_v2 .producbox .port { font-size:10px; color:#323134; background-color:inherit; width:120px; float:left; } .panier_v2 .producbox .port a { font-size:10px; color:#323134; background-color:inherit; text-decoration:none; } .panier_v2 .producbox .port a:hover { text-decoration:underline; } .panier_v2 .producbox .marque { color: #73C5F6; margin-top: 5px; float: left; } /* ************************* */ /* blocdetexte */ /* *********************** */ .blocdetexte {width:90%; clear:both; float:none; margin-top:2%; margin-left:20px} .blocdetexte h1{ margin:0 0 15px 0} .blocdetexte p{ font-size:12px; margin:0 0 20px 0 } /* ************************* */ /* blocrechercheproduit */ /* *********************** */ .blocrechercheproduit { margin-top:20px; margin-left:25px; float:left; width:720px} * html .blocrechercheproduit { margin-left:10px; width:720px} .blocrechercheproduit h1{ margin:0 0 15px 0} .blocrechercheproduit p{ font-size:12px; margin:0 0 5px 0} /* formulaire de recherche */ .blocrechercheproduit form p{ float:left;} .blocrechercheproduit form p .select{ width:165px; height:20px; margin: 9px 10px 0 0} .blocrechercheproduit form p .input{ width:290px; height:18px; margin: 7px 10px 0 0; padding:2px 0 0 5px} .blocrechercheproduit form p .btnrechercher{ width:172px; height:38px;background:url(../interface/btn_rechercher.gif) no-repeat; color:#0598ef; text-align:center; background-color:inherit; border:none; font-weight:bold; font-size:17px} /* ************************* */ /* blocmininfos */ /* *********************** */ .blocmininfos{ width:20%; float:right; min-height:160px; margin-top:2%; background:url(../interface/blocmininfos_background.gif) no-repeat left top} * html .blocmininfos{height:160px;} .blocmininfos p.infos{ font-size:10px; font-weight:bold; color:#0798ef; background-color:inherit; text-align:center; margin:40px 0 15px 0} .blocmininfos p.liens { text-align:center;} .blocmininfos p.liens a{ color:#818181; font-weight:normal;font-size:10px;background-color:inherit; } .blocmininfos p.liens a:hover{ color:#ff0071; text-decoration:underline;font-size:10px;background-color:inherit;} /* ************************* */ /* modulelistecategorie */ /* *********************** */ #modulelistecategorie { float:left; margin-top:20px; margin-left:25px ; width:660px; } * html #modulelistecategorie { margin-left:10px ; width:650px; } #modulelistecategorie ul{ display:block; float:left; width:210px; margin-right:5px; padding:0 } * html #modulelistecategorie ul{ display:block; float:left; width:210px; margin-right:5px; padding:0 } #modulelistecategorie ul li{ display:inline; font-size:10px; color:#535a64; background-color:inherit; } #modulelistecategorie ul li a { display:block; min-height:40px; color:#535a64; background-color:inherit; text-decoration:none; background:url(../interface/modulelistecategorie_link_a.gif) no-repeat bottom; margin:5px 0 0 0; font-size:10px; padding:5px 0 0 3px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff; line-height: 12px; } * html #modulelistecategorie ul li a{height:40px;} #modulelistecategorie ul li a:hover{ background:#eaf8fd url(../interface/modulelistecategorie_link_b.gif) no-repeat bottom; border-left:1px solid #eaeced; border-top:1px solid #eaeced; border-right:1px solid #eaeced;color:#535a64; } #modulelistecategorie ul li a strong { display:block;color:#0d9bf0; background-color:inherit; font-size:12px; font-weight:normal } #modulelistecategorie ul li a:hover strong { color:#ff7fb8!important; background-color:inherit;} /* ************************* */ /* blocadecouvrir */ /* *********************** */ .blocadecouvrir { float:left; width:250px; margin-top:5px; margin-left:10px; background:url(../interface/blocadecouvrir_ul.gif) repeat-x bottom;} * html .blocadecouvrir { float:left; width:250px; background:url(../interface/blocadecouvrir_ul.gif) repeat-x bottom; height:90px ;margin-top:5px;} .blocadecouvrir h1{ padding:0; margin:0 0 10px 0; } .blocadecouvrir p.image{ width:100px; height:85px; display:block; float:left; margin-right:10px; padding:10px 0 0 0} .blocadecouvrir ul{ display:block; min-height:93px; font-size:12px; float:left; width:120px; padding:0; margin:8px 0 0 0} * html .blocadecouvrir ul{display:block; height:96px; font-size:12px; float:left; width:120px; padding:0; margin:8px 0 0 0} .blocadecouvrir ul li{ list-style:none; display:list-item; padding:0; margin:0 0 2px 0 } .blocadecouvrir ul li.categorie{ color:#0d9bf0; background-color:inherit; font-size:12px; font-weight:bold;} .blocadecouvrir ul li.categorie a{ color:#0d9bf0; background-color:inherit; text-decoration:none; } .blocadecouvrir ul li.categorie a:hover{ color:#ff0071; background-color:inherit; text-decoration:none;} .blocadecouvrir ul li.titre{ color:#0d9bf0; background-color:inherit; font-size:10px; font-weight:normal} .blocadecouvrir ul li.titre a{ color:#0d9bf0; background-color:inherit; text-decoration:none; } .blocadecouvrir ul li.titre a:hover{ color:#ff0071; background-color:inherit; text-decoration:none;} .blocadecouvrir ul li.tarif{ color:#ff0071; background-color:inherit;} /* ************************* */ /* BLOC PAGE INDEX */ /* *********************** */ /* BLOC MINI PUB */ .blocminipub{ width:210px; background: url(../interface/blocminipub.gif) no-repeat right top; float:left; margin-right:0; margin-left:20px } * html .blocminipub{ margin-left:10px } .blocminipub p.image { clear:both; float:none; margin:0; padding:0 } .blocminipub p.image a{ display:block;border:5px solid #f0f0f0;width:180px; height:105px; padding:0; margin:0 } .blocminipub p.image a:hover{border:5px solid #9cd2f1; } .blocminipub p.image a img { width:175px; height:100px; padding:5px 0 0 5px } .blocminipub h1{ margin:36px 0 0 5px; padding:0; width:190px; font-size:12px; font-weight:normal} .blocminipub h1 a{ text-decoration:none;} .blocminipub h1 a:hover{ text-decoration:underline;} .blocminipub p{ font-size:10px; clear:both; float:none; margin:15px 0 0 5px;width:190px;} /* BLOC MINI PUB */ .blocminipub2{ width:210px; float:left; margin:0 0 0 15px; padding:0 } * html .blocminipub2{ width:200px; margin:0 0 0 10px; padding:0 } .blocminipub2 p.image { clear:both; float:none; margin:0; padding:0 } .blocminipub2 p.image a{ display:block;border:5px solid #f0f0f0;width:180px; height:105px; padding:0; margin:0 } .blocminipub2 p.image a:hover{border:5px solid #9cd2f1; } .blocminipub2 h1 { margin:36px 0 0 5px; padding:0; width:190px; font-size:12px; font-weight:normal } .blocminipub2 h1 a{ text-decoration:none;} .blocminipub2 h1 a:hover{ text-decoration:underline;} .blocminipub2 p{ font-size:10px; clear:both; float:none; margin:15px 0 0 5px;width:190px;} /* BLOC ACTIONS */ .blocactions{ width:250px; background:url(../interface/blocactions.gif) no-repeat left top; float:left; margin-left:0} * html .blocactions{ width:25%; background:url(../interface/blocactions.gif) no-repeat left top; float:left; margin:0} .blocactions h5 { margin:0 0 20px 9px; } .blocactions p{ font-size:10px; margin:0 0 10px 30px; width:200px;} .blocactions ul{ display:block;margin:5px 0 40px 40px; padding:0} * html .blocactions ul{ margin:5px 0 25px 40px; } .blocactions ul li{ color:#919191; background-color:inherit; background:url(../interface/puce.gif) no-repeat 0 5px; padding:0 0 0 15px; margin:0; } .blocactions ul li a{ font-size:11px!important; display:inline; padding:0; margin:0; text-decoration:none; } .question { font-size:12px; color:#323134; background-color:inherit; background:url(../interface/picto_question.gif) no-repeat 0 0; padding:2px 0 0 35px; width:240px; margin:0 0 0 10px} .question a{ display:block; color:#ff0071; background-color:inherit; text-decoration:underline; padding:5px 0 0 0; font-size:11px } .question a:hover{ color:#0d9bf0; background-color:inherit; text-decoration:underline; } * html .question { width:200px } /* variante selon les couleurs */ #blocactionsbleu h6{ margin:0 0 20px 9px} #blocactionsrose ul li a{ font-size:11px; color:#919191; background-color:inherit; } #blocactionsrose ul li a:hover{ color:#ff0071; text-decoration:none; background-color:inherit;} #blocactionsbleu ul li a{ font-size:11px; color:#919191; background-color:inherit; } #blocactionsbleu ul li a:hover{ color:#25a6f2; text-decoration:none; background-color:inherit;} #blocactionsrose ul li a.important { font-size:11px; color:#ff0071; background-color:inherit; font-weight:bold; } #blocactionsrose ul li a:hover.important{ text-decoration:underline;} #blocactionsbleu ul li a.important { font-size:11px; color:#25a6f2; background-color:inherit; font-weight:bold; } #blocactionsbleu ul li a:hover.important { text-decoration:underline ; } /* ************************* */ /* .colleft402px */ /* *********************** */ .colleft402px { width:375px; padding:0 0 0 26px; min-height:160px; float:left; background:url(../interface/colleft402px.gif) no-repeat right 90px; } * html .colleft402px { height:160px;} .hotfix402px {background:url(../interface/colleft402px.gif) no-repeat right 40px!important;} .colleft402px h5{ margin:29px 0 15px 0; text-align:left; text-indent:0.8em; } .colleft402px h5.titrefix { padding: 12px 0 0 0; } .colleft402px h1{ margin:0 0 15px 0; font-weight: bold; } .colleft402px p{ font-size:11px; margin:0 0 17px 0; width:350px; padding:0} .colleft402px p.illustration{ margin:0 0 10px -20px; width:385px; height:169px;} * html .colleft402px p.illustration{ margin:0 0 10px -17px; width:385px; height:169px;} .colleft402px .btnlargerose { margin:0 70px; } .colleft402px .btnlargeblanc{ margin:0 0 0 68px; } .colleft402px p.servicecommercial { padding:20px 0 0 0; text-align:center;} .colleft402px p.simplepratique{ font-size:13px; font-weight:bold; color:#ff0071; background-color:inherit; margin:0 0 30px 0; width:375px} /* ************************* */ /* colleft291px */ /* *********************** */ .colleft291px { float:left; width:291px; padding:127px 0 0 0; } .hotfix291px{ padding: 30px 0 0 0!important} .colleft291px ul{ display:block; background:url(../interface/blue_lines.gif) repeat-x bottom; margin:0 0 0 30px; width:242px;} .colleft291px ul.last{ background-image:none;} .colleft291px ul li { font-size:10px; padding:0 0 15px 0} .colleft291px ul li.titre{ color:#0d9bf0; background-color:inherit; font-size:17px; padding:5px 0 5px 0} .colleft291px ul li.titre a{ color:#0d9bf0; background-color:inherit; text-decoration:none; } .colleft291px ul li.titre a:hover{ text-decoration:underline;} .colleft291px .btnlargebleu { margin:10px 0 32px 35px; padding:0} /* ************************* */ /* col2solutions */ /* *********************** */ .col2solutions{ width:265px; float:right;background:url(../interface/col2solutions.gif) no-repeat left 90px; padding:0; margin:0 } .col2solutions h1{ margin:54px 0 15px 30px; color:#0d9bf0; background-color:inherit; font-size:17px; padding:0; font-weight:normal;} .col2solutions h1 span{ font-size:23px; display:block; font-weight:bold; } .col2solutions h2{ margin:0 0 15px 25px; padding:0;} .col2solutions p { font-size:10px;margin:0 0 15px 25px; padding:0; width:230px} .col2solutions p.blocimage { clear:both; float:none; margin:0 0 15px 25px; padding:0 } .col2solutions p.blocimage a{ display:block;border:5px solid #f0f0f0;width:180px; height:105px; padding:0; margin:0 } .col2solutions p.blocimage a:hover{border:5px solid #9cd2f1; } .hotfixcol2p { width:265px; position:absolute; top:-35px; right:0;background:url(../interface/col2solutions.gif) no-repeat left 110px!important;} * html .hotfixcol2p { width:265px; position:absolute; top:-4px; right:0;background:url(../interface/col2solutions.gif) no-repeat left 120px!important;} *+html .hotfixcol2p { width:265px; position:absolute; top:-4px; right:0;background:url(../interface/col2solutions.gif) no-repeat left 114px!important;} /* ************************* */ /* blocfulltext */ /* *********************** */ .blocfulltext{ clear:both; float:none;margin:20px 0 0 21px; min-height:90px;} * html .blocfulltext{ height:90px;} .blocfulltext h5 { float:left;} .blocfulltext h1{ float:left; margin:14px 0 0 34px;} /* ************************* */ /* colleft483px */ /* *********************** */ .colleft483px{ width:461px; min-height:670px; padding-left:21px; float:left; } * html .colleft483px{height:670px;} .colleft483px .btnlargeblanc { margin:25px 0 0 25px} .colleft483px .servicecommercial{ margin:5px 0 0 50px; font-size:11px;} .colleft483px .caracteristique{ font-size:14px; font-weight:bold;margin:21px 0 15px 30px} .colleft483px ul.listeimple{ margin:0 0 0 25px} /* ************************* */ /* colleft406px */ /* *********************** */ .colleft406px{ width:379px; min-height:680px; padding:0 0 0 27px; float:left; margin:30px 0 0 0 } .colleft406px h3{ margin:0 0 0 0px } .colleft406px p.faqtxt{ margin:10px 0 25px 0; padding:0; font-size:11px } .colleft406px .btnlargerose { margin:0 0 0 65px;} .colleft406px .btnlargeblanc{ margin:0 0 0 60px;} .colleft406px .servicecommercial{ margin:15px 0 0 80px;} /* ************************* */ /* colleft470px */ /* *********************** */ .colleft470px { width:470px; float:left;} .colleft470px .titretaux{ background:url(../interface/picto_euro.gif) no-repeat 0 0; padding:0 0 0 63px; min-height:77px;} * html .colleft470px .titretaux{ height:77px} .colleft470px .titretaux .titre{ font-size:17px; margin:0; padding:0;} .colleft470px .titretaux .infos{ font-size:17px; color:#0d9bf0; background-color:inherit;margin:00; padding:0;} .blocmanifeste{ width:435px; margin:45px 0 10px 30px } .blocmanifeste p{font-size:9px; color:#5a5a55; background-color:inherit; margin:0 0 10px 0;width:430px; } /* ************************* */ /* colleft550px */ /* *********************** */ .colleft550px{ float:left; background: url(../interface/colleft550px.gif) no-repeat 0 100px; min-height:700px; margin:0 0 0 10px; padding:0 0 0 30px; width: 502px; } * html .colleft550px{ height:700px;} .colleft550px .hfaq { clear:both; float:none; height:90px;} .colleft550px p{ width:497px; font-size:11px; color:#535a64; background-color:inherit; margin:0 0 15px 0; padding:0} .colleft550px p.questioncontact {} .colleft550px p.questioncontact a{ font-size:12px; font-weight:bold; color:#3bb0f3; text-decoration:underline; background-color:inherit;} .colleft550px p.questioncontact a:hover{ color:#e00b70; text-decoration:underline; background-color:inherit;} .colleft550px .faqvide{ text-align:center; width:100%; clear:both; float:none; padding:148px 0 0 0} .colleft550px .faqvide p.item1{ color:#33aef4; background-color:inherit; text-align:center; font-style:italic; font-size:32px; font-weight:bold;} .colleft550px .faqvide p.item2{ color:#e00c72; background-color:inherit; text-align:center; font-style:italic; font-size:21px;font-weight:bold;} .cvgh25{ clear:both; float:none; width:100%; height:25px;} /* colonne droite pour CVG */ .cvgcolleft550px{ width:510px; float:left; background: url(../interface/colleft550px.gif) no-repeat 0 0; min-height:700px; margin:0 0 0 10px; padding:0 0 0 30px } * html .cvgcolleft550px{ height:700px;} .cvgcolleft550px h3{padding:40px 0 0 0!important;} .cvgcolleft550px p {margin:0 0 13px 0!important; font-size:10px; width:490px; color:#535a64; background-color:inherit;} .cvgcolleft550px p a{color:#535a64; background-color:inherit; text-decoration:underline; } .cvgcolleft550px p a:hover{color:#ff0071; background-color:inherit; text-decoration:underline; } /* ************************* */ /* formquestion */ /* *********************** */ .formquestion {} .formquestion p{ clear:both; float:none; margin:0 0 5px 0} .formquestion label{ display:block; font-size:10px; color:#535a64; background-color:inherit; padding:0 0 3px 0} .formquestion .name { width:360px; height:14px; padding:3px 0 0 10px; color:#a4a493; background-color:inherit; font-size:11px} .formquestion .email { width:220px; height:15px; padding:2px 0 0 10px; color:#a4a493; background-color:inherit; font-size:11px} .formquestion .message { width:360px; height:210px; padding:3px 0 0 10px; color:#a4a493; background-color:inherit; font-size:11px} .formquestion label span{ padding:0 0 0 5px} .formquestion label.cc{ display:inline; float:none; margin:-5px 0 0 0} .formquestion label span img{ width:43px; height:11px; vertical-align:bottom} .formquestion .ccyourself{ margin:5px 0 0 0} .formquestion .btnsentmail { width:171px; height:36px; background:url(../interface/btnsentmail.jpg) no-repeat 0 0; color:#fff; background-color:inherit; font-size:10px; text-align:center; margin:0 0 0 200px; border:none;} /* ************************* */ /* blocpays */ /* *********************** */ .blocpays{ background:url(../interface/bloc_pays.gif) no-repeat 0 0; width:709px; padding:0 0 0 30px; height:145px; float:left; margin:15px 0 0 15px} * html .blocpays{ margin:20px 0 0 10px} .blocpays .blocpayscontent { float:left; width:160px; margin:30px 10px 0 0 } .blocpays .blocpayscontent p{ font-size:15px; color:#00a6eb; background-color:inherit; height:25px; display:block;} .blocpays .blocpayscontent ul{ width:64px; float:left; margin:0 10px 0 0; padding:0 0 0 0} .blocpays .blocpayscontent ul li{ color:#555552; background-color:inherit; padding:0; margin:0} * html .blocpays .blocpayscontent ul li{ padding:0; margin:0 } .blocpays .blocpayscontent ul li a{ font-size:9px; color:#555552; background-color:inherit; text-decoration:none; } .blocpays .blocpayscontent ul li a:hover{ color:#555552; background-color:inherit; text-decoration:underline;} /* ************************* */ /* popup */ /* *********************** */ .popup{ width:580px; height:500px; background-color:#FFFFFF; color:#6d6d6a; text-align:left; } .popup .logopopup{ width:245px; height:101px; padding:15px 0 0 25px; float:left;} .popup .popuptexte{ width:245px; min-height:120px; float:left;padding:35px 0 10px 25px; line-height:1.4em} * html .popup .popuptexte{height:120px;} .popup .popuptexte p { color:#6d6d6a; font-size:12px; background-color:inherit;} .popup .popuplien p { margin:0 0 0 25px; width:245px; min-height:22px; } .popup .popuplien p a{ font-size:18px; color:#00a6eb; text-decoration:none; background-color:inherit;} .popup .popuplien p a:hover { color:#e50083; background-color:inherit;} .popup .popupcadenas{ background:url(../interface/cadenas_blanc.jpg) no-repeat 20px 0; width:300px; height:85px; float:left; margin:10px 0 0 0} .popup .popupimage{ width:280px; height:400px; float:right; margin:20px 0 0 0} .popup .popupfooter {clear:both; float:none; background-color:#323134; color:#fff; height:88px; width:100%;} .popup .popupadresse{ width:30%; height:56px; float:left; padding:10px 0 0 10px;} .popup .popupadresse ul{width:140px; float:left; margin:0; padding:0;} .popup .popupadresse ul li{ font-size:10px; font-weight:bold; line-height:1.2em} .popup .popupadresse ul li.mercaway{ font-size:16px; font-weight:bold; line-height:1.2em} .popup .popupfootermenu { width:65%; float:right; margin:0 10px 0 0; padding:12px 0 0 0} .popup .popupfootermenu ul{ text-align:right; margin:0 0 2px 0; padding:0; width:100%} .popup .popupfootermenu ul li{ color:#ffffff; background-color:inherit; font-size:10px; display:inline; padding:0 0 0 2px ; margin:0;} .popup .popupfootermenu ul li a{ color:#ffffff; background-color:inherit; text-decoration:none; padding:0 2px 0 0; margin:0} .popup .popupfootermenu ul li a:hover{ color:#e50083; background-color:inherit; text-decoration:underline;} .popup .popupfootermenu ul li a.rose { color:#ff0071; background-color:inherit;} /* ************************* */ /* transition */ /* *********************** */ .transitionbox{ width:750px; min-height:200px; margin:0 auto; text-align:center;color:#14abe2; background-color:#fff;} .transitionbox p.infos{ text-align:center; font-size:12px; color:#14abe2; background-color:#fff; width:350px; margin:0 auto; padding:20px 0} .transitionbox2{ width:750px; min-height:200px; margin:0 auto; text-align:center;color:#14abe2; background-color:#fff;} .transitionbox2 p.infos{ text-align:center; font-size:12px; color:#14abe2; background-color:#fff; width:560px; margin:0 auto; padding:20px 0 0 0} .transitionbox2 p.suivie{ text-align:center; font-size:12px; color:#69696b; background-color:#fff; width:560px; margin:0 auto; padding:0 0 20px 0} /* ************************* */ /* TABULATION */ /* *********************** */ #sousmenublock{ width:100%; margin:40px 0 0 0; position:relative; height:22px; padding-bottom:15px;} #sousmenublock #sousmenu{ position:absolute; top:0; left:30px; height:21px; width:647px; } #sousmenublock #sousmenu ul{ padding:0; margin:0; list-style:none;} #sousmenublock #sousmenu ul li{ list-style:none; display:inline; margin:0; padding:0;} #sousmenublock #sousmenu ul li a { padding:0 34px 0 0; margin:0 ; list-style:none; display:block; float:left; height:22px; line-height:2em; font-size:11px; font-weight:bold; color:#fff; background-color:inherit; text-decoration:none; background:url(../interface/submenuright.gif) no-repeat right -22px;} #sousmenublock #sousmenu ul li a span{ padding:0 0 0 32px; margin:0; list-style:none; display:block; float:left; height:22px; cursor:pointer;background:url(../interface/submenuleft.gif) no-repeat left -22px; } #sousmenublock #sousmenu ul li a:hover { background:url(../interface/submenuright.gif) no-repeat right 0;} #sousmenublock #sousmenu ul li a:hover span{ background:url(../interface/submenuleft.gif) no-repeat left 0;} #sousmenublock #sousmenu ul li.active a, #sousmenublock #sousmenu ul li.active a:hover{ background:url(../interface/submenuright.gif) no-repeat right 0;} #sousmenublock #sousmenu ul li.active a span, #sousmenublock #sousmenu ul li.active a:hover span{ background:url(../interface/submenuleft.gif) no-repeat left 0;} #sousmenublock2{ width:100%; margin:10px 0 0 0; position:relative; height:22px; padding-bottom:15px;} #sousmenublock2 #sousmenu2{ position:absolute; top:0; left:0; height:22px; width:100%; overflow:hidden;} #sousmenublock2 #sousmenu2 ul{ padding:0; margin:0; list-style:none;} #sousmenublock2 #sousmenu2 ul li{ list-style:none; display:inline; margin:0; padding:0;} #sousmenublock2 #sousmenu2 ul li a { padding:0 33px 0 0; margin:0 1px 0 0 ; list-style:none; display:block; float:left; height:22px; line-height:2em; font-size:11px; font-weight:bold; color:#a9a9a9; background-color:inherit; text-decoration:none; background:url(../interface/submenuright2.gif) no-repeat right -22px;} #sousmenublock2 #sousmenu2 ul li a span{ padding:0 0 0 33px; margin:0; list-style:none; display:block; float:left; height:22px; cursor:pointer;background:url(../interface/submenuleft2.gif) no-repeat left -22px;} #sousmenublock2 #sousmenu2 ul li a:hover { background:url(../interface/submenuright2.gif) no-repeat right 0;color:#fff; background-color:inherit} #sousmenublock2 #sousmenu2 ul li a:hover span{ background:url(../interface/submenuleft2.gif) no-repeat left 0;color:#fff; background-color:inherit} #sousmenublock2 #sousmenu2 ul li.active a, #sousmenublock2 #sousmenu2 ul li.active a:hover{ background:url(../interface/submenuright2.gif) no-repeat right 0; color:#fff; background-color:inherit;} #sousmenublock2 #sousmenu2 ul li.active a span, #sousmenublock2 #sousmenu2 ul li.active a:hover span{ background:url(../interface/submenuleft2.gif) no-repeat left 0;color:#fff; background-color:inherit;}