/* ******************************************************** ************* COMMON STYLE*************************** */ html, body, form, fieldset {margin: 0;padding: 0;} body {margin: 0 auto;color: #000000;background: #FFFFFF;font-family: Arial, Helvetica, sans-serif;line-height: 150%;font-size: 12px;} img {border: none;} /* ******************************************************** *********************** HEADER************************* ******************************************************** */ #header {position: relative;display:block;background-color:#1755AA;height: 80px;} #headercontenu{width: 950px;margin: 0 auto;} #logostore {position: relative;display:block;width: 200px; height: 80px; left:0px; background-position:top left; } #headerfondgauche{position: relative;display:block;top:-80px;width: 516px;height:80px;left:400px;background:url(../images/backgroundstore.png) no-repeat;} #ja-mainnavwrap{background:#3a75c4 !important;border-top:solid 1px #5b99eb !important;font-size: 12px;} #ja-mainnav{width: 950px;margin: 0 auto;background:#3a75c4 !important;} #ja-mainnav li{border-left:solid 1px #1755AA !important;} #ja-mainnav ul.menu li.item a{color:#FFFFFF;border:0;} #ja-mainnav ul.menu li.item a:hover{background:#B2B2B2;} #ja-panier{position:relative;width:308px;height:35px;float:right;border-left: solid 1px #285087;text-decoration:none;background:#3A75C4; } #ja-panier #panier ,#ja-panier-off #panier{position:absolute;top:0px;left:50px;top:10px;color: #FFFFFF;text-decoration:none;font-weight:bold;} #ja-panier #panier a {font-size:14px;background: #3A75C4;color: #FFFFFF;text-decoration:none;font-weight:bold;} #ja-panier #panier a:hover {font-size:14px;background: #3A75C4;color: #FFFFFF;text-decoration:underline;font-weight:bold;} #ja-languages{display: block;height:43px;position:relative;top:0px;text-align:right;background: #FFFFFF url(../images/c-bg.png) repeat-x !important;} #ja-languages #ja-drapeau{z-index:10;position:relative;width: 950px;margin: 0 auto;text-align:right;top:10px;} /* ******************************************************** *********************** FOOTER************************* ******************************************************** */ #footer {position: relative;margin: 0 auto;width: 950px;} #footermarron {position: relative;background-color:#878787;height:42px;} #footercopyright {position: relative;height:25px;} #footerlogo { position:absolute;left:785px;top:-38px;height:44px;width:165px;background:url(../images/fond-logos.png);} /* MAIN NAVIGATION --------------------------------------------------------- */ #pathway {font-size: 92%;position:relative;margin-left:-20px;padding-bottom:25px;} #pathwaytext strong {margin-right: 5px;font-weight: normal;} #pathwaytext a {text-decoration: none;} #pathwaytext img { margin: 1px 5px;} .breadcrumbs{font-weight:bold !important;font-size:12px;} .breadcrumbs{color:#8A8A8A !important; } .breadcrumbs a{color:#000000 !important;font-weight:bold !important;text-decoration:underline !important;} /* ******************************************************** *********************** ACCUEIL************************* ******************************************************** */ #pdtmoistopvente{width:950px;margin: 0 auto;height:377px;} .accueilcentreFR{background: url(../images/FR/fond-milieu.png) no-repeat;position:relative;} .accueilcentreENG{background: url(../images/ENG/fond-milieu.png) no-repeat;position:relative;} #descphotopdtmois{width:400px;position:relative;top:90px;} #descphotopdtmois #titrepdtmois{position:absolute;display:block;width:180px;left:10px;top:0px;color:#FFFFFF;font-size:12px;} #descphotopdtmois #titrepdtmois a{font-weight:bold;position:relative;top:-5px;color:#FFFFFF;font-size:14px;text-decoration:none;} /*#descphotopdtmois #descpdtmois{position:absolute;display:block;width:194px;left:10px;top:40px;color:#FFFFFF;font-size:12px;overflow-y:auto;height:180px;}*/ #descphotopdtmois #descpdtmois{position:absolute;display:block;width:194px;left:10px;top:35px;color:#FFFFFF;font-size:12px;} #descphotopdtmois #descpdtmois a{position:relative;color:#FFFFFF;font-size:12px;text-decoration:none;} #descphotopdtmois #imagepdtmois{position:relative;display:block;text-align:right;width:165px;height:128px;left:204px;top:22px;} #prixpdtmois {position:relative;left:270px;top:22px;background: url(../images/gdfond-prix-orange.png) no-repeat;text-align:center;display:block; width:117px; height:44px;} #prixpdtmois .prixpdtmois2 {position:relative;display:block;top:14px;font-size:28px;font-weight:bold; color:#FFFFFF;} #prixpdtmois .europdtmois {position:absolute;top:5px;left:105px;font-size:18px; vertical-align:top;font-weight:bold; color:#FFFFFF;} #acheterpdtmois{position:relative;width:390px;top:30px;left:308px;} #topventecontent{display:block;position:relative; top:0px; left:0px; height:333px; width:550px;} #topventecontent #topdesventes {display:block; position:relative;width:500px; height:309px; } #select01, #select02, #select03, #select04 { display:block; position:absolute;width:321px;height:74px; left:26px; padding-left:2px; padding-top:2px;margin-top:0px; } #select01 { top:83px; } #select02 { top:147px; } #select03 { top:211px; } #select04 { top:262px; } .select_on {color:#FFFFFF;background:url(../images/curseur-blanc-topvente.png) no-repeat; } .select_on a{position:absolute;color:#FE5102;text-decoration:underline;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px;} .select_up {position:absolute;color:#ffffff;text-decoration:none;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px; } .select_up a{position:absolute;color:#ffffff;text-decoration:none;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px;} .select_down {position:absolute;color:#ffffff;text-decoration:none;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px; } .select_down a{position:absolute;color:#ffffff;text-decoration:none;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px;} .select_off {position:absolute;color:#ffffff;text-decoration:none;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px; } .select_off a{position:absolute;color:#ffffff;text-decoration:none;font-weight:bold;padding-left:20px;font-size:14px;width:296px;text-align:left; padding-top:20px;padding-bottom:20px;} #topvente01, #topvente02, #topvente03, #topvente04 {display:none; position:absolute; top:6px; left:330px; height:320px; width:210px;background:url(../images/fond-blanc-topvente.png) no-repeat; } .topphoto { display:block;position:relative; top:15px; left:0px; height:229px; width:208px; } .toptexte {display:block; position:relative; top:6px; left:0px; width:208px; height:40px; text-align:center; } .toptexte a { color:#2B64BE;font-weight:bold; font-size:15px;text-decoration:none;top:25px;} .topprix {position:relative;display:block;background: url(../images/gdfond-prix-orange.png) no-repeat;display:block; width:117px; height:44px;margin-left:50px;text-align:center;} .prixpdttop {position:relative;display:block;top:14px;text-align:center;font-weight:bold; color:#FFFFFF; text-align:center;font-size:28px; } .europdttop { position:absolute;top:5px;left:105px;font-size:18px; vertical-align:top;font-weight:bold; color:#FFFFFF;} #topventescript {position:absolute; top:6px; left:330px; height:320px; width:210px;background:url(../images/fond-blanc-topvente.png) no-repeat; } .topphotoscript{ display:block;position:relative; top:15px; left:0px; height:229px; width:208px; } .toptextescript {display:block; position:relative; top:6px; left:0px; width:208px; height:40px; text-align:center; } .toptextescript a { color:#2B64BE;font-weight:bold; font-size:15px;text-decoration:none;top:25px;} .topprixscript {position:relative;display:block;background: url(../images/gdfond-prix-orange.png) no-repeat;display:block; width:117px; height:44px;margin-left:50px;text-align:center;} .prixpdttopscript {position:relative;display:block;top:14px;text-align:center;font-weight:bold; color:#FFFFFF; text-align:center;font-size:28px; } .europdttopscript { position:absolute;top:5px;left:105px;font-size:18px; vertical-align:top;font-weight:bold; color:#FFFFFF;} #promocontent {position: relative;} #promo{padding:0px;background:#1957a9 url(../images/fond-promos.jpg);height:176px;} #titrepromo{width:950px;position:relative;margin: 0 auto;top:16px;} #descphotopromo{width:950px;position:relative;margin: 0 auto;height:176px;} #descphotopromo #descpdtpromo{position:absolute;left:5px;display:block;width:400px;top:30px;color:#FFFFFF;font-size:12px;} #descphotopromo #descpdtpromo a{color:#FFFFFF;font-size:12px;text-decoration:none;} #descphotopromo #fondimagepromo{display:block;position:relative;background: url(../images/fond-photo-promo.png);left:420px;top:-10px;width:295px;height:148px;} #descphotopromo #fondimagepromo #imagespromo{position:absolute;top:0px;width:125px;left:30px;height:117px;text-align:center;top:18px; } #descphotopromo #fondimagepromo #prixpdtpromobarrer{position:absolute;top:70px;width:97px;left:198px;height:36px;background:url(../images/barrer.jpg) no-repeat center;text-align:center;} #descphotopromo #fondimagepromo #prixpdtpromo{position:absolute;display:block;top:30px;width:97px;left:210px;height:36px;background:url(../images/ptfond-prix-rouge.png) no-repeat;text-align:center; } #descphotopromo #fondimagepromo #prixpdtpromo .prixpdtpromo2 {position:relative;display:block;top:9px;text-align:center;font-weight:bold; color:#FFFFFF; text-align:center;font-size:22px;} #descphotopromo #fondimagepromo #prixpdtpromobarrer .prixpdtpromobarrer {position:relative;display:block;top:9px;text-align:center;font-weight:bold; color:#FFFFFF; text-align:center;font-size:20px;} #descphotopromo #fondimagepromo #prixpdtpromobarrer .europdtpromo,div#descphotopromo #fondimagepromo #prixpdtpromo .europdtpromo {position:absolute;top:5px;left:82px;font-size:18px; vertical-align:top;font-weight:bold; color:#FFFFFF;} #descphotopromo #fondimagepromo #acheterpdtpromo{position:absolute;width:77px;text-align:right;top:115px;left:208px;} #descphotopromo #fondimagepromoquestionFR{display:block;position:absolute;background: url(../images/FR/fond-question.png);left:786px;top:60px;width:165px;height:43px;} #descphotopromo #fondimagepromoquestionENG{display:block;position:absolute;background: url(../images/ENG/fond-question.png);left:786px;top:60px;width:165px;height:43px;} /* ******************************************************** *********************** CATEGORIE********************** ******************************************************** */ #catarticlecontent{width:950px;margin: 0 auto;height:auto;position:relative;top:-25px;} #catarticle{width:500px;margin: 0 auto;height:auto;position:relative;left:20px;padding-bottom:15px;} .fondarticlecat{background: url(../images/fond-categorie-produit.png) no-repeat;} .catarticledesc{position:relative;display:block;width:216px;height:35px;top:10px;} .catarticledesc a{color:#2B64BE;font-weight:bold; font-size:12px;text-decoration:none;} .catarticleimg{position:relative;display:block;width:226px;height:120px;top:10px;} .catarticleprix {position:relative;display:block; width:118px; height:44px;top:4px;background: url(../images/fond-prix-categorie-orange.png) no-repeat;text-align:center;} .catarticleprix .prixpdtcat {position:relative;display:block;top:14px;left:0px;text-align:center;font-size:28px;font-weight:bold; color:#FFFFFF;} .catarticleprix .europdtcat {position:absolute;top:5px;left:102px;font-size:18px; vertical-align:top;font-weight:bold; color:#FFFFFF;} .catarticledetailsacheter{position:relative;display:block;width:226px;top:14px;} .catarticledetailsacheter .catarticledetails{position:absolute;width:93px;height:26px;left:5px;} .catarticledetailsacheter .catarticleacheter{position:absolute;width:79px;height:26px;left:140px;} .catarticledetailsacheter .catarticlerupture{position:absolute;width:98px;height:26px;left:120px;} /* ******************************************************** *********************** PRODUIT************************ ******************************************************** */ #prodarticlecontent{width:950px;margin: 0 auto;height:auto;position:relative;top:-25px;} #prodarticle{width:500px;margin: 0 auto;height:auto;position:relative;left:18px;padding-bottom:35px;} .fondarticleprod{background: url(../images/fond-produit.jpg) no-repeat;} #prodarticledesc{position:relative;display:block;width:200px;height:30px;top:8px;} #prodarticledesc a {color:#2B64BE;font-weight:bold; font-size:14px;text-decoration:none;} #prodarticleimg{position:relative;display:block;width:226px;height:175px;top:12px;} #prodarticleprix {position:relative;display:block; width:118px; height:44px;background: url(../images/fond-prix-categorie-orange.png) no-repeat;text-align:center;} #prodarticleprix .prixpdtprod {position:relative;display:block;top:14px;text-align:center;font-size:28px;font-weight:bold; color:#FFFFFF;} #prodarticleprix .europdtprod {position:absolute;top:5px;left:102px;font-size:18px; vertical-align:top;font-weight:bold; color:#FFFFFF;} #prodarticledetailsacheter{position:relative;display:block;width:226px;top:14px;height:26px;} #prodarticledetailsacheter #prodarticledetails{position:absolute;width:67px;height:26px;left:5px;} #prodarticledetailsacheter #prodarticleacheter{position:absolute;width:79px;height:26px;left:140px;} #prodarticledetailsacheter #prodarticlerupture{position:absolute;width:96px;height:26px;left:120px;} #titreinfo{ position:relative;margin: 0 auto;z-index:2;top:10px;left:6px;width:210px;font-size:16px; font-weight:bold; color:#FFF;} #prodarticleinformation{position:relative;display:block;width:230px;height:250px;top:16px;left:-5px;padding-right:5px;color:#FFFFFF;font-size:12px;text-align:left;padding-left:0px;overflow-y:auto; } #titrecaract{ position:absolute;margin: 0 auto;z-index:2;top:355px;left:5px;width:450px;font-size:16px; font-weight:bold; color:#FFF;} #prodarticlecaracteristiquehaut{position:relative;display:block;width:463px;height:22px;top:30px;background: url(../images/fond-produit-caract-haut.png) no-repeat;} #prodarticlecaracteristique{position:relative;display:block;width:461px;top:28px;background:url(../images/pixel.jpg);margin: 0 auto;} #prodarticlecaracteristiquetext{min-height:180px; position:relative;padding-top:12px;left:10px;width:451px;color:#FFFFFF;font-size:12px;} #prodarticlecaracteristiquebas{top:28px;position:relative;display:block;width:463px;height:22px;background: url(../images/fond-produit-caract-bas.png) no-repeat;} #prodarticledetailsinfo{position:relative;display:block;width:461px;height:56px;top:30px;} #prodarticledetailsinfo #prodarticleprint{position:absolute;width:180px;height:26px;left:25px;} #prodarticledetailsinfo #prodarticlesend{position:absolute;width:180px;height:26px;left:280px;} #prodarticledetailsinfo #prodarticleprint a,#prodarticledetailsinfo #prodarticlesend a{color:#878787;font-size:14px;text-decoration:none;} #prodarticledetailsinfo #prodarticleprint a:hover,#prodarticledetailsinfo #prodarticlesend a:hover{color:#878787;font-size:14px;text-decoration:underline;} #ficheimprimercontent{width:600px;margin: 0 auto;height:auto;position:relative;top:0px;} #ficheimprimerentete{background:url(../images/hautficheimprimer.jpg) no-repeat;} #ficheimprimerhaut{width:600px;position:relative;display:block;height:9px;top:30px;background: url(../images/fiche-imprimer-haut-11.png) no-repeat;} #ficheimprimermilieu{position:relative;display:block;width:600px;top:28px;background:url(../images/pixel-1.jpg);margin: 0 auto;} #ficheimprimerbas{width:600px;top:28px;position:relative;display:block;height:9px;background: url(../images/fiche-imprimer-bas-1.png) no-repeat;} #ficheimprimeracheter{position:absolute;left:500px;top:30px;} #ficheimprimerimage{text-align:center;width:600px;position:relative;} #ficheimprimertitrehaut {position:relative;padding-top:12px;padding-bottom:22px;left:0px;color:#235DAA;font-size:18px;font-weight:bold;} #ficheimprimertitrehautlogo {position:absolute;top:0;width:200px;height:90px;left:2px} #ficheimprimertitrehautlib {position:absolute;top:0;left:220px;top:60px;} #ficheimprimertitrehautimp {position:absolute;top:0;left:500px;} .ficheimprimertitre{position:relative;padding-top:12px;padding-bottom:2px;left:10px;color:#235DAA;font-size:18px;font-weight:bold;} #ficheimprimer,#ficheimprimer a {position:relative;text-align:right;font-size:16px;color:#235DAA;font-weight:bold;} .ficheimprimertext{width:500px;position:relative;left:20px;padding-right:2px; color:#000000;font-size:12px;} /*Envoyer a un ami*/ #catenvoyeraunami{width:950px;margin: 0 auto;height:auto;position:relative;top:-25px;} .envoyeraunami{background: url(../images/envoyeraunami.png) no-repeat;} .ligneami{width:413px;position:relative;left:50px;} .amititre{width:40%;position:relative;top:10px;height:19px;} .amichamp{width:60%;position:relative;top:-10px;left:180px;height:19px;} #titreinfoenvoyeraunami{position:relative;margin: 0 auto;top:10px;z-index:2;width:210px;font-size:16px; font-weight:bold; color:#FFF;} #amichamp input{border: 1px solid #CC0000;} #precedent{position:absolute;left:8px;height:26px;width:26px;} #suivant{position:absolute;left:432px;height:26px;width:26px;} /*Produit zoom a.info {position:relative;} a.info:hover {background: none;z-index: 900;} a.info span {display: none;} a.info:hover span {display: inline;position: absolute;white-space: nowrap;font-size:10px;font-weight:normal;width:auto;top:-30px; /top:100px;left:60px;background:white;padding: 3px;border: 1px solid #5D779A;} */ /* ******************************************************** *********************** SUPPORT********************** ******************************************************** */ #supportcontent{width:950px;margin: 0 auto;height:auto;position:relative;top:-25px;} #support{width:500px;margin: 0 auto;height:auto;position:relative;left:20px;padding-bottom:15px;} .supporttitre{color:#333333;font-weight:bold;} /* ******************************************************** *********************** PLAN DU SITE********************** ******************************************************** */ #plansitecontent{width:950px;margin: 0 auto;height:auto;position:relative;top:-25px;} #plansite{width:500px;margin: 0 auto;height:auto;position:relative;left:20px;padding-bottom:15px;} #plandusitesgamme,#plandusitesgamme a{position:relative;left:20px;width:480px; color:#333333;font-weight:bold;} #plandusitessgamme,#plandusitessgamme a{position:relative;left:30px;width:470px; color:#333333;font-weight:bold;} #plandusiteslibelle,#plandusiteslibelle a{position:relative;left:40px;width:460px; color:#333333;font-weight:bold;} #plandusitesfiches, #plandusitesfiches a {position:relative;left:60px;width:440px; color:#333333;} #plandusitesenvoyeaunami,#plandusitesenvoyeaunami a {position:relative;left:60px;width:440px; color:#333333;} #plandusitesimprimier, #plandusitesimprimier a{position:relative;left:60px;width:440px; color:#333333;} /* ******************************************************** *********************** LEFT COLUMN + RIGHT COLUMN**** ******************************************************** */ #leftnav-content ul.menu {margin: 0;padding: 1px 0 0;list-style: none;} #leftnav-content ul.menu li {margin: 0 !important;padding: 0 !important;background: none !important;} #leftnav-content ul.menu li a {padding: 2px 0;display: block;color: #333333;text-decoration: none;outline: none;} #leftnav-content ul.menu li a span {padding-left: 16px;} #leftnav-content ul.menu li a:hover,#leftnav-content ul.menu li a:active,#leftnav-content ul.menu li a:focus {color: #333333;text-decoration: none;} #leftnav-content ul.menu li.active a {color: #7BA566;font-weight: bold;text-decoration: none;} #leftnav-content ul.menu li.active a span {background:none !important;} #leftnav-content ul.menu li li a span { background: none;} #leftnav-content ul.menu li ul {margin: 0;padding: 0; list-style: none;} #leftnav-content ul.menu li li {padding: 0 0 0 15px !important;list-style: none;} #leftnav-content ul.menu li li a {color: #333333;background: none !important;font-size: 92%;font-weight: normal;} #leftnav-content ul.menu li li a:hover,#leftnav-content ul.menu li li a:active,#leftnav-content ul.menu li li a:focus {color: #006699;} #leftnav-content ul.menu li li a span {font-weight: normal;} #leftnav {float: left;width: 24.99%; padding-top: 10px;overflow: hidden;position:absolute;top:0px;left:30px;} #rightnav {float: right;width: 20%;overflow: hidden;padding-top: 45px;} #leftnav table,#rightnav table {border-collapse: collapse;border-spacing: 0;} #leftnav ul li {padding-left: 15px; margin: 0;background: url(../images/bullet.gif) no-repeat 5px 50%;} #leftnav ul, #rightnav ul {margin: 0;} #leftnav ol, #rightnav ol {margin-left: 5px;} #leftnav .article_separator,#rightnav .article_separator {display: none;} div#leftnav div.moduletable_menu{border:none !important;margin-bottom:0px;padding-bottom:0px;} /* the header of the left menu */ #leftnav #leftnav-header{height:20px;width:100%;position:relative;top:2px;z-index:3;} /* the footer of the left menu */ #leftnav #leftnav-footer{height:20px;width:100%;margin-bottom:30px;} .inputbox:hover, .inputbox:focus {background: #e5eef9;} /*#ja-container a {color: #333;}*/ div#leftnav{position:relative;top:34px;margin-bottom:30px;width:161px !important;} #leftnav ul.menu li.active a span,#leftnav div.moduletable_menu ul{list-style: none !important;background:none;} #leftnav a{color:#FFF !important;font-weight:bold;font-size:14px;} #leftnav #leftnav-header{ /* for header of the leftmenu */background:url(../images/top.png) no-repeat;height:12px;} #leftnav #leftnav-footer{ /* for footer of the leftmenu */background:#FFF url(../images/bottom.png) no-repeat;height:12px;} div.moduletable_menu ul.menu li a{background:#B2B2B2 !important; /* for section */color:#FFF !important;} /* The current selection */ div.moduletable_menu #current,div.moduletable_menu #current a{/*background:# !important; for sections & subsections (active) */} div#leftnav .moduletable_menu ul.menu li.parent ul li#current a{background:#bedb34 !important;color:#B2B2B2 !important;} div.moduletable_menu ul li{border-top:solid 2px #D8DAD9 !important;} div.moduletable_menu ul li:first-child{border-top:none !important;} div.moduletable_menu ul li ul li{border-bottom:none !important;} div.moduletable_menu ul.menu li#current.parent ul li a,div.moduletable_menu ul.menu li.parent ul li a{background:transparent!important; /* for subsections link */} #leftnav div.moduletable_menu,div.moduletable_menu ul.menu li#current ul li{ /* for subsections (not active)*/background:#D8DAD9 !important;color:#FFFFFF !important;border:none;} #leftnav div.moduletable_menu ul.menu li li{padding:0px !important;} #leftnav div.moduletable_menu ul.menu li li a:active,#leftnav div.moduletable_menu ul.menu li li a:hover,#leftnav div.moduletable_menu ul.menu li li a{color:#B2B2B2 !important;font-size:12px;font-weight:bold;} /* TOP VENTES DROIT */ #questionreponseFR{position:relative;background:url(../images/FR/fond-question2.png) no-repeat;width:167px;height:60px;z-index:1;} #questionreponseENG{position:relative;background:url(../images/ENG/fond-question2.png) no-repeat;width:167px;height:60px;z-index:1;} #titretopventedroitFR{position:absolute;background:url(../images/FR/titre-top-ventes.png) no-repeat;width:165px;height:45px;z-index:1;top:105px;} #titretopventedroitENG{position:absolute;background:url(../images/ENG/titre-top-ventes.png) no-repeat;width:165px;height:45px;z-index:1;top:105px;} #topventedroit{margin:0;padding:0;width:165px;height:auto;list-style-type:none;background-color:#FFFFFF;color:#000000;line-height:120%;} #topventedroit a{display:block;font-weight:normal;text-decoration:none;} #topventedroit ul{overflow: hidden;text-align:center;height:163px;margin:0;padding: 0;} #topventedroit li{margin:0;padding:0;list-style-type:none;} #topventedroit li a{} #topventedroit li.firstitem a.opened{color:#FFFFFF;text-decoration:underline;text-align:left;font-size:11px;font-weight:bold;height:31px; padding-top:60px;padding-left:10px; background:url(../images/selection_fondtitre-active.png) no-repeat;} #topventedroit li.firstitem a.closed{color:#FFFFFF;text-align:left;font-size:11px;font-weight:bold;height:31px; padding-top:60px;padding-left:10px; background-image:url(../images/selection_fondtitre.png) !important;} #topventedroit li a.opened{color:#FFFFFF;text-decoration:underline;text-align:left;font-size:11px;font-weight:bold;height:30px;padding-top:5px;padding-left:10px;background-image:url(../images/selection_fondmilieu-active.png);} #topventedroit li a.closed{color:#FFFFFF;text-align:left;font-size:11px;font-weight:bold;height:30px;padding-top:5px;padding-left:10px;background-image:url(../images/selection_fondmilieu.png) !important;} #topventedroit li.lastitem a.opened{color:#FFFFFF;text-decoration:underline;text-align:left;font-size:11px;font-weight:bold;height:40px;padding-top:7px;padding-left:10px;background-image:url(../images/selection_fondbas-active.png);} #topventedroit li.lastitem a.closed{color:#FFFFFF;text-align:left;font-size:11px;font-weight:bold;height:40px;padding-top:7px;padding-left:10px;background-image:url(../images/selection_fondbas.png) !important;} #topventedroit li li{padding:0 0 0 0;} #topventedroit li.lastitem li{margin-bottom:-4px;} #topventedroit li.firstitem ul{background:url(../images/selection-centre-blanc.png);background-repeat:no-repeat; } #topventedroit li ul{background-image:url(../images/selection-centre-blanc.png);background-repeat:no-repeat; } #topventedroit li.lastitem ul{background-image:url(../images/selection-footer-blanc.png);background-repeat:no-repeat;background-position:bottom;bottom:-4px;} ul li {line-height: 180%;} #topventedroit li li{height:163px;} /* #topventeDroit a{display:block;font-weight:normal;text-decoration:none;} #topventeDroit ul{overflow: hidden;margin:0;padding:0;} #topventeDroit li{margin:0;padding:0;list-style-type:none;} #topventeDroit li a{width:160px;padding:5px 0 0 12px;display:block;color:#000000;background-image:url(../images/selection_fondmilieu-active.jpg);height:25px;} #topventeDroit li a.closed{color:#000000 !important;background-image:url(../images/selection_fondmilieu-active.jpg) !important;} #topventeDroit li.firstitem a.closed{color:#000000 !important;background-image:url(../images/ha-header-first.jpg) !important;} #topventeDroit li.lastitem a.closed{color:#000000 !important;background-image:url(../images/ha-header-last.jpg) !important;} #topventeDroit li li{border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;padding:0 15px 0 15px;height:165px;} #topventeDroit li a.opened{background-image:url(../images/ha-header-active.jpg);color:#FFFFFF;} #topventeDroit li.firstitem a.opened{background-image:url(../images/ha-header-first-active.jpg);color:#FFFFFF;} #topventeDroit li.lastitem li{margin-bottom:-4px;} #topventeDroit li.lastitem ul{background-image:url(../images/selection_fondbas.jpg);background-repeat:no-repeat;background-position:bottom;padding-bottom:4px;} */ /* * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "css/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } */ /* Clearfix */ .clearfix:after {clear: both;display: block; content: ".";height: 0; visibility: hidden;} * html > body .clearfix {width: 100%;display: block;} * html .clearfix { height: 1%;} /* Firefox Scrollbar Hack - Do not remove */ html {margin-bottom: 1px; height: 100%!important; height: auto;} /* ******************************************************** *********************** PANIER*************************** ******************************************************** */ #panierarticlecontent{width:950px;margin: 0 auto;height:auto;position:relative;top:-25px;} #panierarticle{width:500px;margin: 0 auto;height:auto;position:relative;left:18px;padding-bottom:35px;} #etape {width:472px;display:block; position:relative; float:left; top:0px; left:0px; height:47px;background:url(../images/etape1.jpg) no-repeat;} #etape2 {width:472px;display:block; position:relative; float:left; top:0px; left:0px; height:47px;background:url(../images/etape2.jpg) no-repeat;} #etape3 {width:472px;display:block; position:relative; float:left; top:0px; left:0px; height:47px; background:url(../images/etape3.jpg) no-repeat;} #etape4 {width:472px;display:block; position:relative; float:left; top:0px; left:0px; height:47px;background:url(../images/etape4.jpg) no-repeat;} /* #etape .pan, #etape2 .pan , #etape3 .pan, #etape4 .pan { padding-left:0px; } #etape .pan-in, #etape2 .pan-in, #etape3 .pan-in ,#etape4 .pan-in { padding-left:0px; color:#1957A9; } #etape .coord, #etape2 .coord, #etape3 .coord, #etape4 .coord { padding-left:45px; } #etape .coord-in, #etape2 .coord-in, #etape3 .coord-in, #etape4 .coord-in { padding-left:45px; color:#1957A9; } #etape .paie, #etape2 .paie, #etape3 .paie, #etape4 .paie { padding-left:56px; } #etape .paie-in, #etape2 .paie-in, #etape3 .paie-in, #etape4 .paie-in { padding-left:56px; color:#1957A9; } #etape .conf, #etape2 .conf, #etape3 .conf, #etape4 .conf { padding-left:70px; } #etape .conf-in, #etape2 .conf-in, #etape3 .conf-in, #etape4 .conf-in { padding-left:8px; color:#1957A9; } */ #contentpanier {display:block; position:relative; top:0px; left:0px; width:472px;min-height:100% !important;} #contentpanier .ligne {clear:both; display:block; position:relative; height:100% !important;} #contentpanier .btexte {color:#000000;} #contentpanier .btexteprix {color:#2059A5;} #contentpanier .btexte a{color:#2059A5;text-decoration:none;font-size:14px;} #contentpanier .btexteprixtotal {color:#2059A5;font-size:14px;} #contentpanier .btextemontanttotal {color:#000000;font-size:14px;} #contentpanier .btextecrossselling{color:#000000;font-size:14px;} #contentpanier .ligne .article { display:block; position:relative; float:left; width:170px; padding-left:0px; padding-right:25px;} #contentpanier .ligne .quantite { display:block; position:relative; float:left; width:90px; padding-left:5px; padding-right:0px;} #contentpanier .ligne .prix { display:block; position:relative; float:left; width:80px; padding-left:5px; padding-right:5px; text-align:right;} #contentpanier .ligne .prixtotal { display:block; position:relative; float:left; width:80px; padding-left:5px; padding-right:5px;text-align:right;} #contentpanier .ligne .quantite input { width:20px; border-color:#4c4c4c; border:solid 1px; } #contentpanier .ligne .quantite .recalculer { float:left; display:block; position:absolute; top:0px; left:30px; height:14px; padding-left:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c; } #contentpanier .ligne .quantite .supprimer {float:left; display:block; position:absolute; top:0px; left:60px; height:14px; padding-left:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c; } #contentpanier .ligne .quantite .supprimer a { text-decoration:none; color:#004E93; } #contentpanier .ligne .quantite .supprimer a:hover { text-decoration:underline; color:#004E93; } #contentpanier .ligne .intitaddition { display:block; position:relative; float:left; width:160px; padding-left:200px;} #contentpanier .ligne .addition { display:block; position:relative; float:left; width:105px; text-align:right;} #contentpanier .ligneTTC {top:10px; clear:both; display:block; position:relative; float:left;width:472px; background-color:#B2B2B2;} #contentpanier .ligneTTC .intitaddition {display:block; position:relative; float:left; width:160px; padding-left:200px;} #contentpanier .ligneTTC .addition {display:block; position:relative; float:left; width:105px;text-align:right;} /* ******************************************************** *********************** Cross-Selling********************** ******************************************************** */ #contentpanier .ligneCrossSelling {clear:both; display:block; position:relative; float:left;width:472px; background-color:#B2B2B2;top:20px;} #contentpanier .crossSelling {position:relative;display:block;width:472px;top:20px; clear:both; } .crossSelling #CSproduit1{position:relative;display:block;width:160px;left:30px;clear:both;} .crossSelling #CSproduit2{position:absolute;display:block;width:160px;top:0px;left:290px;clear:both; } .crossSelling #separation{position:absolute;height:130px;top:10px;left:250px;border-left:1px solid #B2B2B2;} .crossSelling .CSimage {position:relative;display:block;width:160px;clear:both; } .crossSelling .CSlibelle {position:relative;display:block;width:160px;clear:both;text-align:center; } .crossSelling .CSlibelle a{color:#2B64BE;text-decoration:none;} .crossSelling .CSprix {position:absolute;display:block;width:60px;height:25px;left:100px;top:70px;clear:both;background: url(../images/fond-prix-cross-selling-orange.png) no-repeat;text-align:center; } .CSprix .prixpdtprod {position:relative;text-align:center;font-size:18px;font-weight:bold; color:#FFFFFF;} .CSprix .europdtprod {position:relative;font-size:10px;top:-4px; vertical-align:top;font-weight:bold; color:#FFFFFF;} .crossSelling .CSacheter {position:relative;display:block;width:160px;clear:both;text-align:right; } #contentpanier .ligne .continuer { float:left; display:block; position:relative; top:0px; left:10px; width:160px; height:20px; padding-left:20px; padding-top:8px; } #contentpanier .ligne .commander { float:left; display:block; position:relative; top:0px; left:88px; width:160px; height:20px; padding-left:20px; padding-top:8px; } #contentpanier .ligne .continuer a, #contentpanier .ligne .commander a { text-decoration:none; color:#2059A5; } #contentpanier .ligne .continuer a:hover, #contentpanier .ligne .commander a:hover { text-decoration:underline; color:#2059A5;} #contentpanier .ligne .valider { float:left; display:block; position:relative; top:0px; left:262px; width:200px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#004E93;} #contentpanier .ligne .valider a, #contentpanier .ligne .valider a { text-decoration:none; color:#004E93;font-size:14px; } #contentpanier .ligne .valider a:hover, #contentpanier .ligne .valider a:hover { text-decoration:underline; color:#004E93;font-size:14px; } #contentpanier .ligne .confirmation { display:block; position:relative; float:left; width:742px;} #contentpanier .ligne .imprimer { float:left; display:block; position:relative; top:0px; left:400px; width:180px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c;} #contentpanier .ligne .imprimer a, #contentpanier .ligne .imprimer a { text-decoration:none; color:#16387c; } #contentpanier .ligne .imprimer a:hover, #contentpanier .ligne .imprimer a:hover { text-decoration:underline; color:#16387c; } #contentpanier .ligne .coordonnees { display:block; float:left; position:relative; width:480px; padding-left:20px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:0px; } #contentpanier .ligne .adresse {display:block; float:left; position:relative; width:480px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:30px; padding-left:20px;} #contentpanier .ligne .modedepaiement { display:block; float:left; position:relative; width:480px; padding-left:20px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:20px; } #contentpanier .ligne .bloc1 { float:left; display:block; position:relative; top:0px; left:0px; width:480px; padding-left:20px;} #contentpanier .ligne .bloc1 label { clear:both; float:left; display:block; position:relative; width:210px; text-align:left; padding-right:8px; margin-top:5px; font-size:13px; color:#4c4c4c; font-weight:bold; } #contentpanier .ligne .bloc1 .btradio { display:block; position:relative; float:left; width:35px; text-align:left; border:0; background:none; } #contentpanier .ligne .bloc1 .civilite {float:left; padding-top:5px;} #contentpanier .ligne .bloc1 .textconfirmation {float:left; padding-top:5px;} #contentpanier .ligne .bloc1 input { float:left; display:block; position:relative; width:200px; margin-top:5px; border:1px solid #d3d5d9; background-color:#f9fafa;} #contentpanier .ligne .bloc1 input:hover { background-color:#ffffff; border:1px solid #d3d5d9; } #contentpanier .ligne .bloc2 { float:left; display:block; position:relative; top:0px; left:0px; width:480px; padding-left:20px; } #contentpanier .ligne .bloc2 label { clear:both; float:left; display:block; position:relative; width:210px; text-align:left; padding-right:8px; margin-top:5px; font-size:13px; color:#4c4c4c; font-weight:bold; } #contentpanier .ligne .bloc2 .btradio { display:block; position:relative; float:left; width:30px; } #contentpanier .ligne .bloc2 .textconfirmation {float:left;padding-top:5px;} #contentpanier .ligne .bloc2 input { float:left; display:block; position:relative; width:200px; margin-top:5px; border:1px solid #d3d5d9; background-color:#f9fafa; } #contentpanier .ligne .bloc2 input:hover { background-color:#ffffff; border:1px solid #d3d5d9; } #contentpanier .ligne .boutradio { display:block; position:relative; float:left; width:100%; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-left:15px; } #contentpanier .ligne .boutradio a{ font-size:13px; color:#4c4c4c; font-weight:bold;text-decoration:underline;} #contentpanier .ligne .poursuivre { float:left; display:block; position:relative; top:20px; left:240px; width:180px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c;} #contentpanier .ligne .poursuivrehaut { float:left; display:block; position:relative; top:0px; left:380px; width:150px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c;} #contentpanier .ligne .poursuivre a { text-decoration:none; color:#16387c; } #contentpanier .ligne .poursuivre a:hover { text-decoration:underline; color:#16387c; } #contentpanier .ligne .boutchamps { display:block; position:relative; float:left; width:100%; height:20px; padding-left:15px; top:30px; } /** Champs obligatoir**/ .champobligatoir {font-weight:bold;position:relative;top:-2px;left:2px;font-size:13px; color:red; } .champobligatoirblanc {font-weight:bold;position:absolute;top:0px;left:110px;font-size:13px; color:#FFF; } /**Coin arrondie*/ h1{ font-size : 14pt; margin : 0%; } acronym{ cursor : help; } pre{ margin : 0%; } /* fr : Voila le truc */ /* en : Here is the trick*/ /* fr : Ce DIV agit egalement en tant que conteneur */ /* en : This DIV also acts as a container*/ .upperleft{ width : 55%; margin-left : auto; margin-right : auto; background-color : #C0C0C0; background-image : url('../images/upperleft.png'); background-repeat : no-repeat; background-position : top left; } .upperright{ background-image : url('../images/upperright.png'); background-repeat : no-repeat; background-position : top right; } .lowerleft{ background-image : url('../images/lowerleft.png'); background-repeat : no-repeat; background-position : bottom left; } .lowerright{ background-image : url('../images/lowerright.png'); background-repeat : no-repeat; background-position : bottom right; padding : 3% 3% 3% 3%; } /* call me*/ #choosehowToContact{display:none;background:#FFF url(http://www.voipgate.com/site/images/store/background.png) no-repeat 0% 100%;position:absolute;top:50%;left:50%;margin-top:-175px;margin-left:-200px;z-index:9000;width:400px;height:350px;padding:5px;border:solid 5px #1755AA;} .closeC2C{position:absolute;cursor:pointer;top:5px;right:5px;text-align:center;font-weight:bold;width:18px;height:20px;border:solid 2px #1755AA;background:#A8B9CF;color:#FFF;} .closeC2C:hover{background:#D1DEEF;} div.btn{text-align:center;} div.bloc{font-size:14px;} #webphone a{background:url(http://www.voipgate.com/site/images/store/webphoneButton.png) no-repeat;display:block;width:116px;height:61px;margin:0 auto;position:relative;left:5px;} .openC2C{cursor:pointer;} #webphone a:hover{background:url(http://www.voipgate.com/site/images/store/webphoneButtonOver.png) no-repeat;} #c2cMask{z-index:8999;display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:#000;} /*Support*/ ul.calllist li{clear:both;} ul.calllist li .country{width:100px;display:block;} ul.calllist li .callnumber{font-weight:bold;width:220px;display:block;float:right;} ul.calllist li .callprice{font-size:80%;display:block;float:right;} .hotlinedispo{color:#888;font-size:90%;}