/*CSS Commun (public et secure)*/ /*******************************************/ /* Unify (reset) browsers styles */ /*******************************************/ pre, code, h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1em; font-weight:normal} ol, ul { list-style: none} table { border-collapse: collapse;border-spacing: 0} caption, th, td {text-align: left;font-weight: normal} * { border-style: none; border-color: inherit; border-width: 0; padding: 0; margin: 0; } /* White space */ a img, :link img, :visited img { border: 0} /* remove blue border */ table img,table object, #foCooliris {vertical-align:top;line-height:0.5em} img{vertical-align:top} a:hover, a:active { outline: none} /***************************************/ /* Global styles */ /***************************************/ html{ font-size: 62.5%; overflow-y: scroll; /* always force a scrollbar in non-IE */ } body { font : 1.2em/1.5em arial,verdana,geneva,helvetica,sans-serif; background: #f0f0f0 /*url(/v3/img/general/bg-site.gif) center top repeat-x*/; color: #141414; background-position:center top; } /* noel */ .noel_home {background-image:url(/v3/img/general/habillage-home.jpg)!important; background-repeat: no-repeat!important;} ol { list-style-type: decimal-leading-zero; list-style-position:inside} p { margin:0;padding:0} a { color: #00288c; text-decoration: none} a:hover { text-decoration: underline} td { padding: 0 0} th { font-weight:bold; padding: 0 .3em} sup { font-size:0.7em;vertical-align:0.35em;font-weight:bold;/*vertical-align: middle; position: relative; top: -0.3em;font-weight:bold;font-size:0.7em;*/ } input, select { font: 1.1em arial,geneva,helvetica,sans-serif; color: #000; background-color: #fff; border: 1px solid #e1e1e1; } input[type=radio], input[type=checkbox], .AspNet-RadioButtonList input {border:0;} input[type=image] { padding:0} .cb input {border:0;background:transparent} hr { display: block; height: 0; margin: 10px 0; border-top: 1px dotted #444} input{ padding:0 2px;} input:focus, select:focus { } textarea { background-color: #fff; color: #000; border:1px solid #e1e1e1; resize:bu} input[type=text], input[type=password] { font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; height:36px; line-height:34px; padding:0 10px; font-style:normal; border: 1px solid #e1e1e1; color:#141414; font-size:14px; margin:5px; display:inline-block; vertical-align:middle; } input.margin0 {margin-left:0; margin-right:0;} .inputButton { font-size:0; display:inline; } .inputButton input{ margin-right:-1px; } input:focus { border: 1px solid #00288c; } input.error { border: 1px solid red; } .dynamicvalidator {color:red!important; } input[placeholder] { color:#646464; } input[placeholder]:focus { color:#141414; } select {font-family:Arial; font-size:14px; color:#141414; height:36px; border:1px solid #e1e1e1;} select option {font-family:Arial; font-size:14px; color:#000; height:36px; padding:10px; box-sizing:border-box; } select option:focus {background:#DCEBF5;} .dropdown {font-size:14px; position:relative; cursor:pointer;} .dropdown input {background:#fff url("/v3/img/general/ico-fleche-bleu-bas.svg") no-repeat right 10px bottom 50% / 12px 6px; height:36px; margin:0; color:#141414; padding: 0 28px 0 10px; font-family:Arial; font-size:14px; width:100%; cursor:pointer; line-height:36px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */} .dropdown input:focus {border:1px solid #00288c; line-height:36px;} .dropdown .vflFlyout {border:1px solid #00288c; background-color:#fff;z-index:10;visibility:hidden;position:absolute;cursor:pointer;/*min-width:220px;*/max-height:362px; box-sizing:border-box; overflow-y:auto; min-width:100%; margin-top:-1px;} .dropdown .vflFlyout li {padding: 0 10px; font-size:14px;position:relative; white-space:nowrap; height:36px; box-sizing:border-box; line-height:36px; display:block; text-align:left; clear:both; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */} .dropdown .vflFlyout li input {margin:0 5px; padding:0; height:auto; width:auto; background:none; border:none; position:relative; left:-5px; top:12px; float:left;} .dropdown .vflFlyout .item {} .dropdown .vflFlyout .selected {background:#DCEBF5;} .dropdown .vflFlyout .highlighted {background:#f2f2f2;} .dropdown .vflFlyout .selhighlighted {background:#DCEBF5;} .dropdown .vflFlyout .disabled {font-style:italic;background-color:#dcdcdc;} .dropdown .vflFlyout .disabled.level0 {padding-left:0;background-color:#0096CA;color:#FFFFFF;} .dropdown .vflFlyout .close {text-align:center; padding:10px!important; box-sizing:content-box; cursor:default;} .dropdown.ddl .vflFlyout .close {display:none;} /* Liste déroulante des magasins */ .franchiseStoreList input {cursor:default; padding-right:20px;} .franchiseStoreList .fslFlyout {border:1px solid #00288c; margin-top:-1px; background-color:#fff;z-index:10;display:none;position:absolute;cursor:default; width:100%; box-sizing:border-box;} .franchiseStoreList .fslFlyout li {padding:0px 10px; font-size:14px; height:36px; line-height:36px; position:relative;white-space:nowrap; } .franchiseStoreList .fslFlyout li input {margin:0;padding:0;height:auto;width:auto;background:none;border:none;position:relative;left:-10px;top:1px;line-height:36px;} .franchiseStoreList .fslFlyout li .storeName {float:left; display:block; } .franchiseStoreList .fslFlyout li .dispoBoutique { text-transform:uppercase;padding-left:10px; } .franchiseStoreList .fslFlyout li .dispoBoutique.d09 { } .franchiseStoreList .fslFlyout li .dispoBoutique.d02 { color:#019702; font-weight:bold; } .franchiseStoreList .fslFlyout .selected {background:#DCEBF5;} .franchiseStoreList .fslFlyout .selected .dispoBoutique.d02 {} .franchiseStoreList .fslFlyout .highlighted {background:##f2f2f2;} /*.franchiseStoreList .fslFlyout .selhighlighted {background:#DCEBF5;}*/ /* Liste déroulante des vues stocks */ .franchiseStockViewList {display:inline-block; position:relative; margin-left:5px;} .franchiseStockViewList .fslFlyout {border:1px solid #00288c; margin-top:-1px; background-color:#fff; z-index:10;display:none;position:absolute;cursor:default; top:36px; left:0;} .franchiseStockViewList .fslFlyout li {position:relative; white-space:nowrap; text-align:left; padding:0px 10px; font-size:14px; height:36px; line-height:36px; } .franchiseStockViewList .fslFlyout li.center {text-align:center;} .franchiseStockViewList .fslFlyout li.selected {background:#DCEBF5;} .franchiseStockViewList .fslFlyout li.highlighted {background:#f2f2f2;} .franchiseStockViewList .fslFlyout li.close {background:#fff; text-align:center; padding:10px; box-sizing:content-box; cursor:default;} .helpError {color:#646464; font-size:14px; padding-left:10px; font-style:italic;} /* @font-face { font-family: 'DINPro'; font-weight: normal; font-style: normal; src: url('http://www.local-dev.com//v3/img/typo/dinpro-light-webfont.eot'); src: url('http://www.local-dev.com//v3/img/typo/dinpro-light-webfont.eot?iefix') format('embedded-opentype'), url('http://www.local-dev.com//v3/img/typo/dinpro-light-webfont.woff') format('woff'), url('http://www.local-dev.com//v3/img/typo/dinpro-light-webfont.ttf') format('truetype'), url('http://www.local-dev.com//v3/img/typo/dinpro-light-webfont.svg#webfontyPOP2b0e') format('svg'); } @font-face { font-family: 'DINPro'; font-weight: bold; font-style: normal; src: url('http://www.local-dev.com//v3/img/typo/dinpro-bold-webfont.eot'); src: url('http://www.local-dev.com//v3/img/typo/dinpro-bold-webfont.eot?iefix') format('embedded-opentype'), url('http://www.local-dev.com//v3/img/typo/dinpro-bold-webfont.woff') format('woff'), url('http://www.local-dev.com//v3/img/typo/dinpro-bold-webfont.ttf') format('truetype'), url('http://www.local-dev.com//v3/img/typo/dinpro-bold-webfont.svg#webfonttKWe43Xx') format('svg'); } */ .lblConnexionError { font-weight:bold; color:#FF0000; margin:3px auto; padding:3px; } /**************************************/ /* Clear Floats */ /**************************************/ /* FF, O... */ .clearfix:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block} /* IE7xhtml*/ html[xmlns] .clearfix { display: block} /* O */ * html .clearfix { height: 1%} /* IE5/6 */ .clear {clear:both} /**************************************/ /* Images replacement */ /**************************************/ .lir { background-repeat: no-repeat; overflow: hidden; height: 0 !important; } /**************************************/ /* Round borders / Shadows */ /**************************************/ .rounded, .rounded2 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;position:relative;z-index:1} .roundedUp, .rounded2Up { -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;position:relative;z-index:1 } .roundedDown, .rounded2Down { -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;position:relative;z-index:1 } .roundedbutton { -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;position:relative;z-index:1} .rounded_t { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;position:relative;z-index:1} .rounded_b { -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 3px 3px;position:relative;z-index:1} .rounded_br { -moz-border-radius:0 0 3px 0; -webkit-border-radius:0 0 5px 0; border-radius:0 0 3px 0;position:relative;z-index:1} .norounded { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;position:relative;z-index:1} .shadow, .shadow2 { -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.5);-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.5);box-shadow: 4px 4px 8px rgba(0,0,0,.5)} .shadow_l { -moz-box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.15) ;box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.15);} .shadow_t { -moz-box-shadow: 0 15px 15px -15px rgba(0,0,0,.2) inset;-webkit-box-shadow: 0 15px 15px -15px rgba(0,0,0,.2) inset;box-shadow: 0 15px 15px -15px rgba(0,0,0,.2) inset} .shadow_t2 { -moz-box-shadow: 0px -3px 3px -1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px -3px 3px -1px rgba(0, 0, 0, 0.2);box-shadow: 0px -3px 3px -1px rgba(0, 0, 0, 0.2);} /**************************************/ /* Boutons texte + icone */ /**************************************/ /*a.button { background: transparent no-repeat 0 0; margin: 2px 0; text-decoration: none; text-align:center; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; } a.button span { background: transparent no-repeat 100% 0; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; padding: 0 8px 0 3px; white-space:nowrap; color: #ffffff; font: bold 1em arial, sans-serif; cursor:pointer; } a.button.bleu, a.button.validate { font-size:12px; padding: 0 0 0 5px; background-color: rgba(0,40,140,0.90);} a.button.bleu span, a.button.validate span {height:22px; line-height:22px; background-image: url(/v3/img/boutons/bt-bleu-slide.gif);color:#fff;text-transform:uppercase} a.button.smallBleu { font-size:10px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-bleu-petit-left.gif)} a.button.smallBleu span {height:18px; line-height:18px; background-image: url(/v3/img/boutons/bt-bleu-petit-slide.gif);color:#fff;text-transform:uppercase} a.button.commander { font-size:14px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-commander-left.gif)} a.button.commander span {height:24px; line-height:24px; padding-right:20px; background-image: url(/v3/img/boutons/bt-commander-slide.gif);color:#141414;text-transform:uppercase} a.button.commander2 { font-size:14px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-tunnel-left.gif)} a.button.commander2 span { font-weight:bold; height:34px; line-height:34px; padding-right:20px; background-image: url(/v3/img/boutons/bt-tunnel-slide.gif);color:#141414;text-transform:uppercase; font-size:16px} a.button.commander3 { width:148px; height:22px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-packs.gif); padding:0 !important} a.button.commander3 span { width:148px; height:22px; font-weight:bold; background-image: url(/v3/img/boutons/bt-packs.gif); padding:0 !important} a.button.commander4 { font-size:14px; padding: 0 0 0 5px; background-image: url(/v3/img/panier/bt-tunnel-left.gif)} a.button.commander4 span { font-weight:bold; height:34px; line-height:34px; padding-right:20px; background-image: url(/v3/img/panier/bt-tunnel-slide.gif);color:#141414;text-transform:uppercase; font-size:16px} a.button.commander4.inactif {background-position: 0 100%;} a.button.commander4.inactif span {background-position: 100% 100%; color: #7e7e7e;} a.button.large { height:28px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-bleu-grand-left.gif); padding:0 !important} a.button.large span { line-height:28px; margin-left:5px; margin-right:5px; height:28px; font-weight:bold; background-image: url(/v3/img/boutons/bt-bleu-grand-slide.gif); padding:0; padding-right:10px; padding-left:5px; font-size:14px} a.button.little { padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-bleu-petit-left.gif); padding:0 !important} a.button.little span { line-height:18px; margin-left:5px; margin-right:5px; height:18px; font-weight:bold; background-image: url(/v3/img/boutons/bt-bleu-petit-slide.gif); padding:0; padding-right:5px; font-size:10px} a.button.generique { height:22px; line-height:18px; font-size:12px; padding: 0 12px 0 0; background-image: url(/v3/img/boutons/bt-generique-left.gif)} a.button.generique span { height:21px; line-height:18px; background-image: url(/v3/img/boutons/bt-generique-slide.gif)} a.button.larger { height:28px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-bleu-grand-left.gif); padding:0 !important} a.button.larger span { line-height:28px; margin-left:5px; margin-right:5px; height:28px; font-weight:bold; background-image: url(/v3/img/boutons/bt-bleu-larger-slide.gif); padding:0; padding-right:10px; padding-left:5px; font-size:14px} */ a.button_tri { background: transparent none no-repeat scroll 0 0; display: inline-block; text-align: center; text-decoration: none; vertical-align: middle; } /* nouveau */ /* STYLE GENERAL DES BOUTONS */ .button {display:inline-block;padding:0 10px;font-family:'DINPro';font-size:16px;font-weight: bold;text-transform: uppercase;text-decoration: none;margin:5px;height:36px;box-sizing:border-box;-webkit-font-smoothing: antialiased; position:relative; min-width:42px;vertical-align:middle;cursor:pointer;} .button:hover { -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; text-decoration: none; } .button:hover:after, .button:hover:before { /*-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;*/ opacity:1; } a.button:hover, a.button:active, a.button:focus {outline: 0;} .saisie {padding:0 10px; font-family:'DINPro'; font-size:16px;} .mini {height:28px;} .maxi {height:44px;font-size:20px; padding: 0 15px;} .button.left {margin-left:0;} .button.right {margin-right:0;} .signBefore::before {content:"‹ ";opacity:0.5;} .signAfter::after {content:" ›";opacity:0.5;} .outline.signBefore::before {opacity:1;} .outline.signAfter::after {opacity:1;} .button.disabled.full {background-color:#E1E1E1!important; color:#646464!important;} .button.disabled.outline {background-color:none; color:#646464!important; border:1px solid #646464!important;} .button.disabled:hover {cursor:default;} .button img {margin: 9px 7px 0 1px;} .button.mini img {margin: 5px 6px 0 3px;} .button.maxi img {margin: 13px 6px 0 3px;} .button.full{line-height:36px;} .button.outline{line-height:34px;} .button.maxi.full{line-height:44px;} .button.maxi.outline{line-height:42px;} .button.mini.full{line-height:28px;} .button.mini.outline{line-height:26px;} .button.outline.color1 {border:1px solid #00278b; background-color:none; color: #00278b; text-shadow: 0 0 0px rgba(0,40,140,0.4);} .button.outline.color1:hover {color:#fff; background-color:rgba(0,40,140,1); text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.outline.color2 {border:1px solid #fff; background-color:none; color: #fff; text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.outline.color2:hover {background-color:rgba(255,255,255,1); color:#141414; text-shadow: 0 0 0px rgba(20,20,20,0.4);} .button.outline.color3 {border:1px solid #141414; background-color:none; color:#141414; text-shadow: 0 0 0px rgba(0,0,0,0.4);} .button.outline.color3:hover {background-color: rgba(20,20,20,1); color:#fff; text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.outline.color4 {border:1px solid #FFC800; background-color:none; color: #FFC800; text-shadow: 0 0 0px rgba(255,200,0,0.4);} .button.outline.color4:hover {color:#401A00; background-color:rgba(255,200,0,1); text-shadow: 0 0 0px rgba(64,26,0,0.4);} .button.outline.color5 {border:1px solid #e61e00; background-color:none; color: #e61e00; text-shadow: 0 0 0px rgba(230,30,0,0.4);} .button.outline.color5:hover {color:#fff; background-color:rgba(230,30,0,1); text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.outline.color6 {border:1px solid #009600; background-color:none; color: #009600; text-shadow: 0 0 0px rgba(0,150,0,0.4);} .button.outline.color6:hover {color:#fff; background-color:rgba(0,150,0,1); text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.full.color1 {background-color:#00278b; color:#fff; text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.full.color1:hover {background-color:rgba(0,40,140,0.85);} .button.full.color2 {background-color:#fff; color:#141414; text-shadow: 0 0 0px rgba(20,20,20,0.4);} .button.full.color2:hover {background-color:rgba(255,255,255,0.85);} .button.full.color3 {background-color:#141414; color:#fff; text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.full.color3:hover {background-color:rgba(20,20,20,0.85);} .button.full.color4 {background-color:#FFC800; color:#401A00; text-shadow: 0 0 0px rgba(64,26,0,0.4);} .button.full.color4:hover {background-color:rgba(255,200,0,0.85);} .button.full.color5 {background-color:#e61e00; color:#fff; text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.full.color5:hover {background-color:rgba(230,30,0,0.85);} .button.full.color6 {background-color:#009600; color:#fff; text-shadow: 0 0 0px rgba(255,255,255,0.4);} .button.full.color6:hover {background-color:rgba(0,150,0,0.85);} /* .productListing th a.bt{height:14px; line-height:15px; padding-right:16px;background: url(/v3/img/general/bt-inverser.gif) 100% 0 no-repeat; display:inline-block} .productListing th a.state0 {padding-right:0; background:none;} .productListing th a.state1 {} .productListing th a.state2 {background-position:100% 100%} */ .productListing th a.bt{height:14px; line-height:15px; padding-right:25px; background: right 10px bottom 50% / 12px 6px no-repeat; display:inline-block; margin-bottom:15px;} .productListing th a.state0 {background-image:url(/v3/img/general/tri-sens-bas-gris.svg);} .productListing th a.state1 {background-image:url(/v3/img/general/tri-sens-haut-bleu.svg);} .productListing th a.state2 {background-image:url(/v3/img/general/tri-sens-bas-bleu.svg);} /*a.button.bleuclair {height:18px; line-height:18px; font-size:11px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-clairs-left.gif)} a.button.bleuclair span {height:18px; line-height:18px; background-image: url(/v3/img/boutons/bt-clairs-slide.gif);color:#00288c;text-transform:uppercase;font-weight:normal} a.button.bleulien {height:22px; line-height:22px; font-size:12px; padding: 0 0 0 5px; background-image: url(/v3/img/boutons/bt-bleu-left.gif)} a.button.bleulien span {height:22px;line-height:22px;background-image: url(/v3/img/boutons/bt-bleu-slide-lien.gif);color:#fff;text-transform:uppercase;font-weight:bold;padding-right:20px}*/ /**************************************/ /* Boutons +/- /**************************************/ .numUpDownContainer {margin:0.8em} .numUpDownInput {width:35px;height:20px;padding-top:2px;text-align:center} a.numUpDown { padding-top:11px;width:11px;display:-moz-inline-block;display:-moz-inline-box; display:inline-block !important} a.numUpDown.plus { background:url(/v3/img/general/ico-plus.gif) no-repeat 0 0} a.numUpDown.moins { background:url(/v3/img/general/ico-moins.gif) no-repeat 0 0} /**************************************/ /* Pagination /**************************************/ .pager {text-align:center; background-repeat:repeat-x;position:relative} .pagerWrapper {background-repeat:repeat-x; background-position:left bottom} .listingPager {padding-top:30px; display:block; font-size:16px;} .pagerSelect {float:right} .pagerSelect label {font-size:.9em;font-style:italic;padding-right:.5em} .pagerPreviousItem, .pagerNextItem, .pagerFirstItem, .pagerLastItem {text-decoration:none; border:1px solid #e1e1e1; box-sizing:border-box; height:36px; line-height:36px; min-width:40px; font-weight:bold; display:inline-block; color:#3c3c3c;} .pagerFirstItem, .pagerLastItem {display:none;} .pagerPreviousItem:hover, .pagerNextItem:hover, .pagerFirstItem:hover, .pagerLastItem:hover {text-decoration:none; color:#3c3c3c; background:rgba(0,0,0,0.05);} .pagerPreviousItem, .pagerFirstItem {margin-right:15px;} .pagerNextItem, .pagerLastItem {margin-left:15px;} .pagerFirstPreviousGroup, .pagerLastNextGroup {/*position:absolute; top:30px;*/ display:inline-block;} .pagerFirstPreviousGroup {/*left:199px;*/} .pagerLastNextGroup {/*right:199px;*/} .pagerItems {display:inline-block;} .pager li {display:inline-block;} .pager li:first-child {} .pager li:last-child {border-right: 1px solid #e1e1e1;} .pager li {border-top:1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; box-sizing: border-box; height: 36px; min-width:40px; line-height: 36px; margin: 0px; font-weight:bold;} .pager li a {color: #3c3c3c; display: inline-block; height: 36px; line-height: 36px; text-decoration: none; min-width:40px;} .pager li a:hover {background:rgba(0,0,0,0.05);} .pager li.first {} .pager li.current {background:#00278b; border: 1px solid #00278b; display: inline-block; height: 36px; line-height: 36px; left:200px;} .pagerItems .pagerSelectedItem {color:#fff;} .pager.top { background-position:bottom left} .pager.bottom {margin-bottom:1px; min-height:70px;} /* Pager Nouveautes */ .topProductPager {font-size:.9em;line-height:1.2em} .topProductPager div {padding:.5em} .topProductPager a {display:block;text-decoration:underline} .topPrevious {float:left} .topNext {float:right} .topProductPager.top {display:none !important} /**************************************/ /* Chemin de fer /**************************************/ .divCheminDeFer {background:#e1e1e1; height:40px; margin-bottom:20px;} .cheminDeFer {height:40px; line-height:40px; width:958px; padding-right:35px; font-size:14px; color:#00288C; position:relative; z-index:5; margin:auto;} .cheminDeFer a {text-decoration:none;} .cheminDeFer li {float:left; background:url(/v3/img/general/chemin-de-fer/ico-fleche-fildariane.svg) 0 center / 15px 15px no-repeat; padding-left:20px; list-style:none;} .cheminDeFer li a {position: relative; float:left; padding:0 15px; color:#3c3c3c; font-family: Arial; font-size:14px;} .cheminDeFer li a .titreCategorie {float:left;} .cheminDeFer li a .imgChildrenCategories {height:12px; width:8px; margin-left:5px; margin-top:10px; padding:0px 5px 10px; float:left; background:url("/v3/img/general/ico-fleche-bleu-bas.svg") 50% 50% / 8px 4px no-repeat;} .cheminDeFer .hover a .imgChildrenCategories {background:#004696 url("/v3/img/general/tri-sens-bas-gris.svg") 50% 50% / 8px 4px no-repeat;} /*.cheminDeFer .hover a img {background:#004696;}*/ .cheminDeFer .last {/*float:none;*/ display:block; background:none; padding-left:inherit;} .cheminDeFer .last h1, .cheminDeFer .last h1, .cheminDeFer .last a {line-height:40px; height:40px; overflow:hidden; text-decoration:none; color:#646464; padding-left:35px; display:block; font-family: Arial; font-size:14px; background:rgba(0, 0, 0, 0) url("/v3/img/general/chemin-de-fer/ico-fleche-fildariane.svg") 0 center / 15px 15px no-repeat;} .cheminDeFer .last a:visited { text-decoration:none; } .cheminDeFer .e0 {padding:0; background:none;} .cheminDeFer .e0 a {height:40px; width:40px; background:url(/v3/img/general/chemin-de-fer/ico-maison-fildariane.svg) center center / 14px 13px no-repeat; padding:0;} .cheminDeFer .e1, .cheminDeFer .e1 h1 {background:none; padding:0;} .cheminDeFer .e1 a {padding-left:0;} .cheminDeFer .print {background:none;} .cheminDeFer .print a {position:absolute; right:5px; top:5px; padding:5px;} .cheminDeFer .print a img {height:21px;} .cheminDeFer .lastCat { text-decoration:underline; } .divChildrenCategories {position:absolute; display:block; padding:5px; border:3px solid #004696; background-color:#F0F0F0; line-height:21px; top:30px; right:0px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); } .divChildrenCategories a {font-size:12px!important; font-family:arial!important; display:block; color:#141414 !important; float:none !important; background:#F0F0F0 !important; padding:0 5px!important; list-style:none; text-decoration:none;} .divChildrenCategories a:hover {text-decoration: underline;} /**************************************/ /* Gestion microformats / microdata /**************************************/ #footer .fn, #footer .adr, #footer .type, #footer .geo, #footer .url, #footer .tel, #footer .imgLogo, .hReview .type {display:none} .product .category, .product .rating {display:none} #boutiques .type, #boutiques .geo, #boutiques .fn, #boutiques .country-name, #boutiques .tel, #siegeldlc {display:none} /**************************************/ /* OpenAds /**************************************/ .openAdsContent {display:none} .openAdsWrapper .openAdsContent {display:block; border-radius: 0 3px 3px 0;} .openAdsWrapper .openAdsContent img {display:block; border-radius: 0 3px 3px 0;} .product .openAdsWrapper .openAdsContent { margin-bottom:10px; } /**************************************/ /* Modal Popup /**************************************/ .modalBg { background-color:#000; opacity:0.4} .modalPopup { background:#fff; border:1px solid #e1e1e1;width:550px; background-color:#fff} .modalPopup .close {display:block;padding-top:20px;float:right;width:20px;margin:5px;background:url(/v3/img/general/layers/bt-fermer.gif) no-repeat 0 0;cursor:pointer; margin-bottom:15px} .modalPopup h3, .modalPopup .title, .modalPopup .detailtitle {display:block;font-family:DINPro,arial;font-weight:bold;font-size:18px;text-transform:uppercase;color:#00288c;margin:20px} .modalPopup .libelle { font-weight:bold} /*.modalPopup .note { color:#808080; font-weight:bold}*/ .modalPopup .champ {display:block;background-color:#DCEBF5;margin:10px 0 0;padding:5px 20px} .modalPopup .intro {display:block;padding:0 20px} .modalPopup .validate {display:block;text-align:center;margin:15px 0 10px} .modalPopup .invalid {padding:10px 20px 0;display:block;color:red} .modalPopup .success {padding:0 20px 20px;display:block} /* Fancy css3 header Animations */ /*#topMenu ul li span.tt, #topMenu ul li div.wrapper,*/ #filterBloc a.roundedbutton, #compassistants a.roundedbutton { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } /* Compare link on product listing */ .productListing.thumbs .comparer label {-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out} .productListing.thumbs .comparer {overflow:hidden;position:relative} .productListing.thumbs .comparer input {position:relative;z-index:10} .productListing.thumbs .comparer label {position:relative;/*left:-100%;*/z-index:9;opacity:0} .productListing.thumbs .productWrapper:hover label {/*left:0;*/opacity:1} /* Acc?s direct aux marques Cat?gorie*/ .brandsCint {color:#3C3C3C; padding-top:10px; background:#fff; padding:10px 15px 15px; margin-bottom:20px; z-index:auto;} .brandsCint .title {background:#fff;font-family:DINPro,arial;font-size:18px;/*line-height:20px;*/text-transform:uppercase;/*display:block;margin:0 0 1em;*/bottom:-6px;left:17px;padding:0 0.5em;position:relative;color:#141414;overflow:hidden;height:1em;display:inline-block;} .brandsCint ul {width:912px;margin:auto;height:95px;overflow:auto;border-top:1px solid #e1e1e1;padding-top:1.6em;} .brandsCint li {float:left;width:145px;border:1px solid #e1e1e1;margin:0 5px 5px 0;text-align:center;} .brandsCint img {width:135px;height:60px;padding:5px 0;} .brandsCint .vignette {height:70px;display:block;} .brandsCint .brand {display:block;width:145px;height:18px;overflow:hidden;background-color:#f2f2f2;color:#141414;} .brandsCint .slidecontrol {display:none;} .brandsCint #leftSlide.active, .brandsCint #rightSlide.active, .brandsCint #leftSlide.inactive, .brandsCint #rightSlide.inactive {display:block;position:absolute;top:60px;width:28px;height:56px; background-repeat:no-repeat; background-size: contain;} .brandsCint #rightSlide.active {right:0; background-image:url(/v3/img/catalogue/ico-fleche-demirond-droite.svg); cursor:pointer;} .brandsCint #leftSlide.active {left:0; background-image:url(/v3/img/catalogue/ico-fleche-demirond-gauche.svg); cursor:pointer;} .brandsCint #rightSlide.inactive {right:0; background-image:url(/v3/img/catalogue/ico-fleche-demirond-droite-inactif.svg);} .brandsCint #leftSlide.inactive {left:0; background-image:url(/v3/img/catalogue/ico-fleche-demirond-gauche-inactif.svg);} /* Sort Order Icon */ /*a.sortOrder {-moz-transition: all 1000ms ease-in-out;-o-transition: all 1000ms ease-in-out;-webkit-transition: all 1000ms ease-in-out;transition: all 1000ms ease-in-out} a.sortOrder:hover {-moz-transform: rotateX(180deg);-webkit-transform: rotateX(180deg)} */ /* Slider Text in listing filters */ .ruler .handle{-moz-transition: color 500ms ease-in-out;-o-transition: color 500ms ease-in-out;-webkit-transition: color 500ms ease-in-out;transition: color 500ms ease-in-out} .ruler .handle:active {color:#ff0} .popinbutton {overflow:hidden;height:18px;opacity:1} .popinbutton.hidden {height:0; opacity:0;} .popinbutton.hidden span{text-indent:-400px;} .popinbutton, .popinbutton span {-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out} /* Listing header */ /* .listType .state0, .parPage .state0 {-moz-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out} .listType .state0:hover, .parPage .state0:hover {background-position:bottom} */ /* Product zoom images */ #productphoto .zoom .vignette img {opacity:.8;/*-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out*/} #productphoto .zoom .selected img, #productphoto .zoom .vignette:hover img {opacity:1;/*-webkit-transform:scale(0.8);*/} #productphoto .zoom .vignette:hover img { /*-moz-box-shadow: 2px 2px 8px rgba(0,0,0,.5);-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.5);box-shadow: 2px 2px 8px rgba(0,0,0,.5);*/} /* assembl? en france */ .madeInFrance {background: url(/v3/img/fiche-produit/label-france.png) no-repeat; height: 100px; width: 45px; position:absolute; top: 10px; left: -20px; } .modalMadeInFrance{background: url(/v3/img/fiche-produit/bg-layer-label-france.jpg) no-repeat; height: 400px; width: 550px; border: none;} /* QrCode */ .qrCode img{-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out} .qrCode img:hover,.qrCode img:focus {-moz-box-shadow: 4px 4px 8px rgba(0,0,0,.5);-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.5);box-shadow: 4px 4px 8px rgba(0,0,0,.5)} /* Onglets menus */ .topCat dd.selected{-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;/*-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;*/} html.knm {-moz-transition: all 5000ms ease-in-out;-o-transition: all 5000ms ease-in-out;-webkit-transition: all 5000ms ease-in-out;transition: all 5000ms ease-in-out;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);} /* #productshipping .livraison li span {opacity:0} #productshipping .livraison li a:hover span {opacity:1} #productshipping .livraison li span {-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out} */ /* #header .logo, #header .vignette { -webkit-animation-name: reset, logoload; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: linear; -webkit-animation-delay: 0, 1s; } @-webkit-keyframes reset, @-moz-keyframes reset{ 0%{-webkit-transform: rotateX(90deg)} 100%{-webkit-transform: rotateX(90deg)} } @-webkit-keyframes logoload, @-moz-keyframes logoload{ 0%{-webkit-transform: rotateX(90deg)} 60%{-webkit-transform: rotateX(90deg)} 100%{-webkit-transform: rotateX(0deg)} }*/ /* #header.knm { -webkit-animation-name: knm; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 3; -webkit-animation-delay: 0; } @-webkit-keyframes knm{ 0%{-webkit-transform: rotateX(0deg)} 50%{-webkit-transform: rotateX(180deg); opacity:0} 100%{-webkit-transform: rotateX(0deg)} }*/ #backToTheFuture {display:block;width:180px;height:14px;position:absolute;top:52px;left:193px;background:url(/v3/img/general/bt-oldversion.gif)} /**************************************/ /* SplashScreen /**************************************/ #ldlc_splash {text-align:center;} /**************************************/ /* Master Page /**************************************/ .black{color:#141414} .darkgray{color:#3c3c3c} .lightgray{color:#646464} .ldlcblue{color:#00288c} .lightblue{color:#dcebf5} .red{color:#f00} .contour{color:#c8c8c8} .underline{text-decoration:underline} .bold {font-weight:bold} .fixedWide { margin:0 auto;width:995px; } #topMenu {font-size:11px;position:absolute;top:0;left:0;width:100%;min-width:995px;;z-index:12;color:#fff;height:20px;line-height: 20px;display:none;} #topMenu a{color:#fff} #topMenu a:hover{text-decoration:underline} #headerWrapper ul.extra {height:24px;line-height:24px;color:#fff;} #headerWrapper ul.extra li {float:left;position:relative;margin-left:20px;line-height:24px;cursor:default;} #headerWrapper ul.extra li:first-child {margin-left: 7px;} #headerWrapper ul.extra li li:first-child { margin-left:0; } #headerWrapper ul.extra li span.tt {z-index:12;position:relative;/*background:url(/v3/img/general/ico-petitefleche.svg) no-repeat 93% center*/;padding:0 5px 0 5px;float:left} #headerWrapper ul.extra li.hover span.tt {color:#141414;/*background-image:url(/v3/img/general/ico-triangle-bas.gif)*/} #headerWrapper .extra #pays.hover, #headerWrapper .extra #groupe.hover, #headerWrapper .extra #boutiques.hover { background-color:#ddebf4; } #headerWrapper ul.extra li div.wrapper {position:absolute;left:0;top:24px;height:0;overflow:hidden;opacity:0} #headerWrapper ul.extra li.hover div.wrapper {height:auto;overflow:visible;opacity:1;z-index:100;} #headerWrapper .extra li div.wrapper div{background-color:#ddebf4;color:#141414;-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} #headerWrapper .extra li div.wrapper a{color:#141414;} #headerWrapper .extra li div.wrapper a.button {color:#fff;} #headerWrapper .extra a{color:#fff;} #headerWrapper .extra a:hover{text-decoration:underline} #headerWrapper .extra a.sel{font-weight:bold} #headerWrapper .extra div ul {width:auto} #headerWrapper .extra div a {display:block} #headerWrapper .extra div ul li {display:block;float:none;background:none;margin:0;padding:0 5px} #headerWrapper .extra span.desc {color:#00278c;font-weight:bold;display:block;padding:5px;font-size:12px} #headerWrapper .extra .icoExtra {display: inline-block;float: left;background: url(/v3/img/general/ico-petitefleche.svg) no-repeat 0 0;padding-top: 5px;margin: 10px 0;width:10px;} #headerWrapper .extra .icoHelp {display: inline-block;float: left;;background: url(/v3/img/general/volets/ico-aide.svg) no-repeat left center;padding-top: 20px;width:18px;margin:2px 4px 2px 0;} #headerWrapper .extra #pays div.wrapper div {width:150px} #headerWrapper .extra #pays .flagfr {padding-left:30px;background:url(/v3/img/general/volets/pays/drapeau-fr.gif) no-repeat left center} #headerWrapper .extra #pays .flagbe {padding-left:30px;background:url(/v3/img/general/volets/pays/drapeau-be.gif) no-repeat left center} #headerWrapper .extra #pays .flagch {padding-left:30px;background:url(/v3/img/general/volets/pays/drapeau-ch.gif) no-repeat left center} #headerWrapper .extra #pays .flaglu {padding-left:30px;background:url(/v3/img/general/volets/pays/drapeau-lu.gif) no-repeat left center} #headerWrapper .extra #pays .selected {font-weight:bold} #headerWrapper .extra #groupe div.wrapper div {width:340px} #headerWrapper .extra #groupe div ul li {display:block;height:70px;background: 10px center no-repeat;border-bottom:1px solid #e1e1e1} #headerWrapper .extra #groupe div li a{height:60px;padding:5px 0 5px 120px} #headerWrapper .extra #groupe div li a:hover span{text-decoration:none} #headerWrapper .extra #groupe div li a em {font-style:normal;font-weight:bold;font-size:13px;text-decoration:underline;display:block} #headerWrapper .extra #groupe div li a span {font-size:.8em;color:#3c3c3c;display:block;padding:0;line-height:1.4em} #headerWrapper .extra #groupe div #ldlcpro {background-image:url(/v3/img/general/volets/groupe/logo-ldlcpro.gif)} #headerWrapper .extra #groupe div #maginea {background-image:url(/v3/img/general/volets/groupe/logo-maginea.gif)} #headerWrapper .extra #groupe div #anikop {background-image:url(/v3/img/general/volets/groupe/logo-anikop.gif)} #headerWrapper .extra #groupe div #hardware {background-image:url(/v3/img/general/volets/groupe/logo-hardware.gif);border:none} #headerWrapper .extra #groupe div #larmoiredebe{background-image:url(/v3/img/general/volets/groupe/logo-ladb.png)} #headerWrapper .extra #boutiques div.wrapper div {width:340px} #headerWrapper .extra #boutiques .desc {height:3px} #headerWrapper .extra #boutiques div ul {padding:0 10px} #headerWrapper .extra #boutiques div ul li {display:block;height:100px;background: 0 100% no-repeat} #headerWrapper .extra #boutiques div li a{height:90px; text-decoration:none;} #headerWrapper .extra #boutiques div li a:hover span{text-decoration:none} #headerWrapper .extra #boutiques div li a em {font-style:normal;font-weight:bold;font-size:13px;display:block} #headerWrapper .extra #boutiques div li a .adr {font-size:.8em;color:#999;display:block;padding:3px 0;line-height:1.4em} #headerWrapper .extra #boutiques div li a .hor {font-size:.8em;display:block;padding:0;line-height:1.4em} #headerWrapper .extra #boutiques div li a .lnk {color:#00278C;display:block;padding:0;font-weight:bold;text-decoration:underline;line-height:2.5em} #headerWrapper .extra #boutiques div .lyon {background-image:url(/v3/img/general/volets/boutiques/ico-boutique-lyon.gif);border-bottom:2px solid #fff} #headerWrapper .extra #boutiques div .paris {background-image:url(/v3/img/general/volets/boutiques/ico-boutique-paris.gif)} #headerWrapper ul.extra #aide {float:right} #headerWrapper ul.extra #aide span.tt {background-image:none;padding:0} #headerWrapper ul.extra #aide:hover span.tt {background:none} #headerWrapper ul.extra #aide a{display:block;float:left;padding:0 5px 0 0;color:#fff;font-weight:bold;/*background:url(/v3/img/general/volets/bg-besoin-aide.gif) 0 50% no-repeat;background: url(/v3/img/general/volets/ico-aide.svg) no-repeat left center;*/height:18px;line-height:18px;margin:3px 0;text-decoration:underline;} .main { margin:0 auto; padding:0; width:995px} .mainWrapper { margin:0 auto; width:995px } #header {position:relative;z-index:12;background:transparent no-repeat 0 top;padding-top:76px;} #headerWrapper {background:#002e78; width:100%; min-width:995px;} body.public-default #headerWrapper { margin-bottom:0; } #extraWrapper { background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */ background: rgba(0, 0, 0, .3); } #footer {position:relative;margin:12px auto 0;line-height:1em} .logo {position:absolute;top:0;left:0;height:76px;line-height:46px;width:175px;color:#fff; text-decoration:none; /*background:url(/v3/img/general/logo-ldlc-anim.gif) center center no-repeat;*/font-size:18px;font-family:DINPro,arial} .logo img { width:175px;height:76px; } .logo:hover{text-decoration:none} .mainContent {width:835px;float:left} /* errors */ .commonError { background:#fff} .commonError h2 { background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro,arial;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase} .commonError .basethumbs h2 { background:none;display:block;font-family:arial;font-size:1em;padding:0;position:static;text-transform:none;margin-top:30px;} .commonError .wrapper { background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin-bottom:10px} .misesEnAvant {/*position:relative;*/z-index:2} .public-default .flashshadow {position:absolute;width:100%;height:80px;margin-top:-71px;z-index:-1;background:url(/v3/img/home/ombre-flash.png) center 0 no-repeat;left:0} .public-default ul.univers, .public-default h1 {display:none} .fullPage {width:995px} .miniEncarts {z-index:20;position:absolute;top:0;right:0;width: 390px;height:76px;color:#fff;} .miniEncart {float:right;/*height:1%;*/display:inline;position:relative;margin-top:16px;position:relative;padding-left:5px;} .miniEncart .vignette {width:20px;/*padding-top:20px;*/background:transparent no-repeat 0 top;margin-top: 2px;/*border-right:1px solid #4d6ab0*/} .miniEncart#compte .vignette { overflow: hidden; height: 0; padding-bottom: 20px; } .miniEncart#compte .miniEncartContent a.cancel span {display: block;color: #00288C;font-weight: bold;padding: 5px 0 0 0;} .miniEncart#panier { margin-right:10px; } .miniEncart#panier .vignette {overflow: hidden; height: 0; padding-bottom: 20px;} .miniEncart#panier .miniEncartContent {padding-left:7px} .miniEncart .vignette, .miniEncart .miniEncartContent {float:left} .miniEncart em {display:block;font-style:normal;font-size:17px;line-height:1.4em;font-family:DINPro,arial} .miniEncart#compte{ margin-right: 15px; } .miniEncart .miniEncartContent {height:46px;} .miniEncart .miniEncartContent em span, .miniEncart .miniEncartContent em {color:#fff;text-decoration:none} .miniEncart .miniEncartContent span {color:#cbd5e4;text-decoration:none} .miniEncart .miniEncartContent span.amount {color:#ff0;font-weight:bold} .miniEncart .productvisited{ display:none} .miniEncart#compte .miniEncartContent {width:125px;} /*.miniEncart#compte .miniEncartContent:hover{background-color:#ddebf4}*/ .miniEncart#compte em{cursor:default;z-index:100;position:relative;width:100px;float:left;padding-left: 5px;} .miniEncart#compte .icoCompte { float:left;width:12px;margin-top: 7px;background:url(/v3/img/general/ico-fleche.svg) no-repeat 0 top;padding-top:12px; } .miniEncart#compte .miniEncartContent .pnlConnect.shadow { -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5); box-shadow: 2px 2px 2px rgba(0,0,0,.5); } .miniEncart#compte .miniEncartContent .pnlConnect{width:230px;-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} .miniEncart#compte .miniEncartContent .pnlConnected{width:230px;-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} .miniEncart#compte .miniEncartContent .pnlConnected.shadow { -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5); box-shadow: 2px 2px 2px rgba(0,0,0,.5); } .miniEncart#compte .miniEncartContent .pnlConnected .statut { color:#141414; } .miniEncart#compte .miniEncartContent .pnlConnected .statut390001, .miniEncart#compte .miniEncartContent .pnlConnected .statut390020 { color:#009600;font-weight:bold} .miniEncart#compte .miniEncartContent .pnlConnected .statut390002 { color:#FF0000;font-weight:bold} .miniEncart#compte .miniEncartContent .pnlConnected .statut390009 { color:#FF0000;font-weight:bold} .miniEncart#compte .miniEncartContent .pnlConnected .statut390011 { color:#FF0000;font-weight:bold} /*.miniEncart#compte em.disabled, .miniEncart#compte:hover em.disabled{background:none;color:#FFFFFF;}*/ .miniEncart#compte.hover, .miniEncart#compte.focused {background-color:#ddebf4;border-top-left-radius: 3px;border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;} .miniEncart#compte.hover .miniEncartContent em, .miniEncart#compte.focused .miniEncartContent em { color:#141414; } .miniEncart#compte.hover .miniEncartContent span.lblNomPrenom , .miniEncart#compte.focused .miniEncartContent span.lblNomPrenom { color:#3b3b3b; } .miniEncart#compte .miniEncartContent span.wrapper {position:absolute;left:0;height:0;overflow:hidden;opacity:0;width:230px;} .miniEncart#compte.hover span.wrapper, .miniEncart#compte.focused span.wrapper {height:auto;overflow:visible;opacity:1} .miniEncart#compte .miniEncartContent span.wrapper div.rounded_br{background:#ddebf4;padding-bottom:10px; text-align:center} .miniEncart#compte div .desc {display:block;color:#141414;font-weight:bold;padding:10px 0 0 17px; text-align:left} .miniEncart#compte span span .BtLostLoginPage{color:#00288C; text-decoration:underline; text-align:center; display:block} .miniEncart#compte span span .BtLostLoginPage span { color:#00288C; } .miniEncart#compte span span .lt2{ padding-top:10px; text-align:center;display:block;padding-left:0;} .miniEncart#compte span span .hplLogout{ } .miniEncart#compte span span .lbMyAccount{ margin-top:15px} .miniEncart#compte .lblNomPrenom{ display:block; padding-left:5px; font-size:12px;color:#cbd5e4;cursor:default;overflow: hidden; padding-left: 5px; padding-right: 5px;height:15px;} .miniEncart#compte input {display:block;margin:0 auto 5px auto;width:190px;color:#646464;border:1px solid #ddd;font-size:.9em;padding:3px;height:22px;} #frmMiniLogin button.bleu, .miniEncart#compte button.validate {background-color:#ddebf4; cursor:pointer;font-size:12px; width:95px;height:22px;margin:0;padding:0;} #frmMiniLogin button.bleu span.lblAccountHeaderConnect, .miniEncart#compte button.validate span.lblAccountHeaderConnect {display: inline-block;white-space: nowrap;float:left;color: #ffffff;font: bold 1em arial, sans-serif;cursor:pointer;height:22px; line-height:22px; background: url(/v3/img/boutons/bt-bleu-slide.gif) 100% 0% no-repeat;color:#FFFFFF; height:22px; margin:0;padding:0; padding-right:0px;text-align:center; text-transform:uppercase; width:79px;padding-right:5px;} button.bleu span.spanLeftLogin{float:left;display:inline-block;background: url(/v3/img/boutons/bt-bleu-left.gif) 100% 0% no-repeat;height:22px;line-height:22px;width:5px;} .public-catalogue-productpage.miniHeader #frmMiniLogin .pnlConnect {width: 0;} .miniEncart#compte .accountbt:focus {color: #ff0} .miniEncart#compte .accountcreation {width:120px;background:url(/v3/img/general/volets/connexion/bt-creation.gif) 50% 50% no-repeat} /*.miniEncart#compte .accountconnexion {width:75px;background:url(/v3/img/general/volets/connexion/bt-connexion.gif) 50% 50% no-repeat}*/ #frmMiniLogin {position:absolute;top:80px;left:1148px;z-index:60;} #frmMiniLogin .pnlConnect {width:170px;text-align:center;padding-top:41px;height:0;overflow:hidden;opacity:0;} body.miniHeader #frmMiniLogin .pnlConnect {padding-top:26px;} #frmMiniLogin .pnlConnect.focused {height:auto;overflow:visible;opacity:1;} #frmMiniLogin .pnlConnect.hover {height:auto;overflow:visible;opacity:1;} #frmMiniLogin .pnlConnect .content{background-color:#ddebf4;padding-bottom:10px;width:230px;position:inherit;} #frmMiniLogin input {display:block;margin:0 auto 5px auto;width:190px;} #frmMiniLogin .desc {display:block;color:#141414;font-weight:bold;padding:10px 0 0 17px; text-align:left} /*#frmMiniLogin input.default {color:#646464;font-style:italic}*/ #frmMiniLogin .BtLostLoginPage{color:#00288C; text-decoration:underline; text-align:center; display:block} /*#frmMiniLogin .accountbt {width:79px; background:url(/v3/img/general/volets/connexion/bt-connexion.gif) 50% 50% no-repeat;color:#FFFFFF; display:block; height:22px; line-height:22px; margin:auto; position:relative; text-align:center; text-transform:uppercase; width:95px;margin-top:5px;} */ /*#frmMiniLogin .lblAccountHeaderConnect {background:url(/v3/img/general/volets/connexion/bt-connexion.gif) 50% 50% no-repeat;position:absolute;top:0px;left:0px;}*/ #frmMiniLogin .lt2{ padding-top:10px; text-align:center;display:block;padding-left:0;} #frmMiniLogin .wrapper{background-color: #ddebf4;display:block;height:4px;margin-top:-4px;position:absolute;width:150px;opacity:0;} #frmMiniLogin .pnlConnect.hover .wrapper{opacity:1;} #frmMiniLogin .pnlConnect.focused .wrapper{opacity:1;} /* Menu categories */ .topCat {position:relative;height:30px;z-index:12;width:100%;} .topCat ul.tabs {display:block;/*position:absolute;*/ font-size:12px;/*top:2px;*/height:30px;width:100%;} .topCat ul.tabs #ajxLoader {height:200px;width:400px; background:#ddebf4 url(/v3/img/ajax-loader.gif) no-repeat 50% 50%} .topCat .liTab {display:block;float:left;width:134px;height:30px;margin: 0 8px 0 0;/*;z-index:10;*//*background:url(/v3/img/general/ico-triangle-bas.gif) 92% 55% no-repeat*/} .topCat .liTab:last-child { margin:0; } .topCat .liTab:first-child { margin-left:1px; } /* .topCat dt a:hover {text-decoration:none} .topCat dt a {float:left;height:32px;color:#fff} */ .topCat .liTab a.catName:hover {text-decoration:none;} .topCat .liTab a.catName {text-transform:uppercase; position:absolute; width:134px; font-weight:bold; font-family:DINPro,arial;height:30px; color:#fff; display:block; background: #0096CA; border-top-left-radius:3px; border-top-right-radius:3px;-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; text-align:center;cursor:pointer;} /* .topCat dt a span {float:left;height:32px;line-height:32px;padding:0 0 0 8px;margin-right:25px} */ .topCat .liTab a.catName span { height:30px;line-height:30px;display:inline-block;padding-right:15px;background:url(/v3/img/general/ico-triangle-bas.gif) 100% 50% no-repeat;} .topCat .liTab.current, body.worldInfo .topCat .liTab.worldInfo, body.worldImag .topCat .liTab.worldImag, body.worldPhon .topCat .liTab.worldPhon, body.worldJeux .topCat .liTab.worldJeux, body.worldCnso .topCat .liTab.worldCnso, body.worldCnct .topCat .liTab.worldCnct, body.worldLogi .topCat .liTab.worldLogi{/*z-index:8;*/display:inline-block} .topCat .liTab.current a.catName, body.worldInfo .topCat .liTab.worldInfo a.catName, body.worldImag .topCat .liTab.worldImag a.catName, body.worldPhon .topCat .liTab.worldPhon a.catName, body.worldJeux .topCat .liTab.worldJeux a.catName, body.worldCnso .topCat .liTab.worldCnso a.catName, body.worldCnct .topCat .liTab.worldCnct a.catName, body.worldLogi .topCat .liTab.worldLogi a.catName {color:#000;background:#e1e1e1;} .topCat .liTab.current a.catName span, body.worldInfo .topCat .liTab.worldInfo a.catName span, body.worldImag .topCat .liTab.worldImag a.catName span, body.worldPhon .topCat .liTab.worldPhon a.catName span, body.worldJeux .topCat .liTab.worldJeux a.catName span, body.worldCnso .topCat .liTab.worldCnso a.catName span, body.worldCnct .topCat .liTab.worldCnct a.catName span, body.worldLogi .topCat .liTab.worldLogi a.catName span {} #header .topCat .liTab.selected {} #header .topCat .liTab.selected a.catName {color:#00288c;background:#DDEBF4;z-index:10;height:35px;position:absolute;} #header .topCat .liTab.selected a.catName span {/*background:url(/v3/img/general/menu/ongletbleu1.gif) 0 0 no-repeat*/} .topCat .contentTab {position:absolute;top:25px;height:0;overflow:hidden;/*display:none;*/opacity:0} .topCat .contentTab div.inner {padding-bottom:4px;background:#808080;border:1px solid #000;} .topCat .contentTab.selected {height:400px;overflow:visible;z-index:9;/*display:block;*/opacity:1;-webkit-transition: all 300ms ease-in-out; /*-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;*//*wink MD*/} .topCat .contentTab .header {padding:10px;background:#ddebf4} .topCat .contentTab .header ul {width:450px} .topCat .contentTab .catList {padding:10px;margin-top:-4px;background:#fff} .topCat .contentTab .ads {padding:10px 10px 0 10px;background:url(/v3/img/general/menu/open/ombre-encarts.gif) 0 0 repeat-x} .topCat .contentTab .ads .texte {float:left} .topCat .contentTab .ads img {margin-right:15px} .topCat .contentTab .header li {float:left;height:25px;line-height:25px;border-right:2px solid #fff;padding:0 15px 0 35px} .topCat .contentTab .header li a {color:#141414} .topCat .contentTab .header li.topConsulted {background:url(/v3/img/general/menu/open/ico-consultes.gif) 5px 50% no-repeat} .topCat .contentTab .header li.topRated {background:url(/v3/img/general/menu/open/ico-notes.gif) 5px 50% no-repeat} .topCat .contentTab .header li.topNews {background:url(/v3/img/general/menu/open/ico-nouveautes.gif) 5px 50% no-repeat} .topCat .contentTab .header li.topSales {background:url(/v3/img/general/menu/open/ico-topdesventes.gif) 5px 50% no-repeat;border-right:none} .topCat .contentTab .col {float:left;width:140px;padding-right:10px} .topCat .contentTab .col a {font-size:1.1em;font-weight:bold;line-height:1.8em;background:url(/v3/img/general/ico-triangle-droite.gif) 100% 60% no-repeat;padding-right:.8em} .topCat .contentTab .col ul {margin:0 0 .8em 1em;list-style:square outside} .topCat .contentTab .col ul li {font-size:10px} .topCat .contentTab .col ul a {font-size:12px;line-height:1em;font-weight:normal;text-decoration:none;color:#141414;background:none} .topCat .contentTab .col .more {font-weight:bold} .topCat .contentTab .col a:hover {text-decoration:underline} /* Specifique ID */ .topCat .worldInfo .contentTab {left:0} .topCat .worldImag .contentTab {left:128px} .topCat .worldPhon .contentTab {left:244px} .topCat .worldJeux .contentTab {left:222px} .topCat .worldCnso .contentTab {left:465px} .topCat .worldCnct .contentTab {left:272px} .topCat .worldLogi .contentTab {left:223px;} .topCat #cat_3068, .topCat #cat_3065, .topCat #cat_3068 a, .topCat #cat_3065 a { width:136px; } .topCat #cat_3067, .topCat #cat_3067 a { width:137px; } /* sous-menu categories */ /*#aspnetForm input.default {color:#646464; font-style:italic;}*/ .menuSousCat {/*z-index:1;position:relative;margin:0*/z-index: 19;position: absolute;top: 0;right: 390px;width: 380px;height: 76px;} .menuSousCat .search {position:relative;height:36px;text-align:left;margin-top:19px;} .menuSousCat .search input {height:36px;width:300px;float:left;line-height:30px;border:0 none;background:#fff;color:#646464;position:relative;left:-2px;-webkit-appearance: none; border-radius: 0; padding:0; margin:0;} /*.menuSousCat .search.larger input {width:545px;border-right:1px solid #e1e1e1;background-repeat:repeat-x;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}*/ .menuSousCat .search.textboxWithSuggestList input {width:545px;border-right:1px solid #e1e1e1;background-repeat:repeat-x;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;} .menuSousCat .search .firstSearch { width:36px; background:#fff; /*background:url(/v3/img/general/moteur/bg-saisie-action.gif) no-repeat 0 0;*/ display:block; float:left; height:36px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: relative; left: 0; } .menuSousCat .search .firstSearch img {height:18px; width:18px; margin-top:9px; opacity:0.4;} .menuSousCat .search a {width: 40px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #0096CA; height: 36px; line-height:36px; text-align:center; color:#fff; font-weight:bold;display:inline-block; font-size:16px;position:relative;left:-2px; } .menuSousCat .search span a { background-image:none;padding:0;width:auto;margin-left:50px} .menuSousCat .search a:hover { text-decoration:none; } .menuSousCat select {/*background:url(/v3/img/general/moteur/bg-deroule.gif) 0 0 no-repeat;*/ width:130px;height:36x;line-height:36px;vertical-align:top;margin-left:-3px;display:none;} /* Menu defilant */ .menuDefilantHome .texte {height:26px;width:340px;color:#141414;overflow:hidden;position:absolute;top:0;right:0;font-family:DINPro,arial;font-size:18px;line-height:1.5em;z-index:2} .menuDefilantHome img {margin-right:5px} .menuDefilantHome .headline {position:absolute;top:-50px} .menuDefilantHome .texte {} .menuDefilantHome .maj {font-weight:bold;color:#492a11;height:30px;line-height:30px} .menuDefilantHome .headline img {vertical-align:text-bottom} .menuDefilantHome a{overflow:hidden;color:#141414} .menuDefilantHome a:hover {text-decoration:none} /* Footer */ .footerPage {background:#dcdcdc; position:relative; width:100%; min-width:995px; margin-top:40px;} #footer {color:#3c3c3c; font-size:11px; margin:0 auto; padding: 40px 0; width:995px;} #footer p {line-height:1.4em;text-align:justify} #footer .filet {border-bottom:1px solid #b8b8b8;margin:0 0 15px;} #footer #ftservices li {float:left; margin-right:70px;} #footer #ftservices li:first-child {margin-left:18px;} #footer #ftservices li:last-child {margin-right:0px;} #footer #ftservices a {display:block;width:135px; height:42px;padding:0px 0px 0px 52px;font-size:18px; line-height:20px; color:#3c3c3c;font-family:DINPro; text-transform:uppercase; margin-bottom:40px;font-weight:bold;} #footer #ftservices a:hover {text-decoration:none} #footer #ftservices em {display:block; padding: 0 0 0 20px; font-style:normal;} #ftdebexp a {background:url(/v3/img/general/services/ico-expedition.svg) 0 0 / 45px 45px no-repeat} #ftpaie3x a {background:url(/v3/img/general/services/ico-paiement3x.svg) 0 0 / 45px 45px no-repeat} #ftlivrom a {background:url(/v3/img/general/services/ico-domtom.svg) 0 0 / 45px 45px no-repeat} #ftlivrex a {background:url(/v3/img/general/services/ico-livraison.svg) 0 0 / 45px 45px no-repeat} #ftlinks a {color:#141414; text-decoration:underline;} #ftmodepaiement, #ftlinks {padding:5px;float:left;height:80px;width:240px} #footer #ftmodepaiement {color:#646464;} #ftmodepaiement ul {padding:3px 0} #ftmodepaiement li{float:left;padding:3px 10px 3px 0} #ftmodepaiement li.bl{clear:left} #ftlinks {width:280px;padding-top:1.7em;padding-left:5px} #ftlinks li{line-height:1.6em;float:left;width:130px;margin-left:5px;} #fthelp {float:left;padding-left:5px;} #fthelp span.h4Ex {display:block;text-transform:uppercase;font-size:1.6em;font-family:DINPro,arial;margin:1.5em 0 .3em 0} #fthelp h4 {text-transform:uppercase;font-size:1.6em;font-family:DINPro,arial;margin:1.5em 0 .3em 0} #footer .ftfaq {background:url(/v3/img/general/footer/aide-footer.png) 100% 100% no-repeat; height :105px;} #footer #dnmlinks {/*margin:5px 0 10px 0;*/padding:0 0 15px;text-align:justify;} #footer #dnmlinks li {display:inline;border-right:1px solid #3c3c3c;padding-right:.2em;margin-right:.3em;line-height:1.2em} #footer #dnmlinks .dnmTitle {font-weight:bold;color:#141414;border-right:none;} #footer .marqueurConsultation {display:block; text-align:center;margin-top:10px;} .footerpub {margin-top:12px;text-align:center;} /* SITEMAP */ #SeoMap {height:0;overflow:hidden;} #SeoMap ul {padding:0 0 15px;} #SeoMap .mapTitle {color:#646464; font-size:1.8em; text-transform:uppercase; font-family:DINPro,arial; line-height:1.2em;} #SeoMap .mapWorld {float:left; margin:15px 0 0;} #SeoMap .mapWorld:first-child {margin-right:19px;} #SeoMap li {margin:0 0 5px 0;} #SeoMap h2 {text-transform:uppercase;font-family:DINPro,arial;font-weight:bold;color:#141414;font-size:1.1em;line-height:1.5em;} #SeoMap h3 {display:inline;line-height:1.5em;} #SeoMap h3 a {color:#646464;} .footer_seo {line-height:16px;} /* .SitemapPage .level1 {float:left;clear:left;width:100%;background:#fab;margin:5px;} .SitemapPage .level1 h2 {background:#ccc;color:#333;} .SitemapPage .level1 li {float:left;background:#fa0;margin:5px;} .SitemapPage .level2 {} .SitemapPage .level2 li{float:none; width:auto;} .SitemapPage .level3 {background:#f00;margin:5px;}*/ /* HOME */ #homecontent {/*background:#fff;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;*/} #homecontent h2 {width:100%;font-family:DINPro;font-weight:normal;text-transform: uppercase;text-align: center;font-size:28px;line-height:28px;color:#646464;padding:38px 0 18px; text-shadow:0px 0px 0px rgba(0,0,0,0.5);} #homecontent h2 a {color:#646464; border-bottom: 1px solid rgba(0,0,0,0); transition: all 0.3s ease;} #homecontent h2 a:hover {text-decoration:none; color:#000000; border-bottom:1px solid rgba(0,0,0,1);} #homecontent .marginRight {margin-right:13px;} .nouveautes {overflow:hidden;} .nouveautes .bloc {float:left; position:relative;} .nos_shops, #nos_promos {float:left; width:491px; overflow:hidden;} #homecontent .nos_shops a:hover {opacity:0.85;} #nos_promos .cda, #nos_promos .ope {float:left; width:239px; height:239px; overflow:hidden;} #nos_promos .cda .bloc, #nos_promos .ope .bloc {position: relative;} .nos_derniers_articles {overflow: hidden;} .nos_magasins, #a_la_une {float:left; width:491px; overflow:hidden;} #a_la_une .a_la_une_1, #a_la_une .a_la_une_2 {float:left; width:239px; overflow:hidden;} #a_la_une .a_la_une_1 .bloc, #a_la_une .a_la_une_2 .bloc {position:relative;} /* Operation constructeur home */ .homeOpe {background-color: #000; height:239px; width:239px; text-align:center; position:relative; background-size:contain; background-repeat:no-repeat;} .homeOpe.brandop {background: none;} .homeOpe a.imgOpLink {height:80px;width:80px;float:left;background:#fff;vertical-align:middle;} .homeOpe .opImg {background:#fff; } .homeOpe .opImg.avanceop {background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); height:50px; bottom:72px; position:absolute; left:0; width:100%;} .homeOpe .imgOp.brandop {margin:5px 0;} .homeOpe .imgOp.avanceop {width:239px; height:239px;} .homeOpe .opDesc {background: #e5e5e5; height:140px; padding:10px 10px 0;} .homeOpe .opDesc .opDescription {height:45px; overflow: hidden; text-overflow: ellipsis; line-height:16px;} .homeOpe .opDesc .opDescription .opTitre {overflow:hidden; height: 15px; display:block;} .homeOpe .opDesc .opDescription .opTexte {color: #646464;} .homeOpe .button.detail {position:absolute; top:130px; left:85px;} .homeOpe .button.all {position:absolute; bottom:10px; left:22px;} .homeOpe .button.detailbrandop {position:absolute; bottom:45px; left:85px;} .homeOpe div.black {background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) repeat scroll 0 0; height: 60px; position: absolute; top: 110px; width: 100%;} .nos_derniers_articles .articles {height:323px; width:100%; overflow:hidden;} .nos_derniers_articles .articles_suite {float:left;} .nos_derniers_articles .articles a {border-radius: 3px; box-sizing: border-box; display: block; overflow: hidden; position: relative; text-align: center; float:left;} .nos_derniers_articles a .button {color: #fff; margin: 0; } .nos_derniers_articles a .buttonWrapper {text-align:center; width:100%; position:absolute; top:0; left:0; position: absolute; z-index: 10; display:inline; line-height:36px; height:36px; font-size:0;} .nos_derniers_articles a .title {color: #fff; display: inline-block; font-family: DINPro; font-size: 28px; line-height: 30px; position: relative; text-align: center; text-decoration: none; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); vertical-align: middle; width: 90%; z-index: 5;} .nos_derniers_articles a .black {background-color: black; display: block; height: 100%; left: 0; opacity: 0.15; position: absolute; top: 0; transition: opacity 0.2s ease 0s; width: 100%; z-index: 2;} .nos_derniers_articles a:hover .black {opacity: 0;} .nos_derniers_articles a .blur {background-position: center center; background-size: cover; display: block; filter: blur(2px); height: 106%; left: -3%; position: absolute; top: -3%; width: 106%; z-index: 1;} .nos_derniers_articles a:hover .blur {filter: blur(1.5px);} .nos_derniers_articles .atelier .button {background-color: #FF7E00;} .nos_derniers_articles .guide .button {background-color: #91BD0D;} .nos_derniers_articles .focus .button {background-color: #009fbe;} .nos_derniers_articles .a1 {height: 323px; line-height: 323px; width: 323px; margin-right:13px;} .nos_derniers_articles .a1 .title {font-size: 36px; line-height: 42px;} .nos_derniers_articles .a1 .button {} .nos_derniers_articles .a2 {height: 155px; line-height: 155px; margin-bottom: 13px; width: 323px; margin-right:13px;} .nos_derniers_articles .a2 .button {} .nos_derniers_articles .a3 {height: 155px; line-height: 155px; width: 323px; margin-bottom: 13px;} .nos_derniers_articles .a3 .button {} .nos_derniers_articles .a4 {height: 155px; line-height: 155px; margin-right: 13px; width: 323px;} .nos_derniers_articles .a4 .button {} .nos_derniers_articles .a5 {float: left; height: 155px; line-height: 155px; margin-right: 13px; width: 155px;} .nos_derniers_articles .a5 .title {font-size: 20px; line-height: 22px;} .nos_derniers_articles .a5 .button {} .nos_derniers_articles .all {background-color: #00278b; color: #fff; font-family: DINPro; font-size: 24px; height: 155px; line-height: 28px; padding-top: 32px; text-decoration: none; width: 155px;} .nos_derniers_articles .all:hover {opacity: 0.85;} .nos_derniers_articles a .blur {position: absolute;top:-3%;left:-3%;z-index: 1;display:block;width:106%;height:106%;background-size:cover;background-position:center; filter: blur(2px); -webkit-filter: blur(2px);-moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px);} .nos_derniers_articles a:hover .blur {filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px);} /*.homeleftcol{width:300px;float:left;overflow:hidden} .homeleftcol .texte {padding-bottom:10px} .homerightcol .texte {margin-top:24px} .homerightcol div:first-child{margin-top:0} .homeleftcol h2, .homerightcol h2 {font-family:DINPro,arial;font-size:18px;text-transform:uppercase} .homeleftcol h2 {padding:10px} .homeleftcol h3 { color:#00288C;padding-left:10px;padding-right:10px;padding-bottom:10px;font-weight:bold} .homerightcol h2 {background:#fff;position:relative;bottom:-6px;display:inline;padding-right:.5em} .homeleftcol h2 a { color:#000} .homeleftcol h2 a:hover { text-decoration:none} .homeleftcol .boutiques {background-color:#ebebeb} .homeleftcol .boutiques li{float:left;width:135px;height:60px;background:#fff;margin:0 0 10px 10px} .homeleftcol .ope {padding:10px 15px;} .homeleftcol .ope h2 {padding:0px 0px 5px;} .homeleftcol .ope h2 a {display:block;text-decoration:none;} .homeleftcol .ope a {display:block; text-decoration:underline;} .homeleftcol .ope img {margin-right:10px; float:left} .homeleftcol .guideActus { background-color:#ebebeb;padding:10px 15px} .homeleftcol .guideActus h2 { padding:0} .homeleftcol .guideActus h3 { padding:10px 0} .homeleftcol .guideActus img { width:270px;height:80px} .homeleftcol .guideActus ul {display:block;padding:0} .homeleftcol .guideActus ul a { color:#141414;padding-left:5px} .homeleftcol .guideActus li { display:block;border-top:1px solid #fff;padding-bottom:5px;padding-top:2px} .homeleftcol .guideActus li.current { font-size:1.1em;padding:0;padding-bottom:10px} .homeleftcol .rssListing { background-color:#ebebeb;padding:10px 15px} .homeleftcol .rssListing h2 { padding:0} .homeleftcol .rssListing li {font-weight:bold; color:#00288C} .homeleftcol .rssListing li img {display:block;margin:5px 0} .homeleftcol .rssListing li a {text-decoration:none} .homeleftcol .rssListing li span {text-decoration:underline} .homeleftcol .newsletter { background-color:#ebebeb;padding:0px 15px 10px 15px;} .homeleftcol .newsletter h2 { padding:10px 0} .homeleftcol .newsletter input {width:200px; line-height:23px} .homeleftcol .newsletter a {width:60px;padding-top:30px;background:transparent url(/v3/img/general/moteur/bt-ok.gif) no-repeat left 0;display:inline-block;vertical-align:top} */ .socialHome {} .socialHome .newsletter {padding:13px 0 0 25px; height:71px; float:left;width:491px; background-color: #fff; border-radius: 3px; margin-right: 13px; box-sizing: border-box;} .socialHome .newsletter h2 {color: #3b3b3b; font-family: DINPro; font-size: 20px; font-weight: bold; text-transform: uppercase; float:left; height:36px; line-height:36px; margin:5px 10px 0 0;} .socialHome .newsletter input {width:245px; position:relative;} .socialHome .newsletter a {} .socialHome .newsletter .newsletterErrorMsg {position:absolute; bottom:0px; font-size:10px; left:180px;} .socialHome .newsletter .done {position: absolute; left: 170px; top: 32px;} .socialHome a:hover {text-decoration:none; opacity:0.85;} .socialHome a.reseau {margin-right: 13px; height:71px; width:71px; font-size:0;} .socialHome a.reseau:last-child {margin-right: 0px;} .socialHome .socialTitle {width:100%;font-family:DINPro;font-weight:normal;text-transform: uppercase;text-align: center;font-size:28px;line-height:28px;color:#646464;padding:38px 0 18px 0; text-shadow:0px 0px 0px rgba(0,0,0,0.5);} /*.homerightcol{width:650px;padding:10px 5px 10px 17px;margin-top:-6px;float:left;overflow:hidden}*/ .zoomsur ul li {float:left;width:150px;padding-right:10px} .zoomsur ul.clearfix {border-top:1px solid #e1e1e1} .zoomsur img {display:block;margin-bottom:1em} .zoomsur dt {font-weight:bold;font-size:14px} .zoomsur dt a {color:#141414} .zoomsur dd li {list-style:disc none inside;width:auto;padding:0;float:none;color:#00288c;font-size:12px} .zoomsur dd li a {text-decoration:underline} /* Splash */ .public-default #cboxMiddleLeft, .public-default #cboxBottomLeft, .public-default #cboxMiddleRight, .public-default #cboxTopLeft, .public-default #cboxTopCenter, .public-default #cboxTopRight, .public-default #cboxBottomLeft, .public-default #cboxBottomCenter, .public-default #cboxBottomRight { display:none;} .public-default #cboxClose {display:none !important;} .public-default #cboxOverlay { opacity:1 !important;} .public-default #closesplash {font-size:15px; font-weight:bold;text-align:center;} /* Popup choix des pays */ .countryChoice {width:645px;height:310px;text-align:center;background:url(/v3/img/general/layers/pays/bg-localisation.jpg) no-repeat 0 0;} .countryChoice .title {display:block;font-family:DINPro,arial;font-weight:bold;font-size:18px;text-transform:none;color:#141414;margin:20px; background:url(/v3/img/general/layers/pays/logo-layer-pays.gif) no-repeat center top;padding:60px 0 0;} .countryChoice ul {margin:auto;width:600px;} .countryChoice li {float:left;padding:105px 7px 0;width:133px;} .countryChoice ul a.button.bleu {font-size:11px;margin-top:10px;} .countryChoice ul a.button.bleu span {font-weight:normal;} .countryChoice .lifr {background:url(/v3/img/general/layers/pays/ico-france.png) no-repeat center top;} .countryChoice .libe {background:url(/v3/img/general/layers/pays/ico-belgique.png) no-repeat center top;} .countryChoice .lich {background:url(/v3/img/general/layers/pays/ico-suisse.png) no-repeat center top;} .countryChoice .lilu {background:url(/v3/img/general/layers/pays/ico-luxembourg.png) no-repeat center top;} /**************************************/ /* Filtres catalogue /**************************************/ #filterBlocBg {background:#fff;} #filterBloc {position:relative; padding:20px 0 0 21px; box-sizing:border-box; z-index:3;} #filterBloc span.h2ex {font-weight:bold; color:#00288C; text-transform:uppercase; font-size:21px; display:inline; font-family:DINpro;} #filterBloc .filter {height:65px; width:220px; float:left;padding-right:20px; padding-top:10px;} #filterBloc .moreFilterBt {float:left; line-height:36px; width:auto; margin-top:25px; text-decoration:underline;font-size:15px;} #filterBloc .lessFilterBt {float:left; line-height:36px; width:auto; margin-top:25px; text-decoration:underline;font-size:15px;} #filterBloc .btnSupprimer {float:right; margin: 3px 20px 17px 0;} #filterBloc .filterButton {float:right; margin: 3px 25px 17px 0;} #filterBloc .filterButton:hover p.filterInfo { display:block; } #filterBloc .filterButton p.filterInfo {background:#DCEBF5; border:2px solid #00288C; border-radius:2px; display:none; position: absolute; right:0px; bottom:43px; padding:5px; font-size:11px; text-transform:none; color:#141414; font-weight:normal; z-index:101; line-height:normal; font-family:Arial; text-align:center; width:200px;} #filterBloc .filterButton p.filterInfo img {position:absolute; bottom:-9px; right:15px;} #filterBloc .filterButton.active:hover p.filterInfo { display:none; } #filterBloc .filterButton.move {clear:none;} #filterBloc .filterButton span {background-position:right bottom;cursor:default;} #filterBloc .filterButton.active {background-position:left top;} #filterBloc .filterButton.active span {background-position:right top;cursor:pointer;} #filterBloc .ttl {font-size:14px; color:#141414; line-height:16px; margin-bottom:3px; width:220px; height:16px; overflow:hidden; display:block;} #filterBloc .ttl::after {content:" :";} #filterBloc .ttl em{margin-right:.5em;font-size:.8em;font-style:italic} #filterBloc .intervalText { font-weight:bold; margin-left:1em; font-size:.9em} #filterBloc #nbResults {display:none;} #filterBloc #filters {width:725px;} #filterBloc .waiting, #divEditCustomer .waiting, .newsletter .waiting, #productListingWrapper .waiting, #payment .waiting, .topProd .waiting, #compassistants .waiting, .packcontent .waiting, .productdispo .waiting, #divPremierePartie .waiting, #divPacks .waiting, .recap .waiting, .account .shippingPass .waiting {height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5} #filterBloc .bouton_assistant_consommable {position:absolute; background:url(/v3/img/catalogue/bg-assistant-consommables.gif) no-repeat; height:35px; width:160px; right:0; top:-15px;} #filterBloc .bouton_assistant_consommable a {font-size: 10px; text-decoration: none; height: 12px; display: block;} #filterBloc .bouton_assistant_consommable .link1 {color: white; padding-left: 40px; padding-top: 3px;} #filterBloc .bouton_assistant_consommable .link2 {color: black; padding-left: 40px;} #linkedCategories {padding:0px 5px 0px 5px; overflow:hidden; margin:10px 0 20px 0; height:28px; width:995px; box-sizing:border-box;} #linkedCategories em {font-style:normal; font-weight:bold; color:#141414; font-family: Arial; font-size:12px;} #linkedCategories ul {display:inline} #linkedCategories li {display:inline; margin:0 5px;} #linkedCategories a {background:#E1E1E1; color:#3c3c3c; padding:0 10px; height:28px; font-size:12px; display:inline-block; line-height:28px;} #linkedCategories a:hover {text-decoration:none; background:#b8b8b8;} #filterBloc #directAccess {padding:5px 0} #filterBloc #directAccess em {font-weight:bold;font-style:normal} #filterBloc #directAccess ul {display:inline} #filterBloc #directAccess li {display:inline;margin:0 .2em} #filterBloc #directAccess a {text-decoration:underline} #divPremierePartie .waiting{ height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5} #filterBloc .confBasketWarning {background:url(/v3/img/catalogue/ico-alerte.gif) 0 0 no-repeat;padding:2px 0 0 25px;color:#ff0000;font-weight:bold;font-size:1em;margin:.3em 0 0;} #filterBloc .confBasketWarning a {font-size:.9em;font-style:italic;font-weight:normal;/*color:#fff;*/float:right;margin-top:1em} #filterBloc .priceFilter {float:left; /*width:460px;*/ padding-right:20px;} /*#filterBloc .priceFilter .slider {width:460px;} #filterBloc .priceFilter .ruler {width:460px;}*/ #filterBloc .moreFiltersBt {margin-top:14px;} #filterBloc .moreFilter {display:none;} #filterBloc .dispoFilter {height:auto; width:auto; line-height:normal; clear:left; margin-top:3px;} /* Checkboxes */ .cbFilter {line-height:45px;/*text-align:center;*/} .cbFilter input, .cbFilter label {vertical-align:middle} /* Listes de bool (comme les films) */ .blFilter {} .blFilter select {height:36px;width:160px} .blFilter select .all {font-style:italic} /* dropdown filtre */ .filter .dropdown {width:220px;} .filter .dropdown .vflFlyout li {padding:0 45px 0 10px;} /*Intervalle slider*/ .slider {width:220px; height:36px; margin:-1px 0 0; color:#fff;} .slider .ruler {width:220px; height:36px; background:#fff; border:1px solid #e1e1e1; box-sizing:border-box;} /*laisser la bordure sinon le slider ne va pas au bout*/ .slider .handle {height:32px; width:63px; line-height:32px; z-index:5; font-size:16px; text-align:center; cursor:default; font-weight:bold; margin-top:1px; box-sizing:border-box; cursor:pointer;} .slider .handle:hover {} .slider .handle.left {background: url(/v3/img/catalogue/ico-fleche-budget-gauche.svg) left 1px bottom / 62px 32px no-repeat;padding-right:5px;} .slider .handle.right {background:url(/v3/img/catalogue/ico-fleche-budget-droite.svg) right 1px bottom / 62px 32px no-repeat;padding-left:5px;} .slider .dragging { } .slider .marquee {height:32px; background:#dcebf5; padding:0 20px; margin:1px 0 0 -20px;} /* Longueurs relatives */ #filterBloc h3 {width:90%} .slider {position:relative;} .slider .ruler {width:100%} .blFilter select {width:90%} /**************************************/ /* Listing produit /**************************************/ .productListingHeader {padding-left:15px; height:36px; padding-top:15px;} .sortZone, .displayZone {float:right;text-align:right; padding-left:20px;} .pnlTri {margin-right:10px;} .sortZone .dropdown {width:160px; display:inline-block;} .productListingHeader .labelHeaderListing {color:#141414; font-family:Arial; font-size:14px;line-height:36px; float: left;} /*.productListingHeader select {border-color:#c8c8c8;} .productListingHeader .sortType {width:130px}*/ .productListingHeader .sortOrder {width:36px; padding-top:36px; background:url(/v3/img/general/ico-tri-sensbas.svg) 50% 50% / 50% 50% no-repeat;} .productListingHeader .sortOrder.state1 {background:rgba(0, 0, 0, 0) url("/v3/img/general/ico-tri-senshaut.svg") 50% 50% / 50% 50% no-repeat;} .productListingHeader ul, .productListingHeader li {display:inline-block;} /*.productListingHeader .button {display:-moz-inline-block;display:-moz-inline-box;display:inline-block;vertical-align:middle;margin:0 5px 0 0;position:relative}*/ /*.listType .button {height:22px;width:38px}*/ /*.listType .bt0 {background-image: url(/v3/img/catalogue/bt-aff-vignette.gif)} .listType .bt1 {background-image: url(/v3/img/catalogue/bt-aff-liste.gif)} .listType .bt2 {background-image: url(/v3/img/catalogue/bt-aff-cooliris.gif)}*/ /*.listType .state0, .parPage .state0 {background-color: #00278b; color: #fff; text-shadow: 0 0 0 rgba(255, 255, 255, 0.4); line-height:36px;}*/ .listType .state1, .parPage .state1 {background-color:#e1e1e1!important; color: #646464!important; cursor:default;} /*.parPage .button {height:22px;width:38px} .parPage .bt12 {background-image: url(/v3/img/catalogue/bt-aff-x12.gif)} .parPage .bt24 {background-image: url(/v3/img/catalogue/bt-aff-x24.gif)} .parPage .bt48 {background-image: url(/v3/img/catalogue/bt-aff-x48.gif)} .parPage .bt96 {background-image: url(/v3/img/catalogue/bt-aff-x96.gif)} .parPage .bt0 {background-image: url(/v3/img/catalogue/bt-aff-tous.gif)}*/ .sortZone .button, .displayZone .button {margin-top:0;} /*ul.listType span, ul.parPage span {display:none}*/ #productListingWrapper {position:relative; z-index:auto; background:#fff; padding:5px 0px 20px; margin-bottom:20px;} .prix abbr.currency {display:none;} /* Dispo */ .dispo_cadre {border:1px solid #e1e1e1; font-size:11px; font-family:Arial; text-transform:uppercase; color:#646464; line-height:12px; min-height:60px; width:100px; padding:5px; box-sizing:border-box;} .dispo_cadre.bas {border-top: 0;} .dispo {display:block; width:70px; height:30px; background-position: 0px 0px; background-repeat:no-repeat; background-size:70px 30px;} .dispo.d01 {background-image:url(/v3/img/general/dispo/icDispo01.png)} .dispo.d02 {background-image:url(/v3/img/general/dispo/icDispo02.png)} .dispo.d03 {background-image:url(/v3/img/general/dispo/icDispo03.png)} .dispo.d04 {background-image:url(/v3/img/general/dispo/icDispo04.png)} .dispo.d05 {background-image:url(/v3/img/general/dispo/icDispo05.png)} .dispo.d06 {background-image:url(/v3/img/general/dispo/icDispo06.png)} .dispo.d07 {background-image:url(/v3/img/general/dispo/icDispo07.png)} .dispo.d08 {background-image:url(/v3/img/general/dispo/icDispo08.png)} .dispo.d09 {background-image:url(/v3/img/general/dispo/icDispo09.png)} .dispo.storeOnly {background-image:url(/v3/img/general/dispo/icDispoBoutiqueOnly.png);} .dispo.shopdispo {width:16px; height:16px; cursor:default; border-radius:50%;} .dispo.d02.shopdispo {background-color:#5aa01e;} .dispo.d09.shopdispo {background-color:#646464;} /*.dispo.d06.shopdispo {background-image:url(/v3/img/fiche-produit/boutique-surcommande.gif)}*/ /*.dispo.one {background-image:url(/v3/img/general/dispo/icDispoOne.gif)}*/ /* type listing */ .productListing.listing .pnlGuide {margin-top:25px;} .productListing.listing .pnlGuide a {margin:auto; width:685px; height:56px; overflow:hidden; display:block;} .productListing.listing table{ width:100%; border-spacing:0; border-collapse:collapse; margin-top:15px;} .productListing.listing table tr {} .productListing.listing tr.e0 {background:#f8f8f8;} .productListing.listing tr.e1 {background:#fff;} .productListing.listing th {padding-top:1em; text-align:center;font-weight:normal;text-transform:uppercase;color:#141414} .public-catalogue-categorypage .productListing.listing th:first-child {width:21px; border-right:1px solid #e1e1e1;} .productListing.listing th.left {text-align:left} .productListing.listing th.designation {padding-left:10px;} .productListing.listing th a {color:#141414;text-decoration:underline;} .productListing.listing td {text-align:center; min-height:170px; box-sizing:border-box;} .productListing.listing td.bordure {width:21px;} .public-catalogue-categorypage .productListing.listing td.bordure {border-right:1px solid #e1e1e1; } .productListing.listing td.vignette {width:150px; text-align:left; padding-left:20px;} .productListing.listing td.vignette a {display:block; width:150px; height:150px; margin:auto;} .productListing.listing td.vignette img {width:150px; height:150px; vertical-align:middle; display:block; overflow:hidden; line-height:1em;} .productListing.listing td.vignette div {position:relative;} .productListing.listing td.vignette .comparer {position:absolute; left:-27px; top:68px;} .productListing.listing td.vignette .comparer input {background:transparent;margin:0 !important;padding:0 !important;width:13px;} .productListing.listing td.vignette .newIcon {position:absolute; top:0; left:40px; background:#e61e00; width:52px; height:18px; font-size:12px; line-height:17px; text-transform:uppercase; font-family:DINPro; color:#fff; padding:0px 8px; font-weight:bold; text-shadow:0 0 0 #fff;} .productListing.listing td.vignette .affairIcon {position:absolute; font-family:Dinpro; top:0px; background:#009dd3; height:18px; font-size:12px; line-height:18px; text-transform:uppercase; color:#fff; padding:0px 6px; font-weight:bold; left:5px; text-shadow:0 0 0 #fff;} .productListing.listing td.vignette.masterProduct {background:url(/v3/img/catalogue/bg-vignette.png) no-repeat 10px 6px;} .productListing.listing td.disponib {width:100px;} .productListing.listing td.disponib a {margin:5px auto auto auto; } .productListing.listing td.disponib a.shopdispo { overflow:visible; position:relative;cursor:default; } .productListing.listing td.disponib a.shopdispo .dispoWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;padding:5px;font-size:11px;color:#646464;z-index:20; left:-97px; bottom:30px; width:200px;} .productListing.listing td.disponib a.shopdispo:hover .dispoWrapper {display:block;} .productListing.listing td.disponib a.shopdispo .dispoWrapper img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.listing td.designation {width:400px; text-align:left; padding:0px 10px; box-sizing:border-box; display:block;} .productListing.listing td.designation .nom {display:block; font-weight:bold; font-family: DINPro; color:#141414; font-size:16px; padding-top:28px; max-height:34px; overflow:hidden;} .productListing.listing td.designation .note {padding:7px 0px 0px 0px; display:block; height:15px; overflow:hidden:} .productListing.listing td.designation .note span {text-decoration:underline; font-size:14px; font-family:Arial;} .productListing.listing td.designation .note img.pNote {height:15px; padding-right:5px;} .productListing.listing td.designation .caract {color:#646464; font-family:Arial; font-size:12px; line-height:18px; max-height:35px; overflow:hidden; padding-top:10px;} .productListing.listing td.designation .catinfos {color:#646464; font-size:12px; line-height:18px; cursor:pointer;} .productListing.listing td.designation .catinfosdetails {color:#646464;font-size:.9em;} .productListing.listing td.designation h2 {color:#141414;padding-top:5px;} .productListing.listing td.designation .catinfosdetails span {display:block;} .productListing.listing td.designation .catinfosdetails a {text-decoration:underline;} .productListing.listing td.designation .numero {float:left; font-weight:bold; color:#009dd3; font-size:16px; line-height:16px; padding-right:0.1em; padding-top:30px; font-family:DINPro;} .productListing.listing td.designation .accroche {display:block; font-weight:bold; color:#00288c; font-size:13px; font-family:Arial; height:20px; overflow:hidden; margin-top:6px;} .productListing.listing td.designation .odrLink {display:block; color:#ff3c00; font-weight:bold; background:url(/v3/img/odr/ico-cadeau-odr.svg) 0 center / 14px 15px; background-repeat:no-repeat; padding-left:20px; height:18px; font-size:13px; font-family:Arial; overflow:hidden; margin-top:6px; line-height:22px;} .productListing.listing td.designation a.odrLink:hover { text-decoration:underline; } .productListing.listing td.designation .seemore {display:none; float:left;width:0px;height:0px;line-height:14px;font-size:0.9em;color:#fff;text-transform:uppercase;text-align:center;background:url(/v3/img/catalogue/bt-details-packs.gif) 0 0 no-repeat} .productListing.listing td.designation .masterParameters {margin-left:10px;} .productListing.listing td.designation .masterParameters a {text-decoration:underline;} .productListing.listing td.designation .masterParameters a:hover {text-decoration:underline;} .productListing.listing td.designation .addedon {float:left; font-size:1em; line-height:14px; margin:0px;} .productListing.listing td.designation a:hover {text-decoration:none;} .productListing.listing td.ajoutPanier {width:42px; padding-right:20px;} .productListing.listing td.ajoutPanier span {position:relative} .productListing.listing td.ajoutPanier a.addToBasket {display:block; margin:auto; width:42px; height:36px;} .productListing.listing td.ajoutPanier .numUpDownInput {float:left;margin-right:2px} .productListing.listing td.ajoutPanier .numUpDown {float:left;margin-bottom:2px} /* .productListing.listing td.note {width:110px} .productListing.listing td.note span {font-size:.8em;display:block} .productListing.listing td.note img.pNote {height:15px;} */ .productListing.listing td.focus {width:50px;padding:0 25px 0 10px;} .productListing.listing td.focus img {width:50px;} .productListing.listing td.prix {width:140px} .productListing.listing .tax, .productListing.listing .refTax {font-size:.5em; font-weight:bold; line-height:.7em; padding-left:0.2em; vertical-align:0.7em; display:none;} .productListing.listing .price {font-family:DINPro; font-weight:bold; font-size:28px; color:#00288C;} .productListing.listing .price .chf {font-size:25px;} .productListing.listing .price .chf .symbole {font-size:16px;} .productListing.listing .refPrice {font-size:16px; font-family:Arial; color:#3c3c3c; text-decoration:line-through; display:block;} .productListing.listing .reduc {display:block; color:#00288c;} .productListing.listing td.prix .startFromPrice {font-size:10px;color:#00288C;text-transform:uppercase;display:block;} .productListing.listing td.group {height:auto; text-align:left;background:#fff;} .productListing.listing td.group div {display:none;} .productListing.listing td.group div {font-weight:bold;font-size:1.2em;background:#dcebf5;padding:.3em .5em;margin-top:2em;text-transform:uppercase} .productListing.listing .firstGroup td.group div {margin-top:0} .productListing.listing td.group a {color:#00288c} .productListing.listing td.group a.poleposition {color:#f00; text-decoration:none;} .productListing.listing td.BanGuide {height:auto;} .productListing .highlight {padding:0 .3em;background:#ff0;font-size:.7em} /* type basethumbs */ .productListing.basethumbs {border-left:1px solid #e1e1e1;/*padding-left:15px;*/margin-bottom: 20px} .productListing.basethumbs .productWrapper, .productListing.basethumbs .groupWrapper { float:left; width:216px;/*height:340px;*/position:relative;/*overflow:hidden;*/border-top:1px solid #f2f2f2;/*border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;*/padding:20px 14px 35px} .productListing.basethumbs .productWrapper {padding-top:10px;} .productListing.basethumbs .vignette {display:block; width:150px; height:150px;/*padding:5px 0 5px 5px;*/ margin:0px auto} .productListing.basethumbs .vignette img {width:150px; height:150px; vertical-align:middle} .productListing.basethumbs .designation {display:block; overflow:hidden;text-decoration:underline;line-height:1.3em;font-weight:bold;font-size:12px;height:1.1em;line-height:1.1em;margin-top:10px} .productListing.basethumbs .accroche {display:block;overflow:hidden;clear:both;color:#00288c;font-style:italic;font-size:12px;height:2.5em;line-height:2.5em} .productListing.basethumbs .note {float:right} .productListing.basethumbs .note a {font-size:0.9em} .productListing.basethumbs .note a img {width:70px;} .productListing.basethumbs .pFocus {position:absolute;top:3px;right:3px} .productListing.basethumbs .productdispo {display:block;border-top:1px solid #e1e1e1;height:3.4em;line-height:3.4em;} .productListing.basethumbs .productdispo a {text-decoration:underline;} .productListing.basethumbs .dispo {float:right;width:70px;padding-top:40px;background-position:0 5px;} .productListing.basethumbs .shopdispo {background-position:0 12px;width:15px;padding:40px 25px 0 0;overflow:visible; position:relative;} .productListing.basethumbs .shopdispo .dispoWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;padding:5px;font-size:11px;color:#646464;z-index:20; left:-97px; bottom:40px; width:200px; line-height:normal; text-align:center;} .productListing.basethumbs .shopdispo:hover .dispoWrapper {display:block;} .productListing.basethumbs .shopdispo .dispoWrapper img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.basethumbs .productbuy {display:block;background:#DDEBF4;height:40px;line-height:40px;padding:0 0 0 .5em;} .productListing.basethumbs .productbuy.masterProduct {line-height:normal;} .productListing.basethumbs .prix {font-size:18px;display:inline-block;line-height:.8em;} .productListing.basethumbs .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.basethumbs .price {/*float:left;clear:left;*/font-weight:bold;display:block;} .productListing.basethumbs .refPrice {/*float:left;*/text-decoration:line-through;font-size:14px;display:block;} .productListing.basethumbs .startFromPrice {font-size:10px;color:#00288C;text-transform:uppercase;display:block;line-height:16px;} .productListing.basethumbs .ajoutPanier {float:right;background:url(/v3/img/catalogue/bt-miseaupanier.png) 0 5px no-repeat;width:40px;padding:40px 10px 0 0;} .productListing.basethumbs .seeProduct {float:right;margin-top:10px;margin-right:10px;} .productListing.basethumbs .qte {float:right;} .productListing.basethumbs .comparer input {vertical-align:middle} .productListing.basethumbs .comparer label{visibility:hidden;color:#646464;margin-left:.3em;opacity:0;} .productListing.basethumbs .productWrapper:hover label{visibility:visible;opacity:1;} .productListing.basethumbs .reduc {position:absolute;top:25px;left:15px;background:url(/v3/img/general/pastille-reduc.png) no-repeat 0 0;width:40px;height:40px;line-height:40px;font-weight:bold;font-size:1.25em;text-align:center;font-style:italic} .productListing.basethumbs .reduc.reducFrom {line-height:normal;} .productListing.basethumbs .reduc .from {font-size:9px;display:block;line-height:7px;padding-top:8px;font-weight:normal;font-style:normal;} .productListing.basethumbs .dispoPopup .dispo {position:relative;left:0;bottom:0;} .productListing.basethumbs .newIcon {position:absolute;top:25px;left:15px;background: url(/v3/img/general/pastille-nouveaute.png) no-repeat 0 0;width:33px;height:40px;padding:5px 6px 0;font-size:12px;line-height:17px;font-family:Arial;text-transform:uppercase;color:#fff; z-index:1;} .productListing.basethumbs .caract {display:block;padding-top:10px;position:relative;} .productListing.basethumbs .caract .caractWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;left:0px;bottom:/*340px*;*/153px;width:199px;min-height:58px;/*overflow:hidden;*/padding:5px;font-size:11px;color:#646464;font-style:italic;line-height:1.3em;} .productListing.basethumbs .caract .caractWrapper span.content {overflow:hidden;width:199px;/*height:58px;*/} /*.productListing.basethumbs .caract a:hover span.content {display:block}*/ .productListing.basethumbs .caract:hover .caractWrapper {display:block} .productListing.basethumbs .caract span img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.basethumbs .caract .caractWrapper .masterParameters {display:block;margin-top:10px;font-style:normal;} .productListing.basethumbs .caract .caractWrapper .masterParameters .title {background-color:#646464;color:#fff;display:block;padding:0 5px;} .productListing.basethumbs .caract .caractWrapper .masterParameters .links {padding:0 5px;margin-top:5px;} .productListing.basethumbs .caract .caractWrapper .masterParameters .links a {text-decoration:underline;font-weight:bold;} .productListing.basethumbs .productWrapper.e3 {padding-right:0}/*Dernier element de la ligne*/ /* type cooliris */ .productListing.cooliris {border:2px ridge #555;width:800px;margin:auto} /* type basethumbs */ .productListing.thumbs {border-left:1px solid #e1e1e1;padding-left:15px;margin-bottom: 20px} .productListing.thumbs .productWrapper, .productListing.thumbs .groupWrapper { float:left; width:200px; height:320px; position:relative;overflow:hidden;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:15px 20px 35px} .productListing.thumbs .vignette {display:block; width:150px; height:150px;/*padding:5px 0 5px 5px;*/ margin:10px auto} .productListing.thumbs .vignette img {width:150px; height:150px; vertical-align:middle} .productListing.thumbs .designation {display:block; overflow:hidden;text-decoration:underline;line-height:1.3em;font-weight:bold;font-size:12px;height:1.1em;line-height:1.1em;margin-top:10px} .productListing.thumbs .accroche {display:block;overflow:hidden;clear:both;color:#00288c;font-style:italic;font-size:12px;height:2em;line-height:2em} .productListing.thumbs .caract {display:block;overflow:hidden;color:#646464;font-style:italic;line-height:1.3em;height:2.8em;margin-top:2px;font-size:11px} .productListing.thumbs .note {float:right} .productListing.thumbs .note a {font-size:0.9em} .productListing.thumbs .pFocus {position:absolute;top:3px;right:3px} .productListing.thumbs .prix {font-size:18px;position:absolute;bottom:33px;left:20px} .productListing.thumbs .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.thumbs .price {float:left;clear:left;font-weight:bold} .productListing.thumbs .refPrice {float:left;text-decoration:line-through;font-size:14px} .productListing.thumbs .dispo {position:absolute;bottom:30px;right:70px} .productListing.thumbs .ajoutPanier {position:absolute;bottom:33px;right:20px;background:url(/v3/img/catalogue/bt-miseaupanier.gif) 0 0 no-repeat;width:35px;padding-top:24px} .productListing.thumbs .qte { position:absolute;bottom:35px;right:130px; } .productListing.thumbs .comparer input {vertical-align:middle} .productListing.thumbs .comparer label{visibility:hidden;color:#646464;margin-left:.3em;opacity:0} .productListing.thumbs .productWrapper:hover label{visibility:visible;opacity:1} .productListing.thumbs .reduc {position:absolute;top:25px;left:0;background:url(/v3/img/general/pastille-reduc.png) no-repeat 0 0;width:40px;height:40px;line-height:40px;font-weight:bold;font-size:1.25em;text-align:center;font-style:italic} .productListing.thumbs .dispoPopup .dispo {position:relative;left:0;bottom:0;} .productListing.thumbs .newIcon {position:absolute;top:0;left:0;background: url(/v3/img/catalogue/bg-new-vignette.gif) no-repeat 0 0;width:66px;height:17px;font-size:12px;line-height:17px;font-family:Arial;text-transform:uppercase;color:#fff;padding-left:4px;} .productListing.thumbs .productWrapper.e0 {padding-left:0} .productListing.thumbs .e0 .prix{left:0} /* type topthumbs */ .productListing.topthumbs {} .productListing.topthumbs .productWrapper, .productListing.topthumbs .groupWrapper { float:left; width:200px; height:250px; margin:3px 13px;position:relative;overflow:hidden;border:1px solid #fff;background-color:#fff} /* .productListing.topthumbs .productWrapper:hover {border-color:#c8c8c8;background:#fff url(/v3/img/general/fleche-roll-produits.gif) 100% 100% no-repeat} .productListing.topthumbs .productWrapper:hover .details {border-color:#fff} */ .productListing.topthumbs .numero {float:left;font-weight:bold;color:#00288c;font-size:1.4em;line-height:0.8em;padding-right:0.1em} .productListing.topthumbs .vignette {display:block; width:150px; height:150px;padding:5px 0 0 15px} .productListing.topthumbs .vignette img {width:150px; height:150px; vertical-align:middle} .productListing.topthumbs .details {border-left:1px solid #e1e1e1;padding:5px 5px 5px 15px;height:80px} .productListing.topthumbs .designation {display:block;overflow:hidden;text-decoration:underline;line-height:1.3em;height:2.6em} .productListing.topthumbs .caract {display:block;overflow:hidden;color:#646464;font-style:italic;line-height:1.2em;height:2.4em;margin-top:2px} .productListing.topthumbs .accroche {display:block;overflow:hidden;color:#00288c;font-style:italic} .productListing.topthumbs .note {/*float:left;*/ position:absolute;bottom:5px;right:5px;line-height:2em;padding-left:5px} .productListing.topthumbs .note img {vertical-align:baseline; height:15px;} .productListing.topthumbs .note a {font-size:0.9em} .productListing.topthumbs .prix {/*float:left;*/position:absolute;bottom:5px;left:15px;font-size:1.3em} .productListing.topthumbs .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.topthumbs .price {font-weight:bold;line-height:1.5em} .productListing.topthumbs .refPrice {text-decoration:line-through;font-size:.7em;padding-left:.5em} .productListing.topthumbs .reduc {position:absolute;top:10px;left:10px;background:url(/v3/img/general/pastille-reduc.png) no-repeat 0 0;width:40px;height:40px;line-height:40px;font-weight:bold;font-size:1.25em;text-align:center} /* type related thumbs */ .productListing.relatedthumbs {} .productListing.relatedthumbs .productWrapper { float:left; width:200px; height:300px; margin:3px 13px;position:relative;overflow:hidden;border:1px solid #ccc;background-color:#fff} .productListing.relatedthumbs .numero {float:left;font-weight:bold;color:#00288c;font-size:1.4em;line-height:0.8em;padding-right:0.1em} .productListing.relatedthumbs .vignette {display:block; width:150px; height:150px;padding:5px 0 0 15px} .productListing.relatedthumbs .vignette img {width:150px; height:150px; vertical-align:middle} .productListing.relatedthumbs .details {border-left:1px solid #c8c8c8;padding:5px 5px 5px 15px;height:80px} .productListing.relatedthumbs .designation {display:block;overflow:hidden;text-decoration:underline;line-height:1.3em;height:2.6em} .productListing.relatedthumbs .caract {display:block;overflow:hidden;color:#646464;font-style:italic;line-height:1.2em;height:2.4em;margin-top:2px} .productListing.relatedthumbs .accroche {display:block;overflow:hidden;color:#00288c;font-style:italic} .productListing.relatedthumbs .note {float:right;line-height:2em;padding-left:5px} .productListing.relatedthumbs .note img {vertical-align:baseline} .productListing.relatedthumbs .note a {font-size:0.9em} .productListing.relatedthumbs .prix {float:left;font-size:1.3em} .productListing.relatedthumbs .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.relatedthumbs .price {font-weight:bold;line-height:1.5em} .productListing.relatedthumbs .refPrice {text-decoration:line-through;font-size:.7em;padding-left:.5em} .productListing.relatedthumbs .reduc {position:absolute;top:10px;left:10px;background:url(/v3/img/general/pastille-reduc.png) no-repeat 0 0;width:40px;height:40px;line-height:40px;font-weight:bold;font-size:1.25em;text-align:center} .productListing.relatedthumbs .productWrapperOption { background:#efefef;height:50px; } /* type listinglight */ .productListing.listinglight {} .productListing.listinglight .productWrapper, .productListing.listinglight .groupWrapper {border-bottom:1px solid #e1e1e1;/*float:left; width:200px; height:250px; margin:3px 13px;*/position:relative;/*overflow:hidden;border:1px solid #fff;background-color:#fff;*/} .productListing.listinglight .productWrapper.e4 {border-bottom:none} .productListing.listinglight .vignette {float:left;/*display:block;*/width:50px; height:50px;padding:2px 10px 0 5px} .productListing.listinglight .vignette img {width:50px; height:50px; vertical-align:middle} .productListing.listinglight .details {padding:5px 5px 2px 0;height:47px} .productListing.listinglight .designation {display:block;overflow:hidden;line-height:1.1em;color:#000;height:28px} .productListing.listinglight .prix {font-size:1.2em;color:#00288c} .productListing.listinglight .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.listinglight .price {font-weight:bold} .productListing.listinglight .refPrice {text-decoration:line-through;font-size:.7em;padding-right:.5em} .productListing.listinglight .fiche {position:absolute; bottom:10px; right:0px} .productListing.listinglight .commander {display:none} .productListing.listinglight .caract {display:none} .productListing.listinglight .photoBig {display:none} .productListing.listinglight .note {display:none} /* type poleposition */ .productListing.poleposition table{ width:100%; /*border-left:1px solid #e1e1e1;*/ border-spacing:0; border-collapse:collapse} .productListing.poleposition table tr {border-left:1px solid #e1e1e1} .productListing.poleposition tr.e0 { background:#f0f0f0} .productListing.poleposition tr.e1 { background:#fff} .productListing.poleposition th { border-bottom:1px solid #e1e1e1; padding-top:1em; text-align:center;font-weight:normal;text-transform:uppercase;color:#141414} .productListing.poleposition th.left { /*padding-left:10px;*/text-align:left} .productListing.poleposition th a {color:#141414;text-decoration:underline;} .productListing.poleposition td { text-align:center; height:100px} .productListing.poleposition td.vignette { width: 120px;text-align:left} .productListing.poleposition td.vignette a {display:block;width:80px;height:80px;margin:auto} .productListing.poleposition td.vignette img {width:80px;height:80px;vertical-align:middle; display:block;overflow:hidden;line-height:1em} .productListing.poleposition td.vignette div {position:relative} .productListing.poleposition td.vignette .newIcon {position:absolute;top:0;left:20px;background: url(/v3/img/catalogue/bg-new-liste.png) no-repeat 0 0;width:52px;height:11px;font-size:10px;line-height:11px;font-family:Arial;text-transform:uppercase;color:#fff;padding-left:2px;} .productListing.poleposition td.designation {text-align:left;padding:5px 1px} .productListing.poleposition td.designation a:hover {text-decoration:none} .productListing.poleposition td.designation span {display:block;} .productListing.poleposition td.prix {width:110px} .productListing.poleposition .tax, .productListing.listing .refTax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.poleposition .price {font-weight:bold;font-size:1.2em;line-height:1.5em} .productListing.poleposition .refPrice {color:#646464;text-decoration:line-through;padding-right:.5em} .productListing.poleposition .reduc {display:block;color:#00288c} /* Comparaison */ .compare.top {position:absolute; width:0px; height:150px; top:20px; left:25px;} .compare.top a {position:absolute; left:-5px; top:-5px;} .compare.top .trait {border-left:1px solid #e1e1e1; position:absolute; width:0px; height:115px; top:52px; left:3px;} .compare.top .fleche {position:absolute; width:10px; top:40px; left:-1px; height:10px; background: url(/v3/img/general/ico-fleche-comparateur-haut.svg) center 0 / 10px 10px no-repeat;} .compare.bottom {position:absolute; width:0px; height:70px; bottom:24px; left:25px;} .compare.bottom a {position:absolute; bottom:-5px; z-index:1;} .compare.bottom .trait {border-left:1px solid #e1e1e1; position:absolute; width:0px; height:100px; bottom:52px; left:3px;} .compare.bottom .fleche {position:absolute; width:10px; bottom:40px; left:-1px; height:10px; z-index:1; background: url(/v3/img/general/ico-fleche-comparateur-bas.svg) center 0 / 10px 10px no-repeat;} .compare a.disabled {background-position:left bottom;} .compare a.disabled span {cursor:default;background-position:right bottom;} .compare a p.compareInfo { display:none; } .compare a.disabled:hover p.compareInfo {background:#DCEBF5; border:2px solid #00288C; border-radius:2px; display:block; position:absolute; left:0px; bottom:45px; padding:5px 0; font-size:11px; text-transform:none; color:#141414; font-weight:normal; line-height:normal; font-family:Arial; width:200px; text-align:center; z-index:2;} .compare a.disabled p.compareInfo img {position:absolute; bottom:-9px; left:40px; margin:0;} /**************************************/ /* Header de listing (intermediaire, categorie, marque...) /**************************************/ #plww{z-index:10} .goUp{position:absolute; bottom:25px; right:20px; background:url(/v3/img/catalogue/ico-fleche-grise-hautpage.svg) center center / 18px 9px no-repeat; width:36px; height:36px; z-index:1; margin:0; cursor: pointer!important;} #cathead {margin-bottom:20px; z-index:11; width:995px;} #cathead div.rounded_b {padding:0 0 10px} #cathead div.desc {display:block; font-size:11px; font-family:Arial; color:#3c3c3c; line-height:16px; padding:0px 5px 10px 5px;} #cathead span.desc {display:block; font-size:11px; line-height:1.2em; background:#fff; padding:9px 15px;} #cathead .bloc {} #cathead .bloc .catactu_int {float:right; width:250px; height:250px; overflow:hidden; padding-bottom:15px; position:relative;} #cathead .bloc .catactu_int .encartPub.openAdsWrapper { position:absolute;top:0;z-index:2; } #cathead .bloc .catactu_int2 {padding-bottom: 35px; margin-right:78px;} #cathead .catlist {/*width:660px;float:left; */ /*margin-bottom: 80px;*/} /*#cathead .catlist .col {float:left;}*/ #cathead .catlist .line {height: 80px; margin-bottom: 15px; padding-right: 16px; width:310px; float:left; overflow:hidden;} #cathead .catlist .line img {width: 80px; height: 80px; float:left;} #cathead .catlist .line .lineCat {float: left; height: 80px; width: 220px; padding-left:10px; } #cathead .catlist .line h2 {font-size:12px; font-family: Arial; font-weight: bold; line-height: 20px;} #cathead .catlist .line h2 a{font-size:12px; text-decoration: underline;} #cathead .catlist .line .ss_categories {overflow:hidden; max-height:45px; line-height: 14px;} #cathead .catlist .line .ss_categories a {/*background:url(/v3/img/cat-intermediaire/ico-fleche1.gif) no-repeat 0 2px;*/ text-decoration:underline; font-size: 11px;} #cathead .catlist .line .plus_de_choix {display: block; text-decoration:underline; font-size: 11px; color: #141414;} #cathead .catlist .line_univers h2 {line-height: 80px;} #cathead .catlist .cat_finales {width: 350px; float:left; padding-bottom: 15px; padding-right: 15px;} #cathead .catlist .cat_finales .title_cat_parent{font-family: DINPro,arial; font-size: 18px; color: #3C3C3C; display: block;} #cathead .catlist .cat_finales .img_link_cat_finales{padding-top: 10px;} #cathead .catlist .cat_finales .img_link_cat_finales .img_cat_parent {width: 80px; height: 80px; float:left;} #cathead .catlist .cat_finales .img_link_cat_finales .link_cat_finales {float: left; width: 250px; padding-left: 15px;} #cathead .catlist .cat_finales .img_link_cat_finales .link_cat_finales h2 a {text-decoration: underline; line-height: 20px;} #cathead .catlist .cat_accessoires {width: 273px; float:left; padding-bottom: 15px; padding-right: 15px;} #cathead .catlist .cat_accessoires .title_cat_accessoires{font-family: DINPro,arial; font-size: 14px; color: #3C3C3C; line-height: 18px; padding-bottom: 10px; display: block;} #cathead .catlist .cat_accessoires h2 a{text-decoration: underline; line-height: 20px;} #cathead .catlist a.top {font-weight:bold;} #cathead .wizards {float:left;clear:left;width:710px;padding:10px 0} #cathead .wizards li { background:url(/v3/img/cat-intermediaire/bg-assistants.gif) no-repeat;width:165px;float:left;margin-right:10px;height:18px;font-size:10px;padding-left:15px} #cathead .wizards li a{ color:#fff;display:block} #cathead .catactu {float:right; width:250px; height:250px; background:#fff; overflow:hidden; position:relative; z-index:2; border-radius:0 3px 3px 0;} #cathead .catactu .encartPub.openAdsWrapper {position:absolute;top:0;z-index:2;} #cathead #Marques {clear:left;position:absolute;bottom:20px;left:10px;width:710px} #cathead #Marques li {float:left;border:1px solid #e1e1e1;margin:0 5px 0 0;width:134px;text-align:center} #cathead #Marques li img {width:134px;height:60px} /* par défaut on masque l'avertissement concernant l'affichage des stocks franchises, sauf dans le cas des listings */ .pnlAvertFranchise {display:none;} #productListingWrapper .pnlAvertFranchise {display:block;} #productListingWrapper tr.stockBoutiqueWarning {background:#FFE7E7; color:#ff0000; text-align:center; font-size:15px; font-family:DINPro; text-transform:uppercase; height:40px; line-height:40px; font-weight:bold;} #productListingWrapper tr.stockBoutiqueWarning td {min-height:40px!important; height:40px; line-height:40px; font-weight:bold;} #productListingWrapper .stockBoutiqueWarning a {color:#ff0000;} #productListingWrapper .stockBoutiqueWarning img {height:24px; width:24px; margin:8px;} #searchhead {position:relative; margin-bottom:20px;} #searchhead .suggest, #searchhead #categorySuggest { width:713px;float:left;} #searchhead div.rounded {background:#fff;border:1px solid #e1e1e1;border-top:none;padding:0 0 10px;min-height:260px;margin-bottom:10px} #searchhead span.desc {display:block;font-size:11px;line-height:1.4em;background:#fff;padding:10px} #searchhead .bloc {background:#ddebf4;padding:10px 10px 0;/*position:relative;*/} #searchhead .noProducts { display:block;padding:10px} #searchhead .noProducts .searchGadsense { text-align:center} #searchhead .noProducts .noResultTxt { display:block;padding-left:50px;padding-bottom:40px;font-weight:bold} #searchhead .noProducts .noResultTopSales { background: none repeat scroll 0 0 #FFFFFF; bottom: -1px; font-family: DINPro,arial; font-size: 18px; padding-right: 0.5em; text-transform: uppercase;padding-bottom:15px} #searchhead .searchOption { background:#ddebf4;padding-bottom:10px} #searchhead .searchOption .spanh2 { display:block;font-family:DINPro, arial;text-transform:uppercase;color:#00288C;font-size:1.3em;font-weight:bold} #searchhead .searchOption ul { padding: 10px 0 0 0;display:block} #searchhead .searchOption li { display:block;float:left;width:33%;min-width:140px;height:1.4em;line-height:1.4em;overflow:hidden} #searchhead .searchOption #categorySuggest { padding:10px 10px 0 10px} #searchhead .searchOption #categorySuggest li a{ background:url(/v3/img/cat-intermediaire/ico-fleche1.gif) no-repeat 0 2px;padding-left:15px} #searchhead .searchOption #cluster { padding:10px 10px 0 10px} #searchhead .searchOption #cluster li a{ background:url(/v3/img/cat-intermediaire/ico-fleche1.gif) no-repeat 0 2px;padding-left:15px} #searchhead .searchOption #brandSuggest { padding:10px 10px 0 10px} #searchhead .searchOption #brandSuggest li { width:20%;min-width:120px;margin-top:10px;text-align:center;line-height:50px;height:auto} #searchhead .searchOption #brandSuggest li a { display:block;width:110px;height:50px;background:#fff;padding:0;border:1px solid #e1e1e1} #searchhead .searchOption #brandSuggest li a img { display:block;line-height:50px;height:50px;width:110px;overflow:hidden} #searchhead .searchFilters {position:static;} #searchhead #filterBloc {padding:15px; border-raius:3px;} #searchhead #filterBloc #filters {width:100%;} #searchhead #filterBloc #filters .filterButton {margin-top:26px;} .public-catalogue-searchpage .productListingHeader {display:none!important;} /*#searchhead #categorySuggest, #searchhead .suggest {width:713px; float:left;}*/ .public-catalogue-searchpage .suggestProduct .suggestTitle { background: none repeat scroll 0 0 #FFFFFF; bottom: -1px; font-family: DINPro,arial; font-size: 18px; padding-right: 0.5em; text-transform: uppercase;padding-bottom:15px} .productListing.listing .suggestTitle {font-weight:bold!important; font-size:20px; background:#dcebf5; line-height:40px; height:40px; text-transform:uppercase; color:#009dd3; text-align:center; font-family:DiNPro;} .public-catalogue-categorypage .suggestProduct .noProduct {display:block; width:995px; height:120px; background:url(/v3/img/catalogue/img-message-noproduct.png) no-repeat; margin:25px 0;} .public-catalogue-categorypage .suggestProduct .productListing.listing td.bordure, .public-catalogue-categorypage .suggestProduct .productListing.listing th:first-child {border:none;} .public-catalogue-categorypage .suggestProduct.inactiveProducts {color:#3C3C3C; padding-top:10px; background:#fff; padding:10px 15px 15px; margin-bottom:10px; z-index:auto;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .title {background:#fff;font-family:DINPro,arial;font-size:18px;text-transform:uppercase;bottom:-6px;padding:0 0.5em;position:relative;color:#141414;overflow:hidden;height:1em;display:inline-block;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productsList {border-top: 1px solid #e1e1e1;padding-top: 20px;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .bloc {float:left;width:465px;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .bloc.left {margin-right:10px;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .productWrapper.e4 {border-bottom: 1px solid #e1e1e1;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .productWrapper.lastProduct {border-bottom:none;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .details {height:auto;padding-left: 65px;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .designation {height:auto;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfos {cursor:pointer;display:block; width:70px;height:14px;line-height:14px;font-size:0.9em;margin:3px 0 2px 0;color:#fff;text-transform:uppercase;text-align:center;background: url(/v3/img/catalogue/bt-details-packs.gif) 0 0 no-repeat;margin-top:10px;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfos {display:none;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfos:hover {text-decoration:none;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfosdetails span {display:block;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfosdetails {font-size:.9em;margin-top:5px;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfosdetails a {text-decoration:underline;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .productListing.listinglight .catinfosdetails a:hover {text-decoration:none;} .public-catalogue-categorypage .wrapperDesc.resume {overflow:hidden;} .public-catalogue-categorypage .wrapperDesc.full {height:auto; overflow:hidden;} .public-catalogue-categorypage #cathead .wrapperDesc div.desc{ } .public-catalogue-categorypage #cathead .wrapperDesc.resume div.desc {width:995px; box-sizing:border-box;} .public-catalogue-categorypage #cathead .wrapperDesc.full div.desc {width:995px; box-sizing:border-box;} .public-catalogue-categorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif {display:inline;} .public-catalogue-categorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif span {color:#00288c; text-decoration:underline; padding:0 5px; display:inline-block; cursor: pointer; } .public-catalogue-categorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif-full { display:none; } .public-catalogue-categorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif-resume { cursor: pointer; color: rgb(0, 40, 140); text-decoration: underline; padding: 0px 5px; display: none; } .public-catalogue-categorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif {display:none;} .public-catalogue-categorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif span { display:none; } .public-catalogue-categorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif-full { display:inline; } .public-catalogue-categorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif-full a{ color:#000;text-decoration:underline;} .public-catalogue-categorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif-resume { cursor: pointer; color: rgb(0, 40, 140); text-decoration: underline; padding: 0px 5px;display:inline; } .public-catalogue-intermediatecategorypage .wrapperDesc.resume {overflow:hidden;} .public-catalogue-intermediatecategorypage .wrapperDesc.full {height:auto; overflow:hidden;} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.resume div.desc {} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.full div.desc {} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif {display:inline;} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif span {color:#00288c; text-decoration:underline;padding:0 5px;display:inline-block; cursor:pointer;} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif-full { display:none; } .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.resume div.desc #cathead-descriptif-resume {color:rgb(0, 40, 140); text-decoration:underline; padding:0px 5px; display:none;} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif {display:none;} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif span { display:none; } .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif-full { display:inline; } .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif-full a{ color:#000;text-decoration:underline;} .public-catalogue-intermediatecategorypage #cathead .wrapperDesc.full div.desc #cathead-descriptif-resume { cursor: pointer; color: rgb(0, 40, 140); text-decoration: underline; padding: 0px 5px;display:inline; } .catPub{margin-bottom:20px} #spelling {padding:1em 0 1em 1em;color:#3c3c3c} #spelling ul {display:inline} #spelling li {display:inline;padding:0 .5em} #searchhead .catlist {width:710px} #searchhead .catlist li {} #searchhead .catlist li h2 {font-size:13px;line-height:1.6em} #searchhead .catlist a {background:url(/v3/img/cat-intermediaire/ico-fleche1.gif) no-repeat 0 2px;padding-left:15px;text-decoration:underline} #searchhead .catlist a.top {font-weight:bold} #searchhead .wizards {clear:left;width:680px;padding:10px 0 0} #searchhead .wizards li { background:url(/v3/img/cat-intermediaire/bg-assistants.gif) no-repeat;text-align:center;width:165px;float:left;margin-right:10px;height:25px} #searchhead .wizards li a{ color:#fff;display:block} #searchhead .searchactu {overflow:hidden;width:250px;height:250px;/*position:absolute;*/margin-top:10px;margin-right:10px;/*right:0;top:0;*/float:right;} #searchhead #Marques {clear:left;position:absolute;bottom:20px;left:10px;width:700px} #searchhead #Marques li {float:left;border:1px solid #e1e1e1;margin:0 5px 0 0;width:135px;text-align:center} #searchhead #Marques li img {width:135px;height:60px} /**************************************/ /* Titres generiques des parties /**************************************/ h2.pListTitle, h3.pListTitle { background:#fff;display:inline;position:relative;padding-right:.5em;font-size:18px;font-family:DINPro, arial;text-transform:uppercase;bottom:-5px} .seealltitle {float:right;background-color:#fff;position:relative;bottom:-6px;padding:0 0.5em} .seealltitle a {text-decoration:underline} /* specifique home */ #homecontent .productListing.topthumbs .productWrapper {margin-left:0} #homecontent .productListing.topthumbs {border-top:1px solid #e1e1e1;padding-top:1em} /**************************************/ /* Categorie intermediaire /**************************************/ #cathead .wrapperDesc div.desc a{ color:#000;text-decoration:underline;} /*#intermediatecat h2 {font-family:DINPro,arial;font-size:18px;text-transform:uppercase;background-color:#fff;position:relative;display:inline;bottom:-6px;padding-right:0.5em}*/ #intermediatecat .more {float:right;background-color:#fff;position:relative;bottom:-6px;padding:0 0.5em} #intermediatecat .more a {text-decoration:underline} #intermediatecat .catpub {margin-bottom:20px} .intermediatecattop {background:#fff; padding:10px; margin-bottom:20px;} .intermediatecattop h2, #intermediatecat .productselection h2 {font-family:DINPro,arial;font-size:18px;text-transform:uppercase;background-color:#fff;position:relative;display:inline;bottom:-6px;padding-right:0.5em} .intermediatecattop .cattopmenu {border-top:1px solid #e1e1e1;padding:15px 0 0} .intermediatecattop .cattopmenu li {float:left;padding-left:5px;margin-right:5px;background:#fff url(/v3/img/general/onglets/bg-gauche.gif) no-repeat 0 5px;position:relative;top:3px} .intermediatecattop .cattopmenu li a {float:left;height:24px;padding:9px 20px 0 20px;background:url(/v3/img/general/onglets/bg-droite.gif) no-repeat 100% 5px} .intermediatecattop .cattopmenu li.on {background:#fff url(/v3/img/general/onglets/bg-gauche-on.gif) no-repeat 0 0;position:relative;top:4px;z-index:5} .intermediatecattop .cattopmenu li.on a {color:#00288c;font-weight:bold;font-size:14px;background:#fff url(/v3/img/general/onglets/bg-droite-on.gif) no-repeat right bottom} .intermediatecattop .cattopmenu li.first {z-index:5} .intermediatecattop .cattopmenu li.firstOn {background:#fff url(/v3/img/general/onglets/bg-gauche-on-first.gif) no-repeat 0 0} .intermediatecattop .wrapper {background:#fff;border:1px solid #e1e1e1;width:970px} .intermediatecattop .productListing.topthumbs {height:267px;overflow:hidden;padding:5px 40px 0;background:url(/v3/img/cat-intermediaire/bg-topdesventes.gif) repeat-x left bottom} .intermediatecattop .productListing.topthumbs .caract {font-size:11px} .intermediatecattop .productListing.topthumbs .productWrapper { border:1px solid transparent;background-color:transparent;margin:3px 10px 10px} .intermediatecattop .productListing.topthumbs .flechG_inactive, .intermediatecattop .productListing.topthumbs .flechG_active, .intermediatecattop .productListing.topthumbs .flechD_inactive, .intermediatecattop .productListing.topthumbs .flechD_active {display:block;position:absolute;top:80px;width:30px;height:30px;background-image:url(/v3/img/cat-intermediaire/bt-tdv.gif)} .intermediatecattop .productListing.topthumbs .flechG_inactive {left:10px;background-position:0 30px;cursor:default} .intermediatecattop .productListing.topthumbs .flechG_active {left:10px;background-position:0 0} .intermediatecattop .productListing.topthumbs .flechD_inactive {right:10px;background-position:30px 30px;cursor:default} .intermediatecattop .productListing.topthumbs .flechD_active {right:10px;background-position:30px 0} .intermediatecattop .productListing.topthumbs #animBloc {width:890px;overflow:hidden;position:relative} .intermediatecattop .productListing.topthumbs #animContent {width:1000000px;position:relative} .intermediatecattop .waiting {height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#bfbfbf url(/v3/img/ajax-loader.gif) no-repeat 50% 45%;opacity:.5} .intermediatecattop .guide { border-top:1px solid #e1e1e1;padding:15px 0 0} #intermediatecat .productselection {background:#fff;border:1px solid #e1e1e1;padding:10px;margin-bottom:10px} #intermediatecat .productselection h2 {color:#00288c} #intermediatecat .productselection .desc {border-top:1px solid #e1e1e1;padding:15px 0 10px;display:block} #intermediatecat .rkw {font-size:11px;line-height:11px;} #intermediatecat .rkw h2 {font-weight:bold;background:none;font-size:11px;text-transform:none;font-family:arial,verdana,geneva,helvetica,sans-serif;bottom:0} #intermediatecat .rkw li {display:inline;} /*.public-catalogue-categorypage*/ .rkw { font-size:11px; line-height:11px;padding:0 0 15px;color:#3C3C3C; } /*.public-catalogue-categorypage*/ .rkw .rkwItem, /*.public-catalogue-categorypage*/ .rkw .rkwSeparator { display:inline; } /*.public-catalogue-categorypage*/ .rkw .rkwTitle { display:inline;font-weight:bold;color:#000; } /* Popup comparateur */ #modalPopupClone { display:none} .comparatorAlert {text-align:center} .comparatorAlert span{display:block;padding:30px 20px} .comparatorAlert .button{margin-bottom:10px} #BlocCompare .modalPopup { border:1px solid #bfbfbf;padding-bottom:5px;width:968px;} #BlocCompare .ListingCompare { width:100%;border-spacing: 0px;border-collapse: collapse; } #BlocCompare a.btParam.top { height:14px;text-align:center;background:url(/v3/img/catalogue/comparator/bt-comparateur.gif) repeat-x;background-position:bottom;display:block;position:relative;cursor:pointer;-moz-user-select:-moz-none;-webkit-user-select:none} #BlocCompare a.btParam.bottom { height:14px;text-align:center;background:url(/v3/img/catalogue/comparator/bt-comparateur.gif) repeat-x;background-position:bottom;display:block;position:relative;cursor:pointer;-moz-user-select:-moz-none;-webkit-user-select:none} #BlocCompare a.btParam:hover { /*background:#cccccc*/background-position:top;} #BlocCompare a.btParam img { vertical-align:2px; } .PopCompare {max-height:90%;/*max-height: none\9;*/overflow:auto} #BlocCompare .ListingCompare.top {height:192px;} #BlocCompare .ListingCompare.footer {height:148px;} /*.PopCompare #PopCompareHeader {position:absolute;top:0; right:28px}*/ .PopCompare .compTable .close { float: none;position: absolute;right:1px;z-index:20} .leftMenu .box .PopCompare h2 { border-bottom:0;color:#8c4b37;float:left;font-size:1.5em;font-weight:bold;padding:.5em 0 0 0} .PopCompare .imprimer, .PopCompare .envoyer { float:right;margin-right:10px} .PopCompare .cancel { background:url(/v3/img/master/picto-annuler.gif) no-repeat 0 8px;float:right;padding:3px 0 0 15px;text-align:right} .PopCompare .subtitle { background-color:#fff;color:#8c4b37;font-size:1.1em;padding-right:5px;clear:both;float:left;margin-bottom:-.3em} .PopCompare .notice { font-size:.8em; text-align:center} .ListingCompare.overflow {background-color:#edebee; /*overflow-y:auto;overflow-x:hidden;height:172px;*/overflow:hidden;position:relative;/*background:url(/v3/img/catalogue/comparator/bg-comparateur.gif) repeat-x 0 0;*/} .ListingCompare.overflow.mobile { overflow:scroll; } .ListingCompare.overflow #tblParams { position: relative;cursor:pointer;-moz-user-select:-moz-none;-webkit-user-select:none;} .ListingCompare td {vertical-align:top;/*background:#fff;#edebed;*/} /*.ListingCompare.overflow #tblParams td { background:#ebebeb; }*/ .ListingCompare td.ProductParameterGroup {font-weight:bold;white-space:nowrap;padding:0 0 0 10px;font-size:1.2em;background: #ccc; } .ListingCompare td.ProductLine div {padding:3px 10px;text-align:center;width:150px} .ListingCompare tr.entete td.ProductLine div {padding:0 10px 5px 10px} /*.ListingCompare tr.odd {background-color:#ddebf4} .ListingCompare tr.even {background-color:#fff}*/ .ListingCompare td.ProductParameter { border-top:1px solid #ccc; } .ListingCompare td.ProductLine { border-top:1px solid #ccc; } .ListingCompare td.first {border-right:1px solid #ccc;} .ListingCompare td.first div {padding:3px 20px;width:190px} .ListingCompare tr.lineBottom td { /*background:url(/v3/img/catalogue/bg-bas.gif) repeat-x scroll 0 0 #FAFAFA;border-top:1px solid #ccc*/} .ListingCompare tr.lineBottom td.first div {font-weight:bold;text-align:left} .ListingCompare tr.lineBottom div{text-align:center} .ListingCompare tr.lineBottom .disponi a{margin:auto;overflow:hidden} .ListingCompare tr.allparams {/*display:none;*/} .ListingCompare tr.mainparams .showalllink {padding-bottom:10px} .ListingCompare tr.mainparams .showalllink a {font-size:.8em;padding-right:15px;text-decoration:underline;background:url(/v3/img/general/ico-fleche-bas.gif) 100% 50% no-repeat} .ListingCompare tr.lineBottom .prix {font-size:1.2em;color:#00288c} .ListingCompare tr.lineBottom .price {font-weight:bold} .ListingCompare tr.lineBottom .refPrice {font-size:0.9em;text-decoration:line-through;padding-right:.5em} .ListingCompare tr.lineBottom .tax {display:none;font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em} .ListingCompare .first span.h2Ex {font-size:1.2em;color:#00288c;font-weight:bold;text-transform:uppercase;padding:20px 0 .5em 0} .ListingCompare tr.lineBottom .removecomp {text-decoration:underline;padding-left:15px;background:url(/v3/img/general/bt-supprimer.gif) 0 60% no-repeat;color:#000} .ProductLine {padding:0 5px;text-align:center;width:160px} .ProductLine .designation { display:block; overflow:hidden;font-weight:bold; margin:auto} .ProductLine .vignette {display:block; width:150px; height:150px; background:url(/v3/img/catalogue/bg-photos.gif); margin:auto} .ProductLine .vignette img {width:150px; height:150px; vertical-align:middle} .ProductLine .focus {display:block;height:20px;text-align:center;text-transform:uppercase;width:150px;position:absolute} .ProductLine .new {background:url(/v3/img/catalogue/bg-nouveaute-comparateur.gif) 50% 0 no-repeat} .ProductLine .top {background:url(/v3/img/catalogue/bg-top-comparateur.gif) 50% 0 no-repeat;color:#fff} /**************************************/ /* Fiche produit /**************************************/ .printdate {display:none;} .atwrapper {margin-bottom:1em} #productheader {position:relative;} #productheader .wrapper {background:#fff;border:1px solid #e1e1e1;} #productheader h1 {padding:8px 0 0 15px;width:730px;} #productheader h1 .designation_courte {font-size:1.5em; font-weight: bold;line-height:1.6em;} #productheader h1 .designation_longue {color: #808080; font-size: 0.9em; line-height: 1.3em;display:block;height:28px;} #productheader h1 .model {color:#646464;font-size:.6em;} #productheader h1 .brand {display:none;} #productphoto {float:left;width:300px;background:#fff;margin:15px 15px 0 15px;position:relative} #productphoto .photodefault {position:relative} #productphoto .photodefault img {width:300px;height:300px;display:block;} #productphoto .photodefault span {position:absolute;bottom:1px;left:1px;background:#fff url(/v3/img/fiche-produit/ico-loupe.gif) no-repeat 5px center;padding:0 5px 5px 25px;color:#3c3c3c;opacity:.7} #productphoto .zoom {position:relative;top:-1px;z-index:10;margin:10px 0 5px 0;} #productphoto .vignette {float:left;margin-right:5px;width:50px} #productphoto .vignette img {cursor:pointer;width:50px;height:50px} #productphoto .photoNC {color:#646464;font-size:0.9em;} #productphoto .pourcent {position:absolute;z-index:10;top:10px;left:10px;background:url(/v3/img/fiche-produit/pastille.png) no-repeat 0 0;width:50px;height:50px;line-height:50px;font-weight:bold;font-size:1.5em;text-align:center;font-style:italic} #productphoto .odrCadreCenter {position:absolute;left:50%;top:239px;min-width:280px;max-width:300px;} #productphoto .odrCadre{text-align:center;border-radius:5px;position:relative;left:-50%;display:block;height:26px;/*background:#ffcebf url(/v3/img/odr/odr-fiche-left.png) no-repeat 0 center;*//*padding-left:37px;*/padding:0;/*padding-left:20px;*/border-radius: 5px;margin:0;} /*#productphoto .odrCadre:hover{background-color:#ffd8cc;}*/ #productphoto .odrCadre .odrLink {display:inline-block;color:#FF3C00;font-weight:bold;font-size:12px;line-height:26px;text-decoration:underline;padding-right:4px;} #productphoto .odrCadre .odrFleche {/*position:relative;*/display:inline-block;height:9px;/*top:-17px;*/width:10px;background:#ffcebf url(/v3/img/odr/fleche-odr-right.gif) no-repeat left center;/*left:250px;*/} #productphoto .odrCenterSpan{display:inline-block;height:26px;background:#ffcebf;border-radius:5px;} #productphoto .odrCenterSpan:hover{background:#ffd8cc;} #productphoto .odrImgLeft{margin-right:1px; } /* #productphoto {float:left;width:304px;background:#fff;padding:15px 15px 0 15px;position:relative} #productphoto .photodefault {border:1px solid #e1e1e1;background:#fff;padding:1px;position:relative} #productphoto .photodefault img {width:300px;height:300px;display:block;} #productphoto .photodefault span {position:absolute;bottom:1px;left:1px;background:#fff url(/v3/img/fiche-produit/ico-loupe.gif) no-repeat 5px center;padding:0 5px 5px 25px;color:#3c3c3c;opacity:.7} #productphoto .zoom {position:relative;top:-1px;z-index:10} #productphoto .vignette {float:left;padding-top:13px;margin-right:5px;width:52px} #productphoto .vignette img {border:1px solid #e1e1e1;cursor:pointer;width:50px;height:50px} #productphoto .photoNC {color:#999;font-size:0.9em} #productphoto .selected {padding-top:13px;background:url(/v3/img/fiche-produit/fleche-zoom.gif) no-repeat center top} #productphoto .pourcent {position:absolute;z-index:10;top:25px;left:25px;background:url(/v3/img/fiche-produit/pastille.png) no-repeat 0 0;width:50px;height:50px;line-height:50px;font-weight:bold;font-size:1.5em;text-align:center;font-style:italic} */ #productinfos {width:410px;margin:15px 15px 0 330px;position:relative;} #productinfos .note {font-size:14px;font-weight:bold;display:block;background:url(/v3/img/fiche-produit/ico-comment.png) no-repeat left center;padding-left: 28px;} #productinfos .note img {padding-top:2px;} #productinfos .note a {font-size:13px;text-decoration:underline;} #productinfos .productWrapper .note{ background:none; } #productinfos .comment {margin:0 0 0 10px;} #productinfos .infos {position:relative;} #productinfos .chapeau {display:block;margin:1em 0 0;text-align:justify;} #productinfos .chapeau a {text-decoration:underline;} #productinfos .readmore {border-bottom:1px solid #e1e1e1;display:block;height:19px;text-align:right;margin-bottom:5px;} #productinfos .readmore a {background:url(/v3/img/fiche-produit/lirelasuite.png) no-repeat 0 6px;float:right;display:inline-block;padding-top:20px;width:97px;} #productinfos .accroche {display:block;color:#00288c;font-size:13px;font-weight:bold;margin:1em 0 0;} #productinfos .paramicons {height:60px;overflow:hidden;margin:1em 0 0;} #productinfos .paramicons li {float:left;margin-right:15px;} #productinfos a.avertissement {display:block;color:#000;background:url(/v3/img/fiche-produit/bg-alerte.gif) no-repeat center center;height:20px;width:386px;padding:0 0 0 25px;margin:10px 0 0} #productinfos a.avertissement em {color:#ff8232;padding:0 0 0 3px;font-style:normal} #productinfos a.avertissement:hover {text-decoration:none} #productinfos a.logistique {display:block;color:#000;background:url(/v3/img/fiche-produit/bg-alerte.gif) no-repeat center center;height:20px;width:386px;padding:0 0 0 25px;margin:10px 0 0} #productinfos a.logistique em {color:#ff8232;padding:0 0 0 5px;font-style:normal} #productinfos a.logistique:hover {text-decoration:none} #productinfos .offre {display:block;color:#000;background:url(/v3/img/fiche-produit/bg-infos.gif) no-repeat center center;height:20px;width:386px;padding:0 0 0 25px;margin:10px 0 0;overflow:hidden;} #productinfos a.offre:hover {text-decoration:none} #productinfos .offre .price_destockage {color: #FF0000; font-weight: bold;} #productinfos .offre a.link_destockage {color: #00288C; font-weight: bold; text-decoration: underline;} #productinfos .share {/*position:relative;*/bottom:15px;position:absolute;} #productinfos .share ul {} #productinfos .share li {float:left;width:204px;height:22px;line-height:22px;background:url(/v3/img/fiche-produit/bg-fonctions.gif) no-repeat left top;margin:10px 0 0 0;} #productinfos .share li a {cursor:pointer;text-decoration:none;display:block;padding:0 0 0 26px;color:#141414;font-size:0.9em;} #productinfos .share li.sharepalert, #productinfos .share li.shareprint {margin-right:2px;} #productinfos .share li.sharesend a {background:url(/v3/img/fiche-produit/ico-fonction-ami.gif) no-repeat 5px center;} #productinfos .share li.shareprint a {background:url(/v3/img/fiche-produit/ico-fonction-imprimer.gif) no-repeat 5px center;} #productinfos .share li.sharepalert a {background:url(/v3/img/fiche-produit/ico-fonction-prix.gif) no-repeat 5px center;} #productinfos .share li.sharefav a {background:url(/v3/img/fiche-produit/ico-fonction-prefere.gif) no-repeat 5px center;} #productinfos .share #addedToFavorites {visibility:hidden} #productinfos .share .addedToFav {position:absolute;z-index:5;width:150px;bottom:60px;right:50px;text-align:justify;padding:4px;background:#DCEBF5;border:1px solid #00288C} #productinfos .share .addedToFav img {position:absolute;bottom:-6px;left:25px} #productinfos .equivalentproducts {margin:2em 0 0} #productinfos .equivalentproducts h3 {background:#fff;color:#00288c;position:relative;bottom:-5px;display:inline;padding-right:.5em;font-family:DINPro,arial;font-size:16px;font-weight:bold;text-transform:uppercase} #productinfos .equivalentproducts .productListing {border-top:1px solid #e1e1e1} #productinfos .equivalentproducts .listinglight .vignette {padding:8px 10px 0 5px;height:50px;width:50px;overflow:hidden} #productinfos .equivalentproducts .listinglight .details {padding:10px 5px 5px 0} #productinfos .equivalentproducts .listinglight .e3 {border-bottom:0} #productshipping {float:right;width:230px;min-height:470px;background:#ededed;text-align:center;} #productshipping #ulOptions {color:#00288c;} #productshipping .productactive {width:230px;} #productshipping .inactive {width:128px;padding:124px 45px;text-align:center;color:#646464;font-size:16px;font-style:italic;font-weight:bold;line-height:1.6em} #productshipping .blocprix, #productshipping .basket, #productshipping .blocdispo {display:block;padding:1.4em 0;border-bottom:2px solid #fff;} #productshipping .prix {display:block;padding-top:5px} #productshipping .tax {font-size:.8em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} #productshipping .price {font-weight:bold;font-size:32px;color:#00288c} #productshipping .refPrice {text-decoration:line-through;font-size:16px;padding-right:.5em} #productshipping .reduc {display:block;font-weight:bold} #productshipping .deee {font-size:11px;color:#646464} #productshipping .basket .numUpDownContainer {margin:0 0 1.5em 0;} #productshipping .panier {display:inline-block;padding-top:34px;width:200px;background:url(/v3/img/fiche-produit/bt-commander.gif) no-repeat left top;} #productshipping .panier.preco {background-image:url(/v3/img/fiche-produit/bt-precommander.gif);} #productshipping .panier.storeOnly {background-image:url(/v3/img/fiche-produit/bt-commander-boutique.gif);} #productshipping .blocdispo .title_dispo {font-size:.9em;font-weight:bold;text-align:left;padding:0 5px 0 15px;float:left;} #productshipping .alerte {cursor:pointer;font-size:.9em;float:left;text-decoration:underline;} #productshipping .productdispo {background:#fff;border:1px solid #e1e1e1;width:200px;display:inline-block;margin:5px 0 15px 0;text-align:left;padding-top:5px; height: 37px;} #productshipping .productdispo .dispo {float:left;margin:0 10px 0 0} #productshipping .productdispo select {width:120px} #productshipping .productdispo.notSold {color:#808080;text-transform:uppercase;font-family:DINPro,arial;font-size:18px;font-weight:bold;text-align:center;line-height:30px;} #productshipping .shopdispo {background:#fff;border:1px solid #e1e1e1;width:200px;display:inline-block;margin:0.5em 0;text-align:left; padding-top:5px; height: 37px;} #productshipping .shopdispo span {background-position:15% 50%;background-repeat:no-repeat;display:block;padding-left:80px;} #productshipping .shopdispo a {font-size: 11px;} #productshipping .variantParameters select {width:200px;font-style:italic;margin-top:10px;/*color:#646464;*/padding:2px 0;/*color:#00288c;*/} #productshipping .variantParameters select option.disabled {color:#bbbbbb;} #productshipping .shopdispo .d02 {background-image:url(/v3/img/fiche-produit/boutique-enstock.gif)} #productshipping .shopdispo .d09 {background-image:url(/v3/img/fiche-produit/boutique-rupture.gif)} #productshipping .shopdispo .d06 {background-image:url(/v3/img/fiche-produit/boutique-surcommande.gif)} #productshipping .livraison {margin:0 0 0 0.8em;position:relative;z-index:5} #productshipping .livraison li {float:left;padding-top:9px} #productshipping .livraison li div {display:block;height:40px;text-decoration:none;} #productshipping .livraison li div.disabled {background-position:left bottom;cursor:default} #productshipping .relais {background:url(/v3/img/fiche-produit/ico-relaiscolis.gif) no-repeat left top;width:48px;} #productshipping .relaisKariboo {background:url(/v3/img/fiche-produit/ico-relaiscolis-kariboo.gif) no-repeat left top;width:48px;} #productshipping .relaisM { background:url(/v3/img/fiche-produit/ico-mondialrelais.gif) no-repeat left top;width:48px;} #productshipping .chrono {background:url(/v3/img/fiche-produit/ico-chronopost.gif) no-repeat left top;width:55px;} #productshipping .chronoClassic {background:url(/v3/img/fiche-produit/ico-chrono.gif) no-repeat left top;width:55px;} #productshipping .paiementx3 {background:url(/v3/img/fiche-produit/ico-paiement3x.gif) no-repeat left top;width:52px;} #productshipping .cofinoga {background:url(/v3/img/fiche-produit/ico-cofinoga.gif) no-repeat left bottom;width:55px;} #productshipping .livraison span {background:#DCEBF5;border:1px solid #00288C;position:absolute;display:none;left:-5px;bottom:45px;width:210px;padding:5px;font-size:11px} #productshipping .livraison div:hover span {display:block} #productshipping .livraison span img {position:absolute;bottom:-6px;} #productshipping .relais span img {left:10px} #productshipping .relaisM span img {left:10px} #productshipping .relaisKariboo span img {left:10px} #productshipping .chrono span img {left:60px} #productshipping .chronoClassic span img {left:60px} #productshipping .paiementx3 span img {left:120px} #productshipping .cofinoga span img {left:170px} /*#productinfos {float:left;width:410px;margin:0 15px 0 0;position:relative;}*/ .chronoNote {display:block;color: #3C3C3C; font-size: 11px;line-height:1.4em;text-align:justify} /* Ajout au panier */ #addedToBasket {visibility:hidden} .addedToBasket {position:absolute;z-index:5;width:133px;right:25px;bottom:15px;line-height:1.6em;font-weight:bold;padding:3px;vertical-align:middle;text-align:justify;font-size:11px;background:#DCEBF5;border:1px solid #00288C} .public-catalogue-productpage #addedToBasket {visibility:hidden} .public-catalogue-productpage #productshipping .addedToBasket {position:absolute;bottom:170px;right:35px;padding:4px;text-align:center} .public-catalogue-productpage #productshipping .addedToBasket a, .public-catalogue-productpage #productfiche .addedToBasket a {text-decoration:none} .public-catalogue-productpage #productshipping .addedToBasket a:hover, .public-catalogue-productpage #productfiche .addedToBasket a:hover {text-decoration:none} .public-catalogue-productpage #productfiche .addedToBasket {position:absolute;bottom:40px;right:25px;padding:4px;text-align:center} #pagePanier .productWrapper .addedToBasket{ position:relative; left:50px; z-index:6} /* .addedToBasket {position:absolute;bottom:40px;right:25px;padding:4px;text-align:center} */ .button.lbAddShoppingCart {font-size:20px; width:200px;} .button.lbAddShoppingCart2 {font-size: 14px;} .button.lbChooseFranchiseStore {font-size:13px; max-width:200px;} /* Popup dispo */ .dispoPopup {padding:0 20px 20px;} .dispoPopup .dispo {padding:10px 0 0 75px; margin:0 0 10px 0; height:auto; width:auto; background-position:0 50%; background-size:70px 30px;} /* Envoyer a un ami */ .modalPopup .sendfriend input {width:200px;} .modalPopup .sendfriend .libelle {display:block;} .modalPopup .sendfriend .champ {background-color:#DCEBF5;margin:10px 0 0;padding:5px 15px} .modalPopup .sendfriend textarea {width:100%} .modalPopup .sendfriend label {padding-right:5px} .modalPopup .sendfriend .email {padding-left:25px;} .modalPopup .sendfriend .invalid {padding:10px 20px} /* Produits visites */ .productcompare {position:relative} .productcompare .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin-top:10px;z-index:auto} .productcompare .title {background:#fff;position:relative;bottom:-6px;display:inline;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase} .productcompare ul {border-bottom:1px solid #e1e1e1;float:left} .productcompare div.container {border-top:1px solid #e1e1e1} .productcompare ul .productWrapper, .productcompare ul .groupWrapper {float:left;width:100px;height:150px;overflow:hidden;padding:15px 35px 0 0} .productcompare ul .e2 {padding-right:0} .productcompare ul .productWrapper a {color:#000} .productcompare ul .productWrapper .vignette {display:block; width:100px; height:100px;overflow:hidden} .productcompare ul .productWrapper .vignette img {vertical-align:middle} .productcompare ul .productWrapper .designation {display:block;/*color:#646464;font-style:italic;*/height:2.4em;line-height:1.2em;overflow:hidden} /*.recentproducts ul .productWrapper .marque {display:block;height:2.4em;line-height:1.2em;overflow:hidden}*/ .productcompare ul .productWrapper .prix {display:block;padding-top:0.2em} .productcompare ul .productWrapper .tax {float:left;font-size:.8em;font-weight:bold;line-height:1em;padding-left:0.2em;vertical-align:1em;display:none} .productcompare ul .productWrapper .price {float:left;clear:left;font-size:14px;font-weight:bold;color:#00288c} .productcompare ul .productWrapper .refPrice {float:left;text-decoration:line-through;font-size:12px;padding-right:0.5em} /*.productcompare .productvisited {float:left;width:380px}*/ /* Comparateur */ /*.productcompare {float:left;margin:0 70px 0 0;position:relative;width:510px}*/ .productcompare .compare.bottom {border-left:0; float:left; margin-top:155px; position:inherit !important; width:auto; height:auto; left:auto; bottom:auto; border:0;} .productcompare .compare.bottom a {position:inherit !important; left:auto; bottom:auto;} .productcompare ul .productWrapper {padding:15px 55px 15px 0;/*position:relative;*/overflow:visible} .productcompare ul .productWrapper.e5 {padding-right:0} .productcompare .comparer {position:absolute;bottom:-7px;left:0;z-index:2} .productcompare .comparer input {vertical-align:middle} .productcompare .comparer label{visibility:hidden;color:#646464;margin-left:.3em} .productcompare .compare.bottom .trait {display:none;} .productcompare .compare.bottom .fleche {display:none;} /* Produits associ?s dans la fiche produit */ #panelProductAsso, .hideAsso {display:none;} .productasso {position:relative;} .productasso .imgOmbre {position:absolute;z-index:1;} .productasso .imgFleche {position:absolute;left:491px;top:-1px;z-index:1;} .productasso .productassoContent {width:950px;margin:auto;} .productasso .onglet {display:block;height:26px;padding-top:8px;text-transform:uppercase;font-family:DINPro,arial;text-align:center;font-weight:bold;font-size:1.4em;background:url(/v3/img/fiche-produit/bg-onglet.png) no-repeat center bottom;} .productasso .onglet a {color:#141414;text-decoration:none;cursor:pointer;} .productasso .onglet em {color:#00288c;font-style:normal;} .productasso .wrapper {background:#fff;border:1px solid #e1e1e1;border-top:none;z-index:auto;} .productasso .productListing.custom.el3, .productasso .productListing.custom.el4 {background:#ddebf4;-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} .productasso .productListing.custom .productWrapper, .productListing.listinglight .groupWrapper {position:relative;} .productasso .productListing.custom .productWrapper {float:left;width:422px;height:70px;overflow:hidden;} .productasso .productListing.custom.el3 .productWrapper.p0, .productasso .productListing.custom.el3 .productWrapper.p1, .productasso .productListing.custom.el4 .productWrapper.p0, .productasso .productListing.custom.el4 .productWrapper.p1 {background:#fff;} .productasso .productListing.custom.el5 .productWrapper.p2, .productasso .productListing.custom.el5 .productWrapper.p3, .productasso .productListing.custom.el6 .productWrapper.p2, .productasso .productListing.custom.el6 .productWrapper.p3 {background:#ddebf4;} .productasso .productListing.custom .productWrapper.e0 {padding:0 32px 0 20px;} .productasso .productListing.custom .productWrapper.e1 {padding:0 20px 0 32px;} .productasso .productListing.custom .vignette {float:left;width:50px; height:50px;padding:10px 10px 0 0;} .productasso .productListing.custom .vignette img {width:50px; height:50px; vertical-align:middle} .productasso .productListing.custom .vignette .iPhoto1, .productasso .productListing.custom .vignette .iPhoto2, .productasso .productListing.custom .vignette .iPhoto4 {display:none;} .productasso .productListing.custom .designation {display:block;overflow:hidden;line-height:1.2em;height:28px;color:#000;padding:10px 40px 0 0;} .productasso .productListing.custom .ajoutPanier {position:absolute;bottom:25px;right:20px;background:url(/v3/img/catalogue/bt-miseaupanier.gif) 0 0 no-repeat;width:35px;padding-top:24px;} .productasso .productListing.custom .productWrapper.e0 .ajoutPanier {right:32px;} .productasso .productListing.custom .prix {font-size:1.2em;line-height:1.5em;color:#00288c;float:left;} .productasso .productListing.custom .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productasso .productListing.custom .price {font-weight:bold;} .productasso .productListing.custom .refPrice {text-decoration:line-through;font-size:.7em;padding-right:.5em} .productasso .productListing.custom .seemore {float:left;width:70px;height:14px;line-height:14px;font-size:0.9em;margin:7px 0 0 15px;color:#fff;text-transform:uppercase;text-align:center;background:url(/v3/img/catalogue/bt-details-packs.gif) 0 0 no-repeat;text-decoration:none;} .productasso .productListing.custom .note {display:none;} .productasso .productListing.custom .caract {display:none;} .productasso .productListing.custom .accroche {display:none;} .productasso .productListing.custom .dispo {display:none;} .productasso .productListing.custom .reduc {display:none;} .productasso .productListing.custom .infoBasket {background:#DCEBF5;border:1px solid #00288C;position:absolute;top:15px;right:70px;display:none;width:160px;height:20px;padding:5px;font-size:11px;z-index:9999;text-align:center;} .productasso .productListing.custom .productWrapper.e0 .infoBasket {right:80px;} .productasso .productListing.custom .infoBasket img {position:absolute;right:-6px;top:9px;} /* Custom Controls */ .productListing.custom .accesFicheProduit .imgAccesFicheProduit{display:none} .productListing.custom .logotype .imgLogotype{display:none} .productListing.custom .button.hlAddShoppingCart {margin-top:0;} /* Produits associes */ .relatedProducts .productListing { border-top:1px solid #e1e1e1} .relatedProducts .e2 {padding-right:0} .relatedProducts li a {color:#000} .relatedProducts li .vignette {display:block; width:100px; height:100px} .relatedProducts li .vignette img {vertical-align:middle} .relatedProducts li .designation {display:block;color:#646464;font-style:italic;height:2.4em;line-height:1.2em;overflow:hidden} .relatedProducts li .marque {display:block;height:2.4em;line-height:1.2em;overflow:hidden} .relatedProducts li .prix {display:block;padding-top:0.2em} .relatedProducts li .tax {float:left;font-size:.8em;font-weight:bold;line-height:1em;padding-left:0.2em;vertical-align:1em;display:none} .relatedProducts li .price {float:left;clear:left;font-size:14px;font-weight:bold;color:#00288c} .relatedProducts li .refPrice {float:left;text-decoration:line-through;font-size:12px;padding-right:0.5em} /* Tops ventes + les clients ont egalement achete */ .producttops {position:relative} .producttops .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin-bottom:20px} .producttops .top {display:block;position:absolute;top:13px;right:16px;background:url(/v3/img/general/ico-fleche-haut.gif) no-repeat right center;padding-right:11px;text-transform:uppercase;letter-spacing:-.8px;font-size:10px;} .producttops .top a {color:#646464;text-decoration:none;} .producttops .top a:hover {color:#00288C;} .producttops .title {background:#fff;position:relative;bottom:-5px;display:inline;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase} .producttops .productlist {width:465px;float:left} .producttops .productlist.tops {margin-right:30px} .producttops .listinglight {border-top:1px solid #e1e1e1;padding-top:20px} .producttops .listinglight .designation {width:340px} /* Packs produits */ .packproducts {position:relative} .packproducts .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px;margin-top:10px;} .packproducts .title {background:#fff;position:relative;bottom:-5px;display:inline;padding-right:.5em;font-family:DINPro;font-size:18px;text-transform:uppercase} .packproducts .packcontent {border-top:1px solid #e1e1e1} .packproducts .newpack {margin:15px 0;background:#dcebf5;padding:10px;border:none} .packproducts .newpack .defaultvignette {width:100px;height:100px;overflow:hidden;margin:0;float:left;background:#fff;border:none;padding:1px} .packproducts .newpack .seuil {width:160px;font-size:1.2em;font-style:italic;color:#00288c;margin-top:38px;float:right} .packproducts .newpack .elemwrapper {float:left;width:425px;/*background:url(/v3/img/fiche-produit/bg-prods-packs.gif) 0 0 repeat-x;*/} .packproducts .newpack .elem {float:left;width:50px;background:url(/v3/img/fiche-produit/ico-plus-packs.gif) 10px 20px no-repeat;padding-left:35px;margin-top:25px} /*.packproducts .newpack .elemvignette {padding-bottom:5px}*/ .packproducts .newpack .elemquantite {font-weight:bold;font-size:1.2em;font-style:italic} .packproducts .newpack .elemdelete {float:right;padding-top:5px;width:10px;/*background:url(/v3/img/general/bt-supprimer.gif) no-repeat left bottom;*/} .packproducts .newpack .shipping {float:right;width:215px;padding-left:10px} .packproducts .newpack .shipping .panier {background:url(/v3/img/boutons/bt-commander-left.gif) no-repeat left;height:24px;padding-left:5px;margin-top:10px} .packproducts .newpack .shipping .panier span { background:url(/v3/img/boutons/bt-commander-slide.gif) right;color:#141414;height:24px; line-height:24px;text-transform:uppercase;padding:0 25px 0 10px;font-size:1.4em} .packproducts .newpack .shipping .price {font-size:1.5em;font-weight:bold;color:#00288c;display:block;margin:5px 0} .packproducts .newpack .shipping .reduction {display:block;font-weight:bold} .packproducts .packcontent .productListing.listinglight .productWrapper {float:left;width:285px;padding:0 0 0 50px} .packproducts .packcontent .productListing.listinglight .productWrapper.e0 {padding:0} .packproducts .packcontent .productListing.listinglight .productWrapper.e2 {padding:0 10px 0 50px} .packproducts .packcontent .productListing.listinglight .fiche {bottom:8px} .packproducts .packcontent .productListing.listinglight .seemore {float:left;width:70px;height:14px;line-height:14px;font-size:0.9em;margin-top:8px;color:#fff;text-transform:uppercase;text-align:center;background:url(/v3/img/catalogue/bt-details-packs.gif) 0 0 no-repeat} .packproducts .packcontent .productListing.listinglight .seemore:hover {text-decoration:none} .packproducts .packcontent .productListing.listinglight .details {height:60px;padding:5px 5px 0 0} .packproducts .packcontent .productListing.listinglight .designation {width:140px} .packproducts .packcontent .productListing.listinglight .prix {position:absolute;right:10px;top:5px} /* Produits Similaires */ .similarproducts {position:relative} .similarproducts .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin-bottom:20px} .similarproducts .top {display:block;background:url(/v3/img/general/ico-fleche-haut.gif) no-repeat right center;padding-right:11px;text-align:right;text-transform:uppercase;letter-spacing:-.8px;font-size:10px;} .similarproducts .top a {color:#646464;text-decoration:none;} .similarproducts .top a:hover {color:#00288C;} /*.similarproducts .title {background:#fff;float:left;position:relative;bottom:-1px;display:inline;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase}*/ .similarproducts .productListing {border-top:1px solid #e1e1e1} .similarproducts .productListing.topthumbs .productWrapper {margin:3px 18px} .similarproducts .wrapper h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase} .similarproducts .wrapper h2 span {display: none;} /* Descriptif et fiche technique */ #productfiche {position:relative} #productfiche .wrapper {background:#fff;border:1px solid #e1e1e1;margin-top:20px;} #productfiche .descwrapper {padding:10px 15px 0;} #productfiche h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase} #productfiche h2 span {display:none} #productfiche .occasion {text-align:justify;padding:20px 0 0;display:block;} #productfiche .occasion span {font-weight:bold;font-size:1.2em;} #productfiche .marque {background:#ddebf4;padding:2px 0 2px 2px;margin:20px 0;} #productfiche .marque .bloc {float:left;width:130px;height:49px;overflow:hidden;padding:6px 10px 2px 10px;margin:15px 0 5px;border-left:2px solid #fff;} #productfiche .marque .bloc a {text-decoration:underline;} #productfiche .marque .logomarque {background:#fff;padding-left:5px;float:left;} #productfiche .marque .lienmarque {border-left:none;} #productfiche .marque .garantie {font-weight:bold;} #productfiche .marque .garantie span {display:block;color:#009600;} #productfiche .marque .garantie .actif {text-decoration: none!important; cursor: pointer;} #productfiche .marque .garantie .actif:hover {text-decoration: underline!important;} #productfiche .marque .reseaux_sociaux {float:right;font-weight:bold;} #productfiche .marque .reseaux_sociaux .reseaux_sociaux_bouton {padding: 5px 10px 0 0;} .modalPopup #warranty {text-align: justify; padding: 20px;} .modalPopup #warranty .rubrique {color:#00288C;font-weight:bold;font-size:1.4em;margin-top:10px;text-transform:uppercase;line-height:1.4em;margin-bottom:2px;padding-left:2px;} #productfiche .descriptif {text-align:justify;padding:15px 0 10px;display:block} #productfiche .descriptif ul, #productfiche .descriptif ol {list-style:disc inside none;margin:0.2em 1em 1em} #productfiche .descriptif p {margin-top:1em} /*#productfiche .descriptif .brandCat { display:block}*/ #productfiche .descriptif .logomarque, #productfiche .descriptif .logomarque img {width:180px;display:block} #productfiche .descriptif .minishipping {width:180px;text-align:center;float:right;background:#fff;border:1px solid #e1e1e1;padding:5px 0;margin:10px 0 5px 20px} #productfiche .descriptif .minishipping .panier {background:url(/v3/img/boutons/bt-commander-left.gif) no-repeat left;height:24px;padding-left:5px} #productfiche .descriptif .minishipping .panier span { background:url(/v3/img/boutons/bt-commander-slide.gif) right;color:#141414;height:24px; line-height:24px;text-transform:uppercase;padding:0 30px 0 15px;font-size:1.4em;letter-spacing:.05em} #productfiche .descriptif .minishipping .prix {float:left;padding:5px} #productfiche .descriptif .minishipping .price {float:left;clear:left;font-weight:bold;font-size:1.6em;color:#00288c} #productfiche .descriptif .minishipping .tax {font-size:.8em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} #productfiche .descriptif .minishipping .refPrice {float:left;text-decoration:line-through;font-size:1.2em;padding-right:.5em} #productfiche .descriptif .minishipping .dispo {float:right;margin:5px} #productfiche .logistique, #productfiche .avertissement {margin:10px 0;background:#ffe6d6} #productfiche .logistique .info, #productfiche .avertissement .info {display:block;background:url(/v3/img/fiche-produit/ico-infos-livraison.gif) no-repeat 10px 10px;padding:12px 10px 5px 55px;text-align:justify} #productfiche .logistique .titre, #productfiche .avertissement .titre {display:block;padding:0 5px 5px 0;color:#ff8232;text-transform:uppercase;font-weight:bold;font-size:14px; height: 14px;} #productfiche .logistique .pays { font-weight:bold } #productfiche .logistique .asterisque { display:block;color:#646464;font-size:11px;line-height:2.5em } #productfiche .avertissement .info { background:url(/v3/img/fiche-produit/ico-alerte-complet.gif) no-repeat 10px 10px } #productfiche .avertissement .titre { color:#ff8232 } #productfiche .package {background:#ededed;padding:15px 30px;width:933px;margin:20px 0 0;} #productfiche .packagelist li {background:url(/v3/img/general/ico-fleche-droite.gif) no-repeat 0 0.2em;padding-left:15px} #productfiche .packagelist .packagecolumn { float:left; } /*Raccourcis page produit*/ .shortcutProduct {top:205px; position:fixed; margin-left:1025px; color:#141414; text-align:center; z-index:1000;} .shortcutProduct .shortcutList { width:65px;color:#fff;background:url(/v3/img/fiche-produit/ombre.png) no-repeat right 0;padding-right:2px; } .shortcutProduct .shortcutList, .shortcutProduct .shortcutList li, .shortcutProduct .shortcutList li a { display:block; } .shortcutProduct .shortcutList li { border-left:3px solid transparent;width:62px; } .shortcutProduct .shortcutList li:first-child{-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .shortcutProduct .shortcutList li:last-child{-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius: 5px;} .shortcutProduct .shortcutList li a {border-left:1px solid #4d4d4d; border-right:1px solid #4d4d4d;} .shortcutProduct .shortcutList li:first-child a {border-top:1px solid #4d4d4d; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;} .shortcutProduct .shortcutList li:last-child a {border-bottom:1px solid #4d4d4d; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-box-shadow:0px 2px 2px #a3a3a3; -webkit-box-shadow: 0px 2px 2px #a3a3a3;box-shadow: 0px 2px 2px #a3a3a3;} .shortcutProduct .shortcutList li.scImg a { height:35px;line-height:35px;color:#fff;text-decoration:none;background: #4d4d4d url(/v3/img/fiche-produit/bg-nav-fiche.gif) repeat-x 0 0; } .shortcutProduct .shortcutList li.scDesc a { height:30px;line-height:30px;color:#fff;text-decoration:none;background: #4d4d4d url(/v3/img/fiche-produit/bg-nav-fiche.gif) repeat-x 0 -36px; } .shortcutProduct .shortcutList li.scFT a {height:43px; line-height:12px; padding-top:17px; color:#fff; text-decoration:none; background: #4d4d4d url(/v3/img/fiche-produit/bg-nav-fiche.gif) repeat-x 0 -67px;} .shortcutProduct .shortcutList li.scAvis a { height:30px;line-height:30px;color:#fff;text-decoration:none;background: #4d4d4d url(/v3/img/fiche-produit/bg-nav-fiche.gif) repeat-x 0 -95px; } .shortcutProduct .shortcutList li.selected { border-left:3px solid red;border-right:3px solid red; } .shortcutProduct .miniBasket { display:none;background: url(/v3/img/fiche-produit/bt-panier-navi.png) 0 0 no-repeat;width: 65px;margin:15px auto 0 auto; } .shortcutProduct .miniBasket a { display: block;height: 32px;width: 65px; } #fichetech {position:relative} #fichetech .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin:20px 0;} #fichetech h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase} #fichetech h2 span {display:none} #fichetech .select_critere {padding-left: 255px; padding-top: 10px;} #fichetech .texte_critere {background: #DDEBF4; border: 1px solid #00288C; width: 143px; padding: 3px;} #fichetech .fleche_critere {} #productParametersList {width:100%;border-spacing: 0px;border-collapse: collapse; } #productParametersList td {vertical-align:top} #productParametersList .productParameterGroups {padding:25px 0 2px 0;font-weight:bold;color:#00288c;border-bottom:1px solid #e1e1e1;text-transform:uppercase; border-right: 1px solid #e1e1e1;} #productParametersList .productParameterGroups h3 {font-weight:bold;color:#00288c;} #productParametersList .productParameterGroupsFirst h3 {font-weight:bold;color:#00288c;} #productParametersList .productParameterGroupsFirst {padding:5px 0 2px 0;font-weight:bold;color:#00288c;border-bottom:1px solid #e1e1e1;text-transform:uppercase; border-right: 1px solid #e1e1e1;} #productParametersList .productParameterGroups2 {border-bottom:1px solid #e1e1e1;} #productParametersList .productParameter, #productParametersList .productParameterValues {border-bottom:1px solid #e1e1e1;padding:2px 0 2px 15px;} #productParametersList .productParameter, #productParametersList .productParameterValues .param1302 { font-weight:bold; } #productParametersList .productParameter {width:/*260px*/27%;padding:2px 10px;font-weight:bold;color:#000; /*position: relative;*/ border-right: 1px solid #e1e1e1;} #productParametersList .productParameter input {margin:2px 0; position: absolute; left: 27%; /*float:right; */} #productParametersList .productParameterValues {/*width:690px;*/color:#646464} #productParametersList tr.odd:hover, #productParametersList tr.even:hover {background:#eee;} #productParametersList tr.select {background: #DDEBF4;} #productParametersList .identifier .type {display:none} #fichetech .date {display:block;margin:20px 0 0} #fichetech .doc {display:inline-block; background:url(/v3/img/fiche-produit/ico-pdf.gif) no-repeat left top;line-height:26px;padding-left:36px;text-decoration:underline;margin-right:35px;} #fichetech .bouton_flottant {width:322px; right:50px; position: absolute;} #fichetech .searchSimilar {margin-top:1em; overflow:hidden; height:36px; opacity:1;} #fichetech .searchSimilar.hidden {height:0; opacity:0;} #fichetech .searchSimilar, #fichetech .searchSimilar span {-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out} /* Produits compatibles */ .productcompat {position:relative;} .productcompat .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin-top:20px} .productcompat h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase;} .productcompat h2 span {display: none;} .productcompat .compatp {margin:0em 1em 0 0;} .productcompat .compatDesc {display:block;color:#646464;} .productcompat .productWrapper {float:left;margin:20px 15px 3px;width:130px;height:120px;overflow:hidden;text-align:center;} .productcompat .vignette {display:block;width:80px;height:80px;overflow:hidden;margin:auto;} .productcompat .designation {display:block;overflow:hidden;text-decoration:underline;line-height:1.3em;height:2.6em;padding:5px 0 0;} .productcompat .vignette img {width:80px;height:80px;vertical-align:middle;} /* Commentaires fiche produit */ .productcomments {position:relative} .productcomments .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin-bottom:20px} .productcomments .wrapper h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase;} .productcomments .wrapper h2 span {display: none;} .productcomments .noteliens {display:block;padding:20px 0 10px;font-size:14px;} .productcomments .noteliens .notetitle {font-weight:bold;} .productcomments .noteliens a.lien {font-size:12px;font-weight:normal;color:#000;text-decoration:underline} .productcomments .noteliens a.lien:hover {text-decoration:none} .productcomments .noteliens .all {float:right;text-decoration:none} .productcomments .noteliens img {vertical-align:middle;padding:0 5px} .productcomments ul li.odd {background-color:#f0f0f0;padding:10px; height:80px;} .productcomments ul li.even {background-color:#fff;padding:10px; height: 80px;} .productcomments ul .infos {float:left;width:180px} .productcomments ul .date {font-style:italic;color:#646464;display:block} .productcomments ul .comment {float:left;width:760px} .productcomments ul .comment img {padding-right:5px} .productcomments ul .txtcomment {display:block;margin-top:5px;word-wrap:break-word;} .productcomments ul .more {text-decoration:underline;padding-left:5px} /* Ancres fiche produit */ .productanchors {font-size:10px;border-bottom:1px solid #e1e1e1;text-align:right} .productanchors li {display:inline;text-transform:uppercase;padding:0 5px 0 2px;letter-spacing:-.8px;color:#00288c;border-right:1px solid #e1e1e1} .productanchors li.on a {color:#00288c} .productanchors a {color:#646464} .productanchors a:hover {color:#00288c;text-decoration:none} .productanchors .top {border-right:0;background:url(/v3/img/general/ico-fleche-haut.gif) no-repeat right center;padding-right:11px} /* Presse produit */ .productpress {position:relative} .productpress .wrapper {background:#fff;border:1px solid #e1e1e1;padding:10px 15px 15px;margin:0 0 20px} .productpress .wrapper h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:DINPro,arial;font-size:18px;text-transform:uppercase;} .productpress .wrapper h2 span {display: none;} .productpress .itemlist {margin-top:15px} .productpress .itemlist li {padding:10px 10px;border-bottom:1px solid #e1e1e1;} .productpress .itemlist li.odd {background:#f0f0f0} .productpress .itemlist li.even {background:#fff} .productpress .itemlist li.last {border-bottom:none} .productpress .itemlist li.promote {padding:10px;background:#DDEBF4;border:none} .productpress .itemlist .source {float:left;width:180px} .productpress .itemlist .extract {float:right;width:760px;text-align:right} .productpress .itemlist .date {font-style:italic;color: #00288c} .productpress .itemlist .sourcetitle {font-size:1.2em;font-weight:bold;float:left} .productpress .itemlist .promote .sourcetitle {color: #00288c} .productpress .itemlist .desc {display:block;text-align:justify} .productpress .itemlist .more {text-decoration:underline;padding-left:5px} .productpress .itemlist .more:hover {text-decoration:none} /* Popup details d'un produit */ .detailproductpopup {width:600px} .detailproductpopup .detailcontent {padding:0 0 20px 20px} .detailproductpopup .default {width:200px;height:200px;float:left} .detailproductpopup .chapeau {background:#DCEBF5;float:right;width:350px;padding:5px 10px;text-align:justify} .detailproductpopup .accroche {color:#00288C;font-size:1.2em;font-weight:bold} .detailproductpopup .fiche {float:right;width:350px;margin:20px 20px 0 0;text-align:right} .detailproductpopup .fiche .button {margin-top:15px} .detailproductpopup .vignette {float:left;margin-right:5px;width:52px} .detailproductpopup .vignette img {cursor:pointer;width:50px;height:50px} /* lostloginpage */ .secure-account-lostloginpage #divLoginControl{ margin-left:15px; margin-right:15px; padding-bottom:25px; padding-top:25px} .secure-account-lostloginpage .InputLarge{ width:220px; padding-right:10px} .secure-account-lostloginpage .LostLoginPage{ background-color:#ffffff} .secure-account-lostloginpage .lostPasswordPanel{ float:left} .secure-account-lostloginpage .sizelarge{ font-size:15px; font-weight:bold} .secure-account-lostloginpage .inlineDisplay hr{ padding-top:1px; background-color: #cfcccc; height: 0; border: 0} .secure-account-lostloginpage .inlineDisplay{ margin-left:150px; width:815px} .secure-account-lostloginpage .pictureValidator{ height:15px; font-style: italic; background-repeat:no-repeat; background-image:url(/v3/img/customer/ico-alertes.gif); padding-left:20px; visibility:visible !important; display:inline-block !important; padding-bottom:1px; width:0; overflow:hidden; margin-left:5px} .secure-account-lostloginpage .pictureError{ background-position:0% 100%; display:inline !important; color : #ff0000} .secure-account-lostloginpage .pictureValidate{ background-position:0% 50%; width:0} .secure-account-lostloginpage .ghostPicture{ display: none !important; visibility: hidden !important} .secure-account-loginpage .barre{ background-color:#CFCCCC; border:0 none; height:1px; width:100%} /* .secure-account-loginpage .divTxtPhone{ float:left; font-weight:normal} .secure-account-loginpage .divTxtPhoneMobile{ font-weight:normal; margin-left:15px; float:left} .secure-account-loginpage .phoneValidation{ height: 20px; margin-top: 23px} */ /*grade page commentaires*/ .rank8 { background:url('/v3/img/commentaire/ico-rank8.gif') no-repeat left center} .rank7 { background:url('/v3/img/commentaire/ico-rank7.gif') no-repeat left center} .rank6 { background:url('/v3/img/commentaire/ico-rank6.gif') no-repeat left center} .rank5 { background:url('/v3/img/commentaire/ico-rank5.gif') no-repeat left center} .rank4 { background:url('/v3/img/commentaire/ico-rank4.gif') no-repeat left center} .rank3 { background:url('/v3/img/commentaire/ico-rank3.gif') no-repeat left center} .rank2 { background:url('/v3/img/commentaire/ico-rank2.gif') no-repeat left center} .rank1 { background:url('/v3/img/commentaire/ico-rank1.gif') no-repeat left center} /*Listing Commentaires*/ #commentsListing h1 { position: relative;bottom: -6px; display:inline;font-family: DINPro,arial;padding-right:0.5em;font-size: 18px;text-transform: uppercase;background:#fff;padding-left:15px} #commentsListing h3 { position: relative;bottom: -6px; display:inline;font-family: DINPro,arial;padding-right:0.5em;font-size: 18px;text-transform: uppercase;background:#fff} #commentsListing .wrapper {padding:0; margin-bottom:15px;} #commentsListing .wrapper.rounded {padding-top:0; background:#fff;} #commentsListing .rounded { border:1px solid #e1e1e1;padding:2px 0 2px 0} #commentsListing .infoProduct { background:#fff;float:left;width:306px} #commentsListing .infoProduct .photo { width:300px;height:300px;padding:2px} #commentsListing .infoProduct .photo.rounded { background:#fff} #commentsListing .infoProduct .photo img { width:300px;height:300px} #commentsListing .infoProduct .pourcent {position:absolute;z-index:10;top:25px;left:25px;background:url(/v3/img/fiche-produit/pastille.png) no-repeat 0 0;width:50px;height:50px;line-height:50px;font-weight:bold;font-size:1.5em;text-align:center;font-style:italic} #commentsListing .infoProduct .designation_prix {float:left; width:254px;} #commentsListing .infoProduct .hplAddShoppingCart {float:left;} #commentsListing .infoProduct .refPrice {text-decoration:line-through;font-size:1.2em;padding-right:.5em} #commentsListing .infoProduct .prix { display:block} #commentsListing .infoProduct .price {font-weight:bold;font-size:1.4em;color:#141414} #commentsListing .infoProduct .reduc {display:block;font-weight:bold} #commentsListing .infoProduct .panier {float:right;margin:1em auto auto;background:url(/v3/img/catalogue/bt-miseaupanier.gif) 0 0 no-repeat;width:36px;padding-top:24px} #commentsListing .infoProduct .link { text-decoration:underline;font-weight:bold} #commentsListing .infosCom { float:right;padding-left:15px;width:642px} #commentsListing .infosCom .nMoyenne { height: 15px; line-height: 15px} #commentsListing .infosCom .topComment { margin-top:15px;padding:5px 0 5px 10px;background:#DDEBF4;font-size:1.3em;display:block;color:#00288C} #commentsListing .infosCom .topCommentUtils { padding-bottom:20px} #commentsListing .infosCom .topCommentUtils li { float:left;padding:5px 10px 0 10px;width:300px} #commentsListing .infosCom .topCommentUtils ul .infos {display:none} #commentsListing .infosCom .topCommentUtils ul .date {font-style:italic;color:#646464;display:block} #commentsListing .infosCom .topCommentUtils ul .comment {float:left} #commentsListing .infosCom .topCommentUtils ul .comment img {padding-right:5px} #commentsListing .infosCom .topCommentUtils ul .txtcomment {display:block;margin-top:5px;word-wrap:break-word;} #commentsListing .infosCom .topCommentUtils ul .more {text-decoration:underline;} #commentsListing .infosCom .topCommentUtils ul .more:hover {text-decoration:none} #commentsListing .infosCom .topCommentUtils .pNote span {margin-left:5px;} #commentsListing .infosCom .right { float:right} #commentsListing .infosCom .statCom { display:block;border:1px solid #e1e1e1;padding:10px;margin:15px 0} #commentsListing .infosCom .statCom .statItem{ float:left;width:123px;text-align:center;text-decoration:none;border-left:1px solid #e1e1e1;} #commentsListing .infosCom .statCom .statItem.first{border-left:0;} #commentsListing .infosCom .statCom span.percent {color:#000} #commentsListing .infosCom .statCom a.statItem:hover span.comments {text-decoration:underline} #commentsListing .infosCom .statCom span { display:block} #commentsListing .infosCom .statCom img { display:block;margin-left:28px;} #commentsListing .openAdsWrapper .openAdsContent { margin-bottom:15px; } #commentsListing .listing {padding: 0 15px 15px; background:#ffffff;} #commentsListing .listing.rounded { background:#fff; position:inherit;} #commentsListing .sortZone {float:right; margin-top:30px;} #commentsListing .sortZone select {width:130px;border-color: #c8c8c8;} #commentsListing .sortZone .sortOrder {width:36px; padding-top:36px; background:rgba(0, 0, 0, 0) url("/v3/img/general/ico-tri-sensbas.svg") no-repeat 50% 50% / 50% 50%; margin-bottom:3px;} #commentsListing .sortZone .sortOrder.state1 {background:rgba(0, 0, 0, 0) url("/v3/img/general/ico-tri-senshaut.svg") no-repeat 50% 50% / 50% 50%;} #commentsListing .ssTitle {display:block; border-top:1px solid #e1e1e1; padding:60px 0 0 0;} #commentsListing .listing ul li.rounded { display:block;margin-bottom:20px;border:1px solid #e1e1e1;position:relative;background:#fff url(/v3/img/general/bg-comment-list.gif) repeat-y left} #commentsListing .listing .infos { display:block;float:left;width:180px;padding:10px} #commentsListing .listing .infos .name { color:#00288C;font-size:1.2em} #commentsListing .listing .infos .user { padding: 0 0 5px 34px;margin:auto 0} #commentsListing .listing .infos span { display:block} #commentsListing .listing .stats { padding:5px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;font-size:0.9em } #commentsListing .listing .top { padding-top:5px} #commentsListing .listing .comment { float:left;padding:10px;background:#fff;width:740px} #commentsListing .listing .comment span { display:inline-block} #commentsListing .listing .comment .pNote { height:13px;line-height:13px} #commentsListing .listing .comment .title {margin:10px 0 5px;} #commentsListing .listing .comment .txtcomment { padding-bottom:10px;border-bottom:1px solid #e1e1e1;word-wrap:break-word;} #commentsListing .listing .comment .option { padding-top:10px} #commentsListing .listing .comment .option .type { padding:4px;background:#DDEBF4;display:inline;color:#00288C} #commentsListing .listing .comment .option .adviseBt {float:right; margin-top:3px;} #commentsListing .listing .comment .option .adviseBt span { display:inline} #commentsListing .listing .comment .option .advise {float: right; height:33px; line-height:33px;} #commentsListing .listing .comment .option .advise .adviseDesc { float:right; margin-right:5px; } #commentsListing .listing .nombre { text-align:right;display:block} #commentsListing .listing .nombre .nb { display:inline;color:#009601} #commentsListing .listing .comment .userBuy {float:right; color:#009dd3; height:20px; line-height:20px;} #commentsListing .listing .comment .userBuy img {height:20px; padding-right:5px;} #commentsListing .listing .comment .reportCommentAsInappropriate {padding-left:22px;line-height:30px;height:30px;display:block;text-decoration:underline;background:url(/v3/img/commentaire/ico-alerte.png) no-repeat left} #commentsListing .listing .comment .commentResponseContainer {background-color:#e5e5e5;margin-left:50px; padding:10px;} #commentsListing .listing .comment .commentResponseContainer .title {display:inline;} #commentsListing .listing .comment .commentResponseContainer .italic {display:inline;font-style:italic} #commentsListing .listing .comment .commentResponse {background:url(/v3/img/commentaire/ico-trombone.png) no-repeat right top;padding-right:20px;margin-bottom:10px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried {padding:10px 20px;width:700px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .title {margin:10px 0 15px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .group {padding-top:5px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .italicStyle{ font-style: italic; margin-left:10px} #commentsListing .listing .pnlPopupReportCommentAsInappropried .InputLarge {width:468px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried textArea {padding-right:10px;width:680px;height:220px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .tinyInput {width: 200px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .reporterFirstName {float:left; width:250px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .reporterLastName {float:left;margin-left:15px;width:230px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .block {display:block;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .dynamicvalidator {line-height: 1.5em;padding-top: 5px;} #commentsListing .listing .pnlPopupReportCommentAsInappropried .warning {color:#f00;margin-bottom:20px;display:block;} #commentsListing .pnlAddCommentNotAllowed, .product .pnlAddCommentNotAllowed, #commentsListing .pnlAddCommentAlreadyDone {padding:10px 20px; width:500px;} #commentsListing .pnlAddCommentNotAllowed .title, .product .pnlAddCommentNotAllowed .title, #commentsListing .pnlAddCommentAlreadyDone .title {margin:10px 0 15px;text-transform:none;} #commentsListing .add { background:#fff;padding:0 15px 15px 15px} #commentsListing .add .rules {color:#646464;font-size:0.8em;text-align:justify;line-height:1.5em;background-color:#DDEBF4;margin:20px 0 -15px -15px; padding:15px;width:963px;} #commentsListing .add .rules ul {list-style:disc inside} #commentsListing .add .errorTerms {color:#FF0000;} #commentsListing .addForm { float:left;width:500px} #commentsListing .addFormInfo {margin-left:50px;padding:10px;width:360px;float:left;background:#DDEBF4;border:0;} #commentsListing .addFormInfo .legend {color:#777777;padding-top:20px} #commentsListing .addFormInfo .legend .gradeLegendTitle { color:#00288C;font-size:1.3em;display:block;padding-bottom:20px} #commentsListing .addFormInfo .legend li { float:left;width:31px;background-position:center top;padding:35px 7px 0;text-align:center} #commentsListing .addFormInfo .actualRank {color:#777777;height:34px;line-height:34px; padding: 0px 0px 5px 34px;margin-top:20px; } #commentsListing .addForm .step { font-weight:bold;color:#00288C;font-size:1.2em;padding-bottom:10px} #commentsListing .nouveau .stepItem, #commentsListing .stepItem { padding-bottom:10px;word-wrap: break-word;} #commentsListing .addForm .stepItem select option { padding-right:20px} #commentsListing .nouveau label { font-weight:bold} #commentsListing .commentDivOff {display:none; text-align:left} #commentsListing .commentDivOn {display:block; text-align:left} #commentsListing .nouveau .acceptTerms a {text-decoration:underline;} #commentsListing .nouveau .acceptTerms { font-weight:normal;} /* notation commentaire */ .ratingStar {display:inline; height:14px; margin:1em; white-space:nowrap} .ratingStar .ratingItem {background-repeat:no-repeat; cursor:pointer; display:block; font-size:0pt; height:12px; margin:0; padding:0; width:13px} .ratingStar .Filled {background-image:url(/v3/img/general/note/ratingStarFilled.gif)} .ratingStar .Empty {background-image:url(/v3/img/general/note/ratingStarEmpty.gif)} .ratingStar .Saved {background-image:url(/v3/img/general/note/ratingStarSaved.gif)} #pcConfiguratorWrapper {position:relative;z-index:auto;/*z-index:11;*/background:#fff;border:1px solid #e1e1e1;padding:5px 0 3em} #pcConfiguratorWrapper h2 {border-bottom:1px solid #e1e1e1;padding-top:1em;margin:0 15px 1em} #pcConfiguratorWrapper h2 span {background:#fff;bottom:-6px;font-family:DINPro,arial;font-size:18px;padding-right:0.5em;text-transform:uppercase} #pcConfiguratorWrapper .intro {margin: 0 15px 3em} .intermediatecattop .cattopmenu li {float:left;padding-left:5px;margin-right:5px;background:#fff url(/v3/img/general/onglets/bg-gauche.gif) no-repeat 0 5px;position:relative;top:3px} .intermediatecattop .cattopmenu li a {float:left;height:24px;padding:9px 20px 0 20px;background:url(/v3/img/general/onglets/bg-droite.gif) no-repeat 100% 5px} #pcConfiguratorWrapper .pcItemGroup {border-bottom:1px solid #e1e1e1} #pcConfiguratorWrapper .pcItemGroup li {height:26px ;float:left;margin-left:5PX; color:#141414; background:#fff url(/v3/img/general/onglets/bg-gauche.gif) no-repeat 0 0} #pcConfiguratorWrapper .pcItemGroup li a {line-height:26px;float:left; margin-left:5px;padding:0 20px 0 15px;background:url(/v3/img/general/onglets/bg-droite.gif) no-repeat 100% 0;color:#141414} #pcConfiguratorWrapper .pcItemGroup li.selected {font-weight:bold;background-image:url(/v3/img/general/onglets/bg-gauche-on.gif);position:relative;top:1px} #pcConfiguratorWrapper .pcItemGroup li.selected a {background-image:url(/v3/img/general/onglets/bg-droite-on.gif);color:#00288c} #pcConfiguratorWrapper ul.pcType {margin-top:3em;background:#fff url(/v3/img/pcconfigurator/bg-configs.gif) 0 0 repeat-x} #pcConfiguratorWrapper ul.pcType li {float:left;width:240px;margin-left:65px} #pcConfiguratorWrapper ul.pcType .pcTypeBloc {margin-left:20px} #pcConfiguratorWrapper ul.pcType h3 {color:#00288C;font-size:18px;padding:.3em 0;font-family:DINPro,arial;font-weight:bold} #pcConfiguratorWrapper ul.pcType .typeDesc {color:#646464; font-size:12px;display:block;height:5em} #pcConfiguratorWrapper ul.pcType .minPrice {color:#141414; font-size:16px;display:block;padding:.5em 0; font-weight:bold} #pcConfiguratorWrapper .pcImg {float:left;padding-left:20px} #pcConfiguratorWrapper ul.pc {padding-top:4em;background:#fff url(/v3/img/pcconfigurator/bg-configs.gif) 0 0 repeat-x} #pcConfiguratorWrapper ul.pc li {float:left;width:200px;margin-left:30px;height:200px;position:relative} #pcConfiguratorWrapper ul.pc h3 {color:#141414;font-size:14px;padding:.3em 0;font-weight:bold} #pcConfiguratorWrapper ul.pc .pcDesc {color:#646464; font-size:11px;display:block;height:8em} #pcConfiguratorWrapper ul.pc .pcPrice {color:#00288C; font-size:20px;display:block;padding:.5em 0;font-weight:bold;margin-bottom:1em} #pcConfiguratorWrapper ul.pc .button {} #pcConfiguratorWrapper ul.pc .ajoutPanier { background:url(/v3/img/catalogue/bt-miseaupanier.gif) no-repeat 0 0;padding-top:24px;width:35px;margin-left:10px;display:inline-block;vertical-align:top} #pcConfiguratorWrapper .step3 {background:#f0f0f0 url(/v3/img/pcconfigurator/bg-top.gif) repeat-x 0 0} #pcConfiguratorWrapper .group {position:relative;background:#fff;padding:3em 15px 0 15px} #pcConfiguratorWrapper ul.pcItemType {width:605px;margin-right:10px} #pcConfiguratorWrapper ul.pcItemType .itemBloc {margin-left:130px} #pcConfiguratorWrapper ul.pcItemType .itemBloc li span {color:#f00;font-weight:bold;float:right;padding-right:.5em} #pcConfiguratorWrapper ul.pcItemType li.item {border-bottom:1px solid #e1e1e1;padding:1em 0} #pcConfiguratorWrapper ul.pcItemType li ul li {padding:.3em 0} #pcConfiguratorWrapper ul.pcItemType li ul li.reco {background:#fab} #pcConfiguratorWrapper ul.pcItemType li label {padding-left:.5em} #pcConfiguratorWrapper ul.pcItemType li input {vertical-align:middle} #pcConfiguratorWrapper ul.pcItemType h3 {color:#141414;font-size:16px;padding:.3em 0;font-weight:bold} #pcConfiguratorWrapper ul.pcItemType .itemTypeDesc {color:#646464; font-size:13px;display:block;padding:.5em 0} #pcConfiguratorWrapper .imgItemType {float:left;height:90px;padding:0 10px} #pcConfiguratorWrapper .rightPanel {width:335px;float:right} #pcConfiguratorWrapper .rightPanel .cart {background:#ddebf4;padding:1em 1.5em} #pcConfiguratorWrapper .rightPanel .cart .total {font-weight:bold;font-size:18px;display:block;padding:.3em 0} #pcConfiguratorWrapper .rightPanel .cart .expe {display:block;padding-bottom:.5em} #pcConfiguratorWrapper .rightPanel .cart .button {margin:.5em 0} #pcConfiguratorWrapper .rightPanel .details {background:#ededed;padding:1em 1.5em;margin-top:1em} #pcConfiguratorWrapper .rightPanel .details h3 {font-weight:bold; font-size:14px; color:#00288c} #pcConfiguratorWrapper .rightPanel .details .chosenParts {margin-bottom:1em} #pcConfiguratorWrapper .rightPanel .details .defaultParts {} #pcConfiguratorWrapper .rightPanel .details ul {padding:.5em} #pcConfiguratorWrapper .rightPanel .details li {display:list-item;list-style:square inside} /* Les marques */ #divMarques{ background-color:#FFF; padding:15px} #divMarques .titre{ color:#6d6d6d; font-size:16px; margin-left:20px} #divMarques .inlineDisplay{ width:730px; margin-left:245px} #divMarques .inlineDisplay2{ width:745px; margin-left:230px} #divMarques #divLblShops{ float:left; width:100%; margin-bottom:2em} #divMarques #divLblShops .content {border-top: 1px solid #e1e1e1;padding-top:1em} #divMarques #divlblToutesLesMarques{ float:left; width:100%; margin-bottom:2em} #divMarques #lexiqueMarque{ border-top: 1px solid #e1e1e1;padding-top:1em} #divMarques .brandsAlpha {height:30px; background-color:#ddebf6;padding-top:5px; text-align:center} #divMarques .brandsAlpha ul li { font-size:15px; display:inline; padding:5px} #divMarques .brandsAlpha a{ text-decoration: underline} #divMarques .brands .colAlpha { float:left; width:20%} #divMarques .brands { display:block; margin-left:auto; margin-right:auto; padding-top:20px; padding:10px} #divMarques .brandName { display:block; font-size:1.2em; font-weight:bold; margin-bottom:6px; margin-top:1em; padding-left:12px} #divMarques .brands li { font-size:1em; padding-left:12px} /* Page intermediaire de marque */ .IntermediateBrandPage .brandHeader {background-color:#fff; margin-bottom:15px;} .IntermediateBrandPage .brandHeader .brandImg {height:84px; width:190px; padding:10px 0; margin: auto;} .IntermediateBrandPage .brandHeader .brandImg a.actif {cursor: pointer;} .IntermediateBrandPage .brandHeader .brandDesc {background-color: #DDEBF6; padding: 20px 15px;} .IntermediateBrandPage .brandHeader .brandDesc .brandLinkSearch {padding-top: 15px; height: 28px;} .IntermediateBrandPage .brandHeader .brandDesc .brandLinkSearch .brandLink {text-decoration: underline; font-size: 13px; float: right; width:30%;} .IntermediateBrandPage .brandHeader .brandDesc .brandLinkSearch .brandPageSearch {float:right; text-align:right; width:70%;} .IntermediateBrandPage .brandHeader .brandDesc .brandLinkSearch .brandPageSearch span {font-weight:bold;} .IntermediateBrandPage .brandBanner {margin-bottom:15px;} .IntermediateBrandPage .odr {margin-bottom: 15px;} .IntermediateBrandPage h3 {background:#fff; bottom:-6px; font-family:DINPro,arial; font-size:18px; padding:15px 5px 0 15px; position:relative; text-transform:uppercase; color:#141414; overflow:hidden; height:1em; display:inline-block} .IntermediateBrandPage .brandTopSales {background-color:#FFF; margin-bottom:15px;} .IntermediateBrandPage .brandTopSales .lblBrandTopSales {padding: 7px 5px 0 15px; background:#fff; bottom:-6px; font-family:DINPro,arial; font-size:18px; position:relative; text-transform:uppercase; color:#141414; display:inline-block;} .IntermediateBrandPage .divBarre {border-top:1px solid #e1e1e1; height:1px; margin-right: 15px; padding-bottom: 15px;} .IntermediateBrandPage .thlisting {display: none;} .IntermediateBrandPage .productListing {padding: 0 15px 15px;} .IntermediateBrandPage .productListing.listing table tr {border-left: none;} #brandCategories2 {background-color:#FFF; margin-bottom: 15px;} #brandCategories2 .titreCategorie {bottom:-8px; position:relative; z-index:1; background-color:#FFF; padding-left:20px; padding-right:15px; color:#6D6D6D; font-size:16px} #brandCategories2 .brandCategoryListing {background-color:#FFF; padding:15px 0 15px 15px; font-size:12px} #brandCategories2 .brandCategoryListing .div_cat {padding-bottom: 35px;} #brandCategories2 .brandCategoryListing .div_cat:last-child {padding-bottom: 0px;} #brandCategories2 .brandCategoryListing a {text-decoration: underline; display:block; background: url(/v3/img/brand-intermediaire/bg-catmarque.gif); width: 180px; height: 200px; text-align: center; text-decoration: none; float:left; margin-top: 15px; margin-right: 15px;} #brandCategories2 .brandCategoryListing a img {padding: 10px 15px 0; width: 150px; height: 150px;} #brandCategories2 .brandCategoryListing a span {font-size: 14px; font-family: DINPro; line-height: 18px; font-weight: bold; color: #000; text-decoration: underline; overflow: hidden;} #brandCategories2 .brandCategoryListing a .nb_product {color: #009DD3; text-decoration: none;} #brandCategories2 .brandCategoryListing h4 {background:#fff; font-family:DINPro,arial; font-size:18px; text-transform:uppercase; color:#141414; display:block;} #brandCategories2 .brandCategoryListing .lastCategory {margin-bottom:10px} #brandCategoriesSeo {background-color:#FFF; border: 1px solid #e1e1e1 } #brandCategoriesSeo h3 {background:#fff; bottom:-6px; font-family:DINPro,arial; font-size:18px; padding: 7px 5px 0 15px; position:relative; text-transform:uppercase; color:#141414; overflow:hidden; height:1em; display:inline-block} #brandCategories {background-color:#FFF; padding-top:5px; margin-bottom:10px;} #brandCategories h3 { background:#fff; bottom:-6px; font-family:DINPro,arial; font-size:18px; padding:0 0.5em; position:relative; text-transform:uppercase; color:#141414; overflow:hidden; height:1em; display:inline-block} #brandCategories #divBarre{ border-top:1px solid #e1e1e1; height:1px; width:980px} #brandCategories .titreCategorie { bottom:-8px; position:relative; z-index:1; background-color:#FFF; padding-left:20px; padding-right:15px; color:#6D6D6D; font-size:16px} #brandCategories .brandCategoryListing { background-color:#ddebf6; margin-top:15px; padding:15px; font-size:12px} #brandCategories .brandCategoryListing .col {float:left} #brandCategories .brandCategoryListing a { text-decoration: underline;display:block} #brandCategories .brandCategoryListing h4 {font-weight:bold;color:#103494;/*margin-top:10px;*/line-height:1.4em} #brandCategories .brandCategoryListing .lastCategory {margin-bottom:10px} .brandSearch {text-align:right; padding:10px; margin-bottom:2px; background-color:#fff} .brandSearch span {font-weight:bold} /* FAQ */ .faq { margin-bottom:20px;background:#fff url(/v3/img/Account/menu/bg.gif) repeat-y 0 0;border:1px solid #e1e1e1;border-top:none; /*background-color:#DCEBF5;*/} .faq ol { list-style-position:inside} /*.navigation731 .faq .wrapper { background:transparent url(/v3/img/faq/bg.jpg) no-repeat bottom right}*/ .faq .faqMenu {float:left;width:209px} .faq .faqMenu ul { display:block;width:209px} .faq .faqMenu li { display:block;min-height:22px} .faq .faqMenu li a { display:block;min-height:22px;width:170px;color:#141414;line-height:22px} .faq .faqMenu li a:hover { color:#00288C} .faq .faqMenu h2 { text-transform:uppercase;min-height:26px;color: #00288C;font-weight:bold;font-size:1.2em;display:block;padding:0 0 0 15px;margin-top:20px;margin-bottom:5px;display:block;width:155px} .faq .faqMenu li.on { background:url(/v3/img/account/menu/fleche.png) no-repeat right;color:#fff} .faq .faqMenu li.on a{ color:#fff;background:#00288C;border:none} .faq .faqMenu li .level2 li { border-top:1px solid #fff} .faq .faqMenu li .level2 li span.puce { float:left;padding-left:15px;height:22px;line-height:22px} .faq .faqMenu li .level2 li a { padding-left:25px} .faq .faqMenu .level1 h2 { padding-left:45px;line-height:26px; background-repeat:no-repeat; background-position:10px center;/*border-bottom:1px solid #fff;*/ } .faq .faqMenu li.n835 h2 { background-image:url(/v3/img/faq/menu/ico-propos.gif)} .faq .faqMenu li.n836 h2 { background-image:url(/v3/img/faq/menu/ico-commande.gif)} .faq .faqMenu li.n837 h2 { background-image:url(/v3/img/faq/menu/ico-sav.gif)} .faq .faqMenu li.n838 h2 { background-image:url(/v3/img/faq/menu/ico-plus.gif)} .faq .faqMenu li.n839 h2 { background-image:url(/v3/img/faq/menu/ico-boutique.gif)} .faq .faqMenu li.n923 h2 { background-image:url(/v3/img/faq/menu/ico-avantvente.gif)} .faq .faqContenu { padding:20px 15px 20px 12px;float:left;width:755px} .faq .faqContenu a {text-decoration:underline;} .faq .faqContenu a.button {text-decoration:none;} .faq .faqContenu h3 {font-family:DINPro,arial;font-size:18px;text-transform:uppercase;position:relative;bottom:-5px;background:#fff;display:inline;padding-right:0.5em} .faq .faqContenu h4 {font-size:1.2em;position:relative;color:#00288C;font-weight:bold;bottom:-5px;background:#fff;display:inline;padding-right:0.5em} .faq .faqContenu .titleWrapper { border-top:1px solid #DCDCDC;padding:20px 0} .faq .faqContenu .loginFail {font-size:11px;} .faq .faqContenu .faqCat { background:#DCEBF5;padding:5px 10px;display:block} .faq .faqContenu .faqCat .catTitle { display:block;font-family:DINPro,arial;text-transform:uppercase} .faq .faqContenu .faqCat ul li { list-style:decimal none inside;color:#00288C} .faq .faqContenu .faqCat .on { font-weight:bold} .faq .faqContenu .faqCat ul li span.puce { display:none} .faq .faqContenu .faqCat .on span.puce { display:inline;color:#00288C} .faq .faqContenu .faqCat .on a { text-decoration:none} .faq .faqContenu .faqForm div, .faq .faqContenu .faqForm p { padding-bottom:10px} .faq .faqContenu .faqForm label { display:block} .faq .faqContenu .faqForm .checkLib label { display:inline;padding-left:1em} .faq .faqContenu .faqForm textarea { width:730px} .faq .faqContenu .faqForm input[type=text] { width:250px} .faq .pnlCommande .dropdown {width:250px;} .faq .faqReponse { border-top:1px solid #DCDCDC;padding:20px 0} .faq .faqReponse ul, .faq .faqReponse ol {list-style:disc inside none;margin:0.2em 1em 1em} .faq .result { padding-top:20px} .faq .result a { color: #00288C;font-size:1.2em;text-decoration: underline} .faq .result span { color: #646464} .faq .result span b { color: #141414} .faq .faqContenu .currentSearch { padding:10px 0 10px 0} .faq .faqContenu .currentSearch span { color:#00288C} .faq .faqContenu #cluster ul, .faq .faqContenu #cluster li { display:inline} /* Faq Recherche */ .faqSearch { background:#EDEDED;padding:8px 8px 8px 8px} .faqSearch .search { height:21px;width:80%;background:#fff url(/v3/img/faq/ico-faq-recherche.gif) no-repeat 5px center;padding-left:26px} .faqSearch a.button { margin:0;margin-left:8px} /* DooFinder */ #doofinder{left:50%!important;margin-left:-437px!important;} #doofinderLogo{display:none;} #doofinder .icon.CustomListView{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUAAAC0tLQrlfMqAAAAAXRSTlMAQObYZgAAABBJREFUCNdj+P8HhMAAPxsATP0P2flkFj0AAAAASUVORK5CYII=")} #doofinder .icon.CustomListView:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUAAAB5eXkpY+E3AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+P8HhMAAPxsATP0P2flkFj0AAAAASUVORK5CYII=")} #doofinder .icon.CustomGridView{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUAAAC0tLQrlfMqAAAAAXRSTlMAQObYZgAAABBJREFUCNdj+PMHHYEBpjgA8FkXoWrrzvsAAAAASUVORK5CYII=")} #doofinder .icon.CustomGridView:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUAAAB5eXkpY+E3AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+PMHHYEBpjgA8FkXoWrrzvsAAAAASUVORK5CYII=")} #doofinder .product{padding-top:16px!important;} #doofinder span.new{background-color:#FF0000;color:#FFFFFF;font-size:8px;font-weight:bold;height:9px;width:59px;margin-top:-9px;line-height:8px;padding:1px;text-transform:uppercase;margin-left:auto;margin-right:auto;display:block;text-align:center;position:static;} #doofinder span.coindesaffaires{background-color:#FFB500;color:#FFFFFF;font-size:8px;font-weight:bold;height:9px;width:95px;margin-top:-9px;line-height:8px;padding:1px;text-transform:uppercase;margin-left:auto;margin-right:auto;display:block;text-align:center;position:static;} #doofinder .price{font-weight:bold;} #doofinder span.prixBarre{color:#000;font-weight:bold;text-decoration:line-through;font-size:90%;margin-right:10px;} #doofinder span.prixPromo{color:#d4002c;font-weight:bold;} #doofinder a,#doofinder a:hover{text-decoration:none!important;} #doofinder li:hover h1{text-decoration:underline!important;} #doofinder .ListView .image{display:inline-block;} #doofinder .ListView .text{display:inline-block;vertical-align:top;margin-left:20px;} #doofinder-facets #hck-facets .hck-facet{display:none!important;} #doofinder-facets #hck-facets .hck-facet div[data-df-facet='categories']{display:block!important;} #doofinder-facets #hck-facets .hck-facet div[data-df-facet='price']{display:block!important;} #doofinder-facets #hck-facets .hck-facet div[data-df-facet='availability']{display:block!important;} #doofinder-facets #hck-facets .hck-facet div[data-df-facet='brand']{display:block!important;} .miniHeader #doofinder{position:fixed!important;top:40px!important;} /* Suggest */ .searchSuggest {position:absolute;z-index:5000;left:0;top:30px;} .searchSuggest .suggestList {box-shadow: 0 0px 4px rgba(0, 0, 0, 0.6); z-index:10;display:block;background:#fff;width:452px;font-size:14px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border:1px solid #e1e1e1;} .search.larger .searchSuggest .suggestList {width:582px;} .searchSuggest .suggestListItem { display:block;padding: 0 2px;line-height:24px;} .searchSuggest .suggestListItem .antidotGenre {border:0 none;margin-right:8px;vertical-align:middle;} .searchSuggest .suggestListItem .suggestion {display:none;} .searchSuggest .suggestListItem .matched {font-weight:bold;font-size:14px;} .searchSuggest .suggestListItemSelected { background-color:#dcebf5!important;} .searchSuggest .categories{} .searchSuggest .categories .suggestListItem { cursor:default;background:url("/v3/img/general/mini-header/ico-loupe.png") no-repeat scroll 5px 4px transparent;padding-left:30px;} .searchSuggest .categories .suggestListItem a { background:transparent;color:#103494;font-size:12px;text-decoration:underline; } .menuSousCat .search .searchSuggest a {background-image:none;width:auto;padding-top:0;} .searchSuggest .suggestProductsTitle {background-color:#E5E5E5;padding:2px 7px;text-transform:uppercase;vertical-align:middle;font-weight:bold;font-size:14px;display:block;margin-top:5px;color:#3C3C3C;height:18px;} .searchSuggest .products {background-color:#ffffff;} .searchSuggest .products .suggestListItem { cursor:pointer;} .searchSuggest .products .suggestListItem a {text-decoration:none; color:#141414;} .searchSuggest .products table {width:100%;} .searchSuggest .products .alternateItem table { background-color:#F0F0F0;} .searchSuggest .products table td {padding:5px;} .searchSuggest .products table td.image {width:70px;margin:0 10px 0 10px;vertical-align:middle;} .searchSuggest .products table td.designation {font-weight:bold;width:330px;margin:0 0 0 10px;} .searchSuggest .products table td.designation .note {display:block;} .searchSuggest .products table td.stock {width:90px;vertical-align:middle;text-align:center;} .searchSuggest .products table td.price { font-weight:bold;font-family:Arial;font-size:20px; text-align:center;width:90px;margin:0 10px 0 0;} .searchSuggest .products table td.price .price_cut { display:block;text-decoration: line-through;} #pagePanier .LigneProduit .dispo { display:block;margin:auto;} #pagePanier .basketActionWrapper { /*bottom:-17px; display:inline-block; position:relative; margin-left:10px;width:970px;*/border-top: 1px solid #e1e1e1;margin-top:-5px;} #pagePanier .basketActionWrapper a{margin:0;color:#3C3C3C;line-height:30px;height:30px;padding-left:25px;text-transform:uppercase;font-size:11px;display:inline-block;} #pagePanier .titre { /*font-family:DINPro; background-color:#FFFFFF;color:#141414; font-size:18px; padding-left:5px; z-index:1; text-transform:uppercase*/background: white; position: relative; bottom: -1px; padding-right: .5em; font-family: DINPro,arial; font-size: 18px; text-transform: uppercase;} #pagePanier .basketActionWrapper a.clearBasket { background: url(/v3/img/panier/ico-vider.gif) no-repeat 42px center;margin-left:-2px; background-color: #e1e1e1;width:163px;text-align:center;border-radius:0 5px 5px 0;} #pagePanier .basketActionWrapper a.saveBasket { background: url(/v3/img/panier/ico-sauvegarder.gif) no-repeat 22px center;margin-left:-2px;background-color: #e1e1e1;width:174px;text-align:center; } #pagePanier .basketActionWrapper a.shareBasket { background: url(/v3/img/panier/ico-lettre.gif) no-repeat 30px center;margin-left:-2px;background-color: #e1e1e1;width:164px;text-align:center; } #pagePanier .basketActionWrapper a.printBasket { background: url(/v3/img/panier/ico-imprimer.gif) no-repeat 32px center;margin-left:-2px;background-color: #e1e1e1;width:163px;text-align:center;border-radius:5px 0 0 5px; } #pagePanier .basketActionWrapper a.printBasketIntra { background: url(/v3/img/panier/ico-imprimer.gif) no-repeat 32px center;margin-left:1px;background-color: #e1e1e1;width:163px;text-align:center; } #pagePanier .basketActionWrapper a.checkBasket { background: url(/v3/img/panier/ico-verification.gif) no-repeat 35px center;background-color: #e1e1e1;width:168px;text-align:center;border-radius:5px 0 0 5px; } #pagePanier .basketActionWrapper .basketAction { height:30px;line-height:30px;margin:20px 0;padding:0;text-align:center; } #pagePanier #divPremierePartie {background-color:#FFF; border:1px solid #e1e1e1; margin-top:20px;} #pagePanier #divPremierePartie .entete { padding:10px 15px 0 15px; } #pagePanier #divBtCommander .stillPurchase {display:inline-block; position:relative; cursor:pointer; margin-right:5px; margin-top:5px;} #pagePanier #divBtCommander .stillPurchase a.button {margin:0;} /*#pagePanier #divBtCommander a.stillEvent { height:24px;line-height:24px;font-weight:bold;display:block;color:#ffffff;text-transform:uppercase;cursor:pointer;padding-right: 13px;} #pagePanier #divBtCommander a.stillEvent:hover { text-decoration:none; }*/ #pagePanier #divBtCommander #stillPurchase { background-color: #DDEBF6;position: absolute;z-index:1;width:203px;border: 1px solid #b2bfdd;border-top: none; padding:0px 10px; text-align:left; } #pagePanier #divBtCommander #stillPurchase li {display:block; height:36px; line-height:36px;} #pagePanier #divBtCommander #stillPurchase li.sep { border-top:1px solid #fff; } #pagePanier #divBtCommander #stillPurchase a { text-decoration:underline; } #pagePanier .emptyBasket { padding-left:5px } /*#pagePanier .vignette img{ max-height:50px; max-width:50px; padding:5px}*/ /*#pagePanier .productWrapper img{ max-height:100px; max-width:100px; display:block; padding-bottom:15px} */ /*#pagePanier .productWrapper img{ height:150px; width:150px; vertical-align:middle; } */ #pagePanier .remove { padding-right:10px;width:20px; } #pagePanier .trHeader { border-bottom:1px solid #E5E5E5; } #pagePanier .LigneProduit { /*padding:10px;*/border-top:1px solid #E5E5E5; } #pagePanier .LigneProduit td{ } #pagePanier .LigneProduit .dgnLongue { /*padding-left:5px;*/width:400px; } #pagePanier .LigneProduit .dgnLongue a { color:#141414;text-decoration:none;font-family:arial;font-size:12px; } #pagePanier .LigneProduit .dgnLongue a:hover {text-decoration:underline;} #pagePanier .LigneProduit .dgnLongue span { display:block;font-family:arial;font-size:12px; } #pagePanier td.vignette img { height:80px;margin:5px; } #pagePanier .LigneProduit .inactive span { display:block;font-family: DINPro;font-size:14px; } #pagePanier .LigneProduit .inactive .info1 { font-weight:bold;color:red; } #pagePanier .LigneProduit .inactive .info2 { } #pagePanier td.vignette { padding-left:10px;width:80px; padding-right: 15px; } #pagePanier .quantite{ min-width:90px } #pagePanier .hdBasket { font-family:Arial;font-size:12px; color:#3c3c3c;font-weight:normal;text-transform:uppercase; } #pagePanier #divPrixPanier{ background-color:#ddebf6; padding:8px 8px 8px 15px; float:left; width:450px} #pagePanier #divPrixPanier2{ background-color:#ddebf6; padding:8px 15px 8px 8px; text-align:right} #pagePanier .lblTotal{ color:#01288f; font-weight:bold; margin-left:10px; font-size:16px} #pagePanier .lblHorsFraisLivraison{ font-size:10px} #pagePanier .lbePanierHT{ text-align:left; text-decoration: underline} #pagePanier .prixUnitaire{ width:70px} #pagePanier .sommeHT{ width:70px} #pagePanier #divLivraison { float:left; font-size:11px;font-family:Arial;color:#646464; margin-bottom:20px; padding-left:5px; width:585px; padding-left: 15px; padding-top: 10px;} #pagePanier #divLivraison span {display: inline-block; line-height: 14px;} #pagePanier #divLivraison a { color:#646464; } #pagePanier #divAPartir { /*margin-bottom:20px;*/ margin-left:700px; text-align:right; width:280px; /*text-decoration: underline;*/color:#01288f;font-weight:bold} #pagePanier .minuscule{ text-transform:lowercase} #pagePanier .gras{ font-weight:bold} #pagePanier .basketSales { position:relative;padding:0 15px; } #pagePanier .divCodePromo {float:left; width:550px; margin-bottom:15px; font-family:Arial; font-size:14px;} #pagePanier .divCodePromo .texteCodePromo {margin-top:12px;float:left;} #pagePanier .divCodePromo .inputButton {float:left;} #pagePanier .divCodePromo .warning {color:#f00;text-align:center; margin-right:40px;display:block} #pagePanier .divCodePromo a.button { margin:0; } #pagePanier .inputPromo {width: 150px;} #pagePanier .divPourUtiliserAvoir {float:left; font-size:9px;color:#646464; width:410px; padding-top:12px;} #pagePanier .divAlerteCommandeProduitsDispoUniquementBoutique {float:left; font-size:13px; color:#ff0000; width:930px; background: url("/v3/img/panier/ico-alerte.png") no-repeat scroll 15px center #FFE5E6; text-align: left; padding: 5px 15px;} #pagePanier .divAlerteCommandeProduitsDispoUniquementBoutique .alerte_produit {padding-left: 30px;} #pagePanier .divAlerteCommandeProduitsDispoUniquementBoutique .alerte {font-weight: bold;} #pagePanier .alerte_fleche {float:left; background: url("/v3/img/panier/fleche-rose.gif") no-repeat scroll 885px bottom; width:930px; height: 7px; } #pagePanier #divBtCommander{ /*padding-right:20px;*/ float:right;width:410px; text-align:right; padding-top:30px;} #pagePanier #divBtCommander .securedarea{font-size:0.9em; width:170px;float:right; clear:right; text-align: center; margin-bottom:15px;} #pagePanier .UtiliserCredit{ font-size:10px} #pagePanier #divNavRelaisColis{ margin-bottom:15px} #pagePanier #divProduitsConsultes{ border-top:1px solid #444; margin-right:10px; padding-top:15px} #pagePanier .trait{ bottom:-10px; display:inline-block; padding-top:10px; position:relative; padding-right:5px} #pagePanier .divProduits {margin-bottom:10px; margin-top:20px; background-color:#FFF; border:1px solid #e1e1e1;} #pagePanier .Center {text-align:center;} #pagePanier .btSupprimer{width:15px;height:15px;} #pagePanier .LigneProduit .dgnLongue .montageChange{font-family:Arial;font-size:13px;text-decoration:underline;display:inline-block;color:#00288c;} .spanAlertBon{display: block; height: 45px; line-height: 42px; background: url(/v3/img/Sales/bg-alertebons.gif); text-align: center;} #pagePanier .LigneConsommable{height:90px;background-color:#ffeee7;border-top:1px solid #fff;} #pagePanier .LigneConsommable .LigneTitre{color:#fa5311;font-weight:bold;font-size:14px;font-family:DINPro;text-transform:uppercase;} #pagePanier .LigneConsommable .LigneTitre .fleche{width:16px;height:13px;background-image:url("/v3/img/panier/ico-fleche.svg");display:inline-block;} #pagePanier .LigneConsommable .LigneDesignation{color:#141414;font-weight:bold;font-size:12px;display:block;overflow:hidden;line-height:14px;height:14px;} #pagePanier .LigneConsommable .LigneDesc{color:#646464;font-size:12px;} #pagePanier .LigneConsommable .LigneDesc{font-family:Arial;font-size:12px;text-decoration:underline;display:inline-block;margin-left:25px;} #pagePanier .LigneConsommable .lienConsommables{font-size:13px;text-decoration:underline;} #pagePanier .LigneConsommable .btnAjout{background-color:#ffc800;height:32px;line-height:32px;padding:0 10px;font-family:DINPro;font-weight:bold;font-size:16px;color:#401a00;text-transform: uppercase;display:block;margin-right:45px;float:right;} #pagePanier .LigneConsommable .btnAjout:hover{text-decoration:none;} #pagePanier .LigneConsommable .add{width:165px;} #pagePanier .LigneConsommable .add a:hover{text-decoration:none!important;} #pagePanier .LigneConsommable .TotalPrice{font-size:18px;line-height:30px;} #pagePanier .LigneConsommable .consommableImg{width:80px;height:81px;background-image:url("/v3/img/panier/ico-consommables.png");} #pagePanier .LigneMontagePC{height:90px;background-color:#ffeee7;border-top:1px solid #fff;} #pagePanier .LigneMontagePC .LigneTitre{color:#f95210;font-weight:bold;font-size:18px;font-family:DINPro;} #pagePanier .LigneMontagePC .LigneTitre .fleche{width:16px;height:13px;background-image:url("/v3/img/panier/ico-fleche.svg");display:inline-block;} #pagePanier .LigneMontagePC .LigneSSTitre{color:#141414;font-weight:bold;font-size:18px;font-family:DINPro;} #pagePanier .LigneMontagePC .montageConditions{font-family:Arial;font-size:13px;text-decoration:underline;display:inline-block;margin-left:25px;margin-top:7px;} #pagePanier .LigneMontagePC .choixMontage{font-family:Arial;font-size:13px;margin-left:15px;display:inline-block;line-height:32px;} #pagePanier .LigneMontagePC .choixMontage .item{font-family:Arial;font-size:13px;margin-left:15px;line-height:32px;} #pagePanier .LigneMontagePC .montageItem{line-height:32px;color:#141414;font-family:Arial;font-size:13px;} #pagePanier .LigneMontagePC .montageItem:hover{background-color:#DCEBF5!important;} #pagePanier .LigneMontagePC .montageChoix{font-style:italic;} #pagePanier .LigneMontagePC .montagePrice{color:#00288C;font-family:Arial;font-size:13px;} #pagePanier .valFilterList {width:320px; display:inline-block;} #pagePanier .valFilterList .dropdown {width:305px;} .public-sales-basketpage .alertBon { background: #ffe7e7;padding: 20px; clear: both;} .public-sales-basketpage .alertBon .alertBonTitle { font-size: 20px; font-family: DINPro; font-weight: bold; display: block; text-align: center; color: Red; text-transform: uppercase; padding-bottom: 5px; } .public-sales-basketpage .alertBon .alertBonTitleInfo { text-align: center; display: block; } .public-sales-basketpage .alertBon .alertBonWrapper { padding-top: 20px; } .public-sales-basketpage .alertBon ul { float: left; width: 406px;padding:0 20px; border-left:1px solid #fff; } .public-sales-basketpage .alertBon ul { } .public-sales-basketpage .alertBon ul li:first-child { font-family: DINPro; font-size: 18px; text-transform: uppercase; } .public-sales-basketpage .alertBon ul li::last-child { display: block; padding-top: 15px; } .public-sales-basketpage .alertBon ul .alertBonItems { padding-top: 15px; } .public-sales-basketpage .alertBon ul .alertBonItem { display:block; } .public-sales-basketpage .alertBon .total { background:#fff;display:inline-block;padding: 2px 5px;color:Red; } .public-sales-basketpage .alertBon ul .basketCost { padding-top: 20px;display:block;font-weight:bold; } .public-sales-basketpage .alertBon ul .alertBonAction { padding-top:15px;display:block; } .public-sales-basketpage .alertBon.onlyNonCumulable ul { float:none;width:auto;display:block;border:none;padding:0; } .public-sales-basketpage .alertBon.onlyNonCumulable ul::after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; visibility: hidden;} .public-sales-basketpage .alertBon.onlyNonCumulable ul li{ padding-left:20px; } .public-sales-basketpage .alertBon.onlyNonCumulable ul .alertBonItems { float:left;width: 406px;border-left:1px solid #fff; } .public-sales-basketpage .stockalertpopup {width:600px;} .public-sales-basketpage .stockalertpopup .content {margin:10px;position:relative} .public-sales-basketpage .stockalertpopup .AspNet-RadioButtonList {margin:10px 0 5px 15px} .public-sales-basketpage .stockalertpopup .AspNet-RadioButtonList label {margin-left:5px} .public-sales-basketpage .stockalertpopup .button {float:right} .public-sales-basketpage .stockalertpopup .SecureTableGen {border:1px solid #000;margin:5px 0; width:100%} .public-sales-basketpage .stockalertpopup .SecureTableGen td {background-color:#ebebeb;padding:3px 5px} .public-sales-basketpage .stockalertpopup .SecureTableGen .ralign {text-align:right} .public-sales-basketpage .stockalertpopup .stockalertquestion {margin: 10px 0 5px;display:block;} .public-sales-basketpage .confirmpopup {width:400px} .public-sales-basketpage .confirmpopup .button {float:right;margin-left:15px} .public-sales-basketpage .confirmpopup .content {margin:10px;position:relative} .public-sales-basketpage .header .rounded{ position:inherit !important} .public-sales-basketpage .divProduits.rounded{ position:inherit !important} #pagePanier .productvisited .title { background:none repeat scroll 0 0 #FFFFFF; bottom:-5px; display:inline; font-family:DINPro,arial; font-size:18px; padding-right:0.5em; position:relative; text-transform:uppercase} #pagePanier .productvisited ul { margin-right:5px; border-top:1px solid #DCDCDC; padding-top:15px} #pagePanier ul .productWrapper { float:left; overflow:hidden; padding:15px 35px 0 0; width:210px} #pagePanier .productvisited{ margin-left:5px;padding-bottom:10px} /*#pagePanier .prix{ font-weight:bold; font-size:14px}*/ #pagePanier .prix{ position:relative; left:auto; bottom:auto; margin-top:2px;} #pagePanier .refPrice { float:left; font-size:12px; padding-right:0.5em; text-decoration:line-through; padding-left:10px; border-left:1px solid #DCDCDC; color:#646464;} #pagePanier .tax { display:none; float:left; font-size:0.8em; font-weight:bold; line-height:1em; padding-left:0.2em; vertical-align:1em} /*#pagePanier .price { color:#00288C; font-size:14px; font-weight:bold; margin-bottom:5px; padding-left:10px;}*/ #pagePanier .tax { display:none; float:left; font-size:0.8em; font-weight:bold; line-height:1em; padding-left:0.2em; vertical-align:1em} #pagePanier .productWrapper{ height:auto;} #pagePanier .details{ height:auto;} #pagePanier .note {bottom:auto;} #pagePanier .divProduits { padding: 10px 15px 15px;} #pagePanier .divProduits .title { background:none repeat scroll 0 0 #FFFFFF; bottom:-5px; display:inline; font-family:DINPro,arial; font-size:18px; padding-right:0.5em; position:relative; text-transform:uppercase} #pagePanier .divProduits .productListing { border-top: 1px solid #e1e1e1; } /* #pagePanier .productvisited .marque { display:block; height:2.4em; line-height:1.2em; overflow:hidden; padding-left:10px; border-left:1px solid #DCDCDC; } */ #pagePanier .productvisited .designation { display:block; height:2.4em; line-height:1.2em; overflow:hidden; padding-left:10px; border-left:1px solid #DCDCDC} /*#pagePanier .hleAddShoppingCart{ margin-left:11px;float:left;}*/ #pagePanier .hleAddShoppingCart{ display:block;float:left;} #pagePanier .lblDeliveryOption{ font-size:11px} #pagePanier .lblTrust{ font-size:11px} #pagePanier #divTrust{ padding-left:5px; padding-bottom:15px} #pagePanier .cheminDeFer{ display:none} #pagePanier .petitLogo{ max-height:40px; background:url(/v3/img/general/logo.gif)} #pagePanier .idCategorie { color:#646464;font-family:Arial;font-size:12px;} #pagePanier .btnDelete{width:32px;height:32px;display:block;} #pagePanier .btSupprimer{ margin-top:8px;} #pagePanier .typeBA{ color:#646464} #pagePanier .ltDesignation{ font-weight:bold; color:#141414;} #pagePanier .TotalPrice {font-size: 14px;} #pagePanier .reduc{ border-top: 1px solid #E5E5E5;} #pagePanier .productListing .productWrapper .reduc{ border-bottom: none;} #pagePanier .tdEspace {height:5px; background-color:#FFF;} #pagePanier .basketactu {margin-top:20px;} #pagePanier .compatAlert{padding:5px;margin-bottom:10px;clear:both;} #pagePanier .compatAlert.valid{background:#ddebf6} #pagePanier .compatAlert.invalid{background:#f0f0aa} #pagePanier .compatAlert h3{font-weight:bold;margin-bottom:.5em;} #pagePanier .compatAlert ul {padding:5px 3em;font-size:.9em;} #pagePanier .compatAlert li{display:list-item; list-style:disc inside; } ul.compatErrors span {background:#ebebeb;} ul.compatErrors em {font-style:normal} ul.compatErrors em.par {font-style:italic} ul.compatErrors em.elt, ul.compatErrors em.typ {font-weight:bold;text-decoration:underline;color:#00288c} ul.compatErrors em.val {font-weight:bold;} .compatElts.hovered {background:#fec !important;} ul.compatErrors .compatElts.hovered {background:#fc8 !important;} .pnlWiewedProduct{ color:#000} .pnlWiewedProduct .divPropositionsArticles{ background-color:#DCDCDC; min-height:55px; margin-bottom:5px; padding-top:5px; padding-right:10px;} .divPropositionsArticles .addedToBasket { bottom:85px; left:330px; padding:4px; position:relative} .pnlWiewedProduct #contenuImage{ float:left; width:100px; margin:10px; margin-top:0} .pnlWiewedProduct #texteImage{ margin-left:120px; margin-top:25px} .pnlWiewedProduct #texteImage .articleAjoute { display:block;font-weight:bold; color: #009600; font-size:1.8em; margin:.3em 0} .pnlWiewedProduct .nomProduit{ color:#103494; font-size:15px; font-weight:bold; display:block} /* Operation constructeur dans la popup d'ajout au panier */ .pnlWiewedProduct .opNow { padding:0 10px 0 10px} .pnlWiewedProduct .opNow a { float:right} .pnlWiewedProduct .opNow .now { color:Red;text-transform:uppercase} .pnlWiewedProduct .articleAjoutePropositions { display:block;font-weight:bold; color: #009600; font-size:1.1em; background-color: White; width: 220px; padding: 2px; position: absolute; bottom:0;} .pnlWiewedProduct .qteProduit {color:#141414; font-size:1.6em; display:block;text-transform:capitalize} .pnlWiewedProduct .qteProduit span {font-weight:bold} .pnlWiewedProduct .lblProposition{ color:#103494; font-size:14px; margin-left:14px} .pnlWiewedProduct .lblPrix{ margin-left:130px} .pnlWiewedProduct .prixProduit{float:left; padding-top:16px; text-align:center; width:76px} .pnlWiewedProduct .divQuantite{ float: left; padding-top: 16px; text-align: center; width: 63px; margin-left:10px; } .pnlWiewedProduct .lblQuantite{ margin-left:15px} .pnlWiewedProduct #imageEtTexte{ margin-bottom:0} .pnlWiewedProduct .lblMaintenant{ color:#fe0000; text-transform:uppercase; font-weight:bold} .pnlWiewedProduct .lbVoirOffre{ text-decoration:underline; font-weight:bold; color:#103494} .pnlWiewedProduct .lblInteret{ color:#103494; font-family:dinPRO; font-size:16px; font-weight:bold} .pnlWiewedProduct #divlblMaintenant{ float:left; font-weight:bold; margin-left:10px; width:450px} .pnlWiewedProduct .divNow{ margin-top:10px; margin-bottom:10px} .pnlWiewedProduct .divImageInformationProduit {float:left; width: 354px; padding-left: 10px;} .pnlWiewedProduct .divImageArticles{ float:left;} .pnlWiewedProduct .divInformationProduits{ float:left; width:270px} .pnlWiewedProduct .divQuantiteProduit{ float:left; padding-top:15px; width:73px} .pnlWiewedProduct .plusImage{ color:#00288C; display:inline-block; font-size:27px; font-weight:bold; margin-top:15px} .pnlWiewedProduct .imgArticles{ margin-left:5px; margin-right:5px} .pnlWiewedProduct .lblPrixProduits{ font-weight :bold; color:#00288C} .pnlWiewedProduct #divPeutInteresser{ margin-left:10px; margin-bottom:5px} .pnlWiewedProduct #divPeutInteresser:first-letter{ text-transform:uppercase} .pnlWiewedProduct .divAjoutProduit{ float: left; padding-top: 16px; text-align: center} .pnlWiewedProduct .panier{ background:url(/v3/img/catalogue/bt-miseaupanier.gif) no-repeat scroll 0 0 transparent; padding-top:24px; position:absolute; right:40px; width:35px} .pnlWiewedProduct .divChoixPopUp{ background-color:#DDEBF6; min-height:55px; margin-bottom:5px; padding-right:10px; padding-top:5px; position: relative; } .pnlWiewedProduct .lbeVoirPanier {margin-left:125px; margin-top:14px;} .pnlWiewedProduct .lblCrochet{ display:inline} .pnlWiewedProduct .lbeVoirPanier span{ padding-left:5px} .pnlWiewedProduct .lbPoursuivreAchat{ margin-left:15px; padding-bottom:10px; margin-top:12px} .Maj{ text-transform:uppercase} .pnlCommentaire .divlblrecommandationMontage{ color:#0F3DB0; float:left; font-size:16px; font-weight:bold; height:75px; padding-left:20px; padding-top:40px; width:300px} .pnlCommentaire .divImageMontage{ background-image:url(/v3/img/command/icone_montage.gif); float:left; height:100px; margin-left:10px; margin-top:10px; width:100px} .pnlCommentaire .divCroix{ height:125px} .pnlCommentaire .divlblRemarquePrecision{ color:#00288C;font-size:14px;font-weight:bold; padding-left:15px} .pnlCommentaire .lblrecommandationMontage{ width:300px} .pnlCommentaire .divlblExigences{ margin-left:15px; margin-right:13px; margin-top:10px; text-align:justify} .pnlCommentaire .divlblMessagetxbmulti{ font-weight:bold; margin-left:15px; margin-top:10px} .pnlCommentaire .lbeEtapeSuivante{margin-left:395px; margin-top:-15px; padding-bottom:10px; position:absolute} /* GUIDES ET FOCUS */ .article span.topTitle { background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro,arial;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase} .article .summaryTitle { font-weight: bold;font-size: 1.1em} .article .titleGuide h2 { font-weight: bold;text-transform: uppercase;font-size: 1.1em} .article .listing h2 { font-weight: bold;text-transform: uppercase;font-size: 1.1em} .article .titleFocus h2 { font-weight: bold;text-transform: uppercase;font-size: 1.1em} .article .titleAtelier h2 { font-weight: bold;text-transform: uppercase;font-size: 1.1em} .article a.selected { font-weight:bold; text-decoration:none} .article .guideFocus { background: #fff; border: 1px solid #e1e1e1;border-top: none;padding: 10px 15px 15px} .banGuide .zoneHome { width:962px;height:40px; float:left;/*padding-top: 200px;*/cursor:pointer; } .topGuide { background:#DCEBF5;height:200px;border:1px solid #e1e1e1} .topGuide .zoneHome { width:675px;float:left;/*padding-top: 200px;*/cursor:pointer;border-radius:5px 0px 0px 5px;height:200px; } .topGuide #btImgContainer { position:absolute;bottom:0;left:0; } .topGuide .selectTop { padding-left:15px;height:20px;padding-top:5px;padding-bottom:5px;background:url(/v3/img/guides/bg-topguide.png) no-repeat;position:absolute;top:170px;width:660px} .topGuide .selectTop a { display:block;float:left;height:20px;text-align:center} .topGuide .selectTop a:hover { text-decoration:none;cursor:pointer} .topGuide .selectTop a.topGuideItem { color:#fff;font-family: DINPro,arial;text-transform:uppercase;font-size:1.8em} .topGuide .selectTop a.btImg { width:30px;margin-right:10px;background:url(/v3/img/guides/bg-numeros.png) no-repeat bottom;color:#000;font-weight:bold} .topGuide .selectTop a.btImg.selected { background:url(/v3/img/guides/bg-numeros.png) no-repeat top;color:#fff} .topGuide .topVisited { float:left;padding:10px 10px 10px 20px;width:256px;height:180px} .topGuide .topVisited .title { font-family:DINPro,arial;text-transform:uppercase;font-size:18px;color:#00288C} .topGuide .topVisited ul { padding-top:10px;padding-left:15px} .topGuide .topVisited li { list-style-type:square; color:#00288C} .topGuide .topVisited li.sstitle { color:#141414;list-style-type:none} .topGuide .topVisited li h3 {line-height:1.3em} .topGuide .topVisited a { text-decoration:underline} .topGuide .icoGuide { height:40px;width:40px;background:url(/v3/img/guides/ico-guidefocus.png) no-repeat;background-position:0 0; position:absolute;} .topGuide .icoFocus { height:40px;width:40px;background:url(/v3/img/guides/ico-guidefocus.png) no-repeat;background-position:-50px 0;position:absolute;} .topGuide .icoAteliers { height:40px;width:40px;background:url(/v3/img/guides/ico-guidefocus.png) no-repeat;background-position:-100px 0;position:absolute;} .guideFocus .guideContent { border-top: 1px solid #e1e1e1;padding-top: 20px} .guideFocus .guideContent .catGuide { margin-top:20px} .guideFocus .guideContent .catGuide ul { display: block} .guideFocus .guideContent .catGuide .listingCat { padding: 15px 0 20px 0} .guideFocus .guideContent .catGuide .listingCat a { text-decoration: underline;/*padding-left: 10px;*//*display: block;*//*height: 1em;line-height: 1em;*//*background: url(/v3/img/general/ico-triangle-droite.gif) no-repeat left center;*/ } .guideFocus .guideContent .catGuide .listingCat a.selected { text-decoration:none} .guideFocus .guideContent .catGuide .listingCat li { display: block;float: left;width: 20%;height: 1.5em} .guideContent .listing li { float: none; width: auto;padding: 10px;margin-bottom: 15px;list-style:none} .guideContent .listing li.typeGuide { background: #DEECD3} .guideContent .listing li.typeFocus { background: #DCEBF5} .guideContent .listing li.typeAtelier { background: #fee5dc} .guideContent .listing .GuideType { float: right;background:url(/v3/img/guides/ico-guidefocus.png) no-repeat;background-position:0 -50px;width:40px;height:40px;} .guideContent .listing .FocusType { float: right;background:url(/v3/img/guides/ico-guidefocus.png) no-repeat;background-position:-50px -50px;width:40px;height:40px;} .guideContent .listing .AtelierType { float: right;background:url(/v3/img/guides/ico-guidefocus.png) no-repeat;background-position:-100px -50px;width:40px;height:40px;} .guideContent .listing .desc { padding-top: 5px} .guideContent .listing .desc a{ font-weight:bold} .guideContent .listing .sstitre { display: block;font-style: italic} .guideContent .listing .titleGuide { float: left;width: 580px} .guideContent .listing .titleGuide span { display:block} .guideContent .listing .titleGuide a { text-decoration: underline} .guideContent .listing .iGuide { float: left;width: 270px;margin-right: 10px} .guideContent .listing .date { display: block;text-align: right;color:#00288C} .article .headerGuideFocus { background: #fff; /*min-height: 400px;*/border: 1px solid #e1e1e1;border-top: none;padding: 15px 0 15px 0;/*height:250px;*/position:relative} .article .headerGuideFocus h2 { display:block;bottom:0;padding:0;padding-bottom:5px} .article .headerGuideFocus h3 { display:block} .article .headerGuideFocus .zone { width:250px;height:250px;position:absolute;bottom:15px;right:15px;line-height:250px;text-align:center} .article .headerGuideFocus .titleFocus { float:left;padding-left:65px;height:40px} .article .headerGuideFocus .titleGuide { float:left;padding-left:65px;height:40px} .article .headerGuideFocus .titleFocusIco { background:url(/v3/img/guides/ico-guidefocus.png) no-repeat 15px center;background-position:-50px -50px;float:left;width:40px;height:40px;margin-left:-55px;} .article .headerGuideFocus .titleGuideIco { background:url(/v3/img/guides/ico-guidefocus.png) no-repeat 15px center;background-position:0 -50px;float:left;width:40px;height:40px;margin-left:-55px;} .article .headerGuideFocus .resume { padding:10px 15px 0 15px;background:#DCEBF5;margin-top:10px;padding-bottom:10px;min-height:180px} .article .headerGuideFocus .resume .summaryTitle { padding-top:15px;width:700px;display:block} .article .headerGuideFocus .resume ul { /*display:block;*/width:200px;padding-top:10px;float:left} .article .headerGuideFocus .resume li { /*display:block;float:left;width:50%;list-style-type:decimal;*/ } .article .headerGuideFocus .resume li a { text-decoration: underline;/*display: block;*//*height: 1.2em;line-height: 1.2em;*/ } .article .headerGuideFocus .resume li a.selected { font-weight:bold; text-decoration:none} .article .headerGuideFocus .resume .imgGuideFocus { float:left;width:270px} .article .headerGuideFocus .resume .guideFocusChapeau { float:left;width:415px;padding-left:15px;padding-right:15px} .article .headerGuideFocus .infoFocus { float:right;margin-right:280px} .article .headerGuideFocus .infoFocus span { display:block;color:#00288C} .article .headerGuideFocus .infoFocus a { text-decoration:underline} /*Atelier*/ .article .headerGuideAtelier { background: #fff; /*min-height: 400px;*/border: 1px solid #e1e1e1;border-top: none;padding: 15px 0 15px 0;/*height:250px;*/position:relative} .article .headerGuideAtelier h2 { display:block;bottom:0;padding:0;padding-bottom:5px;font-weight:bold;} .article .headerGuideAtelier h3 { display:block} .article .headerGuideAtelier .zone { width:250px;height:250px;position:absolute;bottom:15px;right:15px;line-height:250px;text-align:center} .article .headerGuideAtelier .titleFocus { float:left;padding-left:65px;height:40px} .article .headerGuideAtelier .titleGuide { float:left;padding-left:65px;height:40px} .article .headerGuideAtelier .titleAtelier { float:left;padding-left:65px;height:40px} .article .headerGuideAtelier .titleFocusIco { background:url(/v3/img/guides/ico-guidefocus.png) no-repeat 15px center;background-position:-50px -50px;float:left;width:40px;height:40px;margin-left:-55px;} .article .headerGuideAtelier .titleGuideIco { background:url(/v3/img/guides/ico-guidefocus.png) no-repeat 15px center;background-position:0 -50px;float:left;width:40px;height:40px;margin-left:-55px;} .article .headerGuideAtelier .titleAtelierIco { background:url(/v3/img/guides/ico-guidefocus.png) no-repeat 15px center;background-position:-100px -50px;float:left;width:40px;height:40px;margin-left:-55px;} .article .headerGuideAtelier .resume { padding:10px 15px 0 15px;background:#DCEBF5;margin-top:10px;padding-bottom:10px;min-height:180px} .article .headerGuideAtelier .resume .summaryTitle { padding-top:15px;width:700px;display:block} .article .headerGuideAtelier .resume ul { /*display:block;*/width:200px;padding-top:10px;float:left} .article .headerGuideAtelier .resume li { /*display:block;float:left;width:50%;list-style-type:decimal;*/ } .article .headerGuideAtelier .resume li a { text-decoration: underline;/*display: block;*//*height: 1.2em;line-height: 1.2em;*/ } .article .headerGuideAtelier .resume li a.selected { font-weight:bold; text-decoration:none} .article .headerGuideAtelier .resume .imgGuideAtelier { float:left;width:270px} .article .headerGuideAtelier .resume .guideAtelierChapeau { float:left;width:415px;padding-left:15px;padding-right:15px} .article .headerGuideAtelier .infoAtelier { float:right;margin-right:280px} .article .headerGuideAtelier .infoAtelier span { display:block;color:#00288C} .article .headerGuideAtelier .infoAtelier a { text-decoration:underline} /* Fin Atelier*/ .article .focus h2, .article .guide h2, .article .atelier h2 {background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro,arial;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase} .article .focus .articleContent h2, .article .guide .articleContent h2 , .article .atelier .articleContent h2 {bottom:0;} .article .focus .articleContent h3, .article .guide .articleContent h3 , .article .atelier .articleContent h3{font-size:1.1em;font-weight:bold;} .article .focus .articleContent ul, .article .guide .articleContent ul , .article .atelier .articleContent ul { list-style-type:disc;margin-left:40px; } .article .productListing.listinglight .fiche { bottom:0; } .article .focus { margin:15px 0;background: #fff;border: 1px solid #e1e1e1;padding: 10px 15px 15px} .article .guide { margin-top:15px;background: #fff;border: 1px solid #e1e1e1;padding: 10px 15px 15px} .article .atelier{ margin-top:15px;background: #fff;border: 1px solid #e1e1e1;padding: 10px 15px 15px} .article .articleContent { display:block;padding-top:20px;padding-bottom:30px;border-top:1px solid #e1e1e1} .article .articleContent table { width:100%} .article .articleContent .productListing.listinglight .productWrapper.e4 { border-bottom:1px solid #e1e1e1; } /* Page generique de destination des mails */ .genericMessage { background:#fff;padding:0 20px 20px 20px} .genericMessage .wrapper { border-top: 1px solid #e1e1e1;padding-top:20px} /* Operations constructeur */ .public-catalogue-oppage{background-image:url(/v3/img/odr/body.jpg);background-repeat:no-repeat;background-color:#F2F2F2;} body.public-catalogue-oppage.miniHeader .ghostHeader{ padding-top:150px; } .opConstructeur {margin-top:155px;} .opConstructeur .filters{width:100%;height:80px;background-color:rgba(0, 0, 0, 0.4);border-radius:3px;} .opConstructeur .filters .labelFilterField { color: #fff; font-family: Arial; font-size: 14px; font-weight: bold;} .opConstructeur .filters .reinit{display:inline-block; background:url("/v3/img/odr/ico-reinit.gif") no-repeat 0 2px; padding-left:20px; text-decoration:underline; color:#FFF; margin-left:10px;} .opConstructeur .filters .reinit span{font-weight:normal!important;font-size:13px!important;} .opConstructeur .filters .button.btnFiltrer {float:right;margin-right:18px;margin-top:22px;} .opConstructeur .filters .filterField{padding-left:12px;padding-top:12px;width:220px;display:inline-block;} .opConstructeur h2 {font-family: DINPro,arial;font-size: 18px;text-transform: uppercase;font-weight:bold;color:#fff;margin-bottom:12px;} .opConstructeur .opContent { padding-top: 30px} .opConstructeur .opContent #lstOp li { float:left;width:315px;height:220px;text-align:center;border-radius:3px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);margin-right:25px;margin-bottom:25px;background-color:#fff;} .opConstructeur .opContent #lstOp li .opDesc {height:120px;background-color:#E5E5E5;font-size:13px;color:#646464;} .opConstructeur .opContent #lstOp li .opDesc.noBackground{background-color:transparent;} .opConstructeur .opContent #lstOp li .opDesc .bold {color:#141414;padding-top:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .opConstructeur .opContent #lstOp li span { display:block;} .opConstructeur .opContent #lstOp li .details{height:18px;padding-top:4px;} .opConstructeur .opContent #lstOp li .opImg{ width:100%;height:100px;} .opConstructeur .opContent #lstOp li img {vertical-align:middle;margin-top:8px} .opConstructeur .right { display:block;text-align:right;padding-top:10px;font-size:0.9em; } /* Op Constructeur Listing Produit */ .opConstructeurProduct { background: #fff; border: 1px solid #e1e1e1;border-top: none;padding: 10px 15px 15px} .opConstructeurProduct h2 { background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro,arial;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase} .opConstructeurProduct .opContent { border-top: 1px solid #e1e1e1;padding-top: 20px} .opConstructeurProduct .opContent a{ text-decoration:underline;} .opConstructeurProduct .opContent li { float:left;width:310px;padding:5px 5px 15px 5px;height:11em;} .opConstructeurProduct .opContent li a { text-decoration:underline} .opConstructeurProduct .opContent li div { border-right:1px solid #e1e1e1;padding-right:15px;float:left;width:200px;} .opConstructeurProduct .opContent li span { display:block} .opConstructeurProduct .opContent li img { float:left;width:80px;padding-right:10px} .opConstructeurProduct .right { display:block;text-align:right;padding-top:10px;font-size:0.9em; } /* Operations constructeur control (nav, cat?gorie interm?diaire, page produit) */ .odr {margin-bottom:20px;} .odr .rounded { z-index:0; } /* Concours */ .Concours {background: #fff; border: 1px solid #e1e1e1; border-top: none; padding: 10px 15px 15px; position: relative; color: #000000; font-family: Arial; font-size: 14px;} .Concours .divConcoursBackground {background-repeat: no-repeat; background-position:center;} .Concours .divConcoursBackgroundEnd {height: 700px; background-image: url("/v3/img/concours/fin_jeu_concours.jpg");} .Concours .boutonParticiper {position: absolute; height: 40px; line-height: 40px; text-align: center; width: 200px; border: 1px solid #fff; color: #000000;} .Concours .formulaireParticipation {position: absolute; width: 215px; padding: 15px;} .Concours .boutonValider {background-color: #dddddd; padding: 5px; border: 1px solid #000000; color: #000000;} .Concours .concours_champ_saisi input {width: 210px; height: 24px;} .Concours .concours_deja_inscrit {font-size: 10px; font-style: italic; font-weight: bold;} .Concours .concours_champ_text {padding: 10px 0; display: block;} .Concours .concours_champ_text input {margin-right: 5px;} .Concours #concours_reglement input {margin-right: 5px;} .Concours #concours_reglement a {text-decoration: underline; color: #000000; } .Concours .divConcoursMentions {color: #3C3C3C; font-size: 10px; line-height: 10px; padding: 10px; text-align: justify;} /* Assistants compatibilite */ #compassistants {position:relative;margin-bottom:35px;} #compassistants #assisthead {background-color:#FFFFFF; padding:9px 15px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} #compassistants #assisthead .title {display:inline; text-transform:uppercase; color:#141414; font-size:18px; font-family:DINPro,arial; background-color:#FFFFFF; padding-right:0.5em; bottom: -6px; position: relative;} #compassistants #assisthead .desc {text-align: justify; border-top: 1px solid #e1e1e1; padding:15px 0!important; display: block; font-size: 11px; line-height: 1.2em;} #compassistants .menu {background-color: #DCEBF5; padding: 10px 70px; height: 160px;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;} #compassistants .menu2 {height: 65px;vertical-align:middle;} #compassistants .menu2 div {float:left;} #compassistants .menu2 div .button {margin-top:25px;} #compassistants .txtSearch {height: 28px; line-height: 28px; border: 1px solid #e1e1e1; width:300px; color: #646464; font-style: italic;} #compassistants .lblYourChoice {margin-top:10px;margin-bottom:5px;text-transform:uppercase;color:#00288C;font-size:16px;font-weight:bold;display:block; font-family:DINPro;} #compassistants .lblModelChoice {color: #141414; font-size: 14px; padding-right: 10px;} #compassistants #option1,#compassistants #option2 {float:left;width:465px;} #compassistants #option2 {padding:0 0 10px 0px;} #compassistants h3 {text-transform:uppercase;color:#00288c;font-size:14px;font-weight:bold;margin-bottom:10px; font-family:DINPro;} /*#compassistants h3 span {color:#000;text-transform:lowercase;font-size:1em;font-weight:normal}*/ #compassistants .pnlSelectChoice {background-color: #FFFFFF; padding: 0px 10px 30px 10px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1} #compassistants .titleNumber {background-image: url("/v3/img/assistants/bg-numetapes.gif"); background-repeat: no-repeat; height: 34px; width: 34px; line-height: 34px; text-align: center; display: inline-block; color: #FFFFFF; font-weight: bold; font-size: 17px; font-family: DINPro; } #compassistants .titleNumberInactive {background-position: center bottom;} #compassistants .lblTitleSelectChoice {color: #00288C; font-family: DINPro; font-size: 14px; text-transform: uppercase; font-weight: bold; display: block; padding: 0 60px;} #compassistants .lblTitleSelectChoiceType {font-family: DINPro; font-size: 14px; text-transform: uppercase; display: inline-block; padding-bottom: 30px;} #compassistants .lblTitleSelectChoiceBrand {font-family: DINPro; font-size: 14px; text-transform: uppercase; display: inline-block; padding-bottom: 30px;} #compassistants .lblTitleSelectChoiceModel {font-family: DINPro; font-size: 14px; text-transform: uppercase; display: inline-block; padding-bottom: 30px;} #compassistants .lblTitleModelNoProduct {font-family: DINPro; font-size: 14px; text-transform: uppercase; display: inline-block; padding: 30px 0 20px;} #compassistants .lblTitleInactive {color: #646464;} #compassistants .cat_12 {background-image: url("/v3/img/assistants/ico-jetdencre.jpg"); margin-right: 40px; margin-bottom: 40px; } #compassistants .cat_13 {background-image: url("/v3/img/assistants/ico-laser.jpg"); margin-bottom: 40px;} #compassistants .cat_14 {background-image: url("/v3/img/assistants/ico-matricielle.jpg"); margin-right: 40px; margin-bottom: 40px;} #compassistants .cat_15 {background-image: url("/v3/img/assistants/ico-thermique.jpg"); margin-bottom: 40px;} #compassistants .cat_46 {background-image: url("/v3/img/assistants/ico-3d.jpg"); margin-bottom: 40px;} #compassistants .buttonCat:hover.cat_12, #compassistants .buttonCatActif.cat_12 {background-position:-3px -3px;margin-bottom: 37px;margin-right: 38px;} #compassistants .buttonCat:hover.cat_13, #compassistants .buttonCatActif.cat_13 {background-position:-3px -3px;margin-bottom: 37px;} #compassistants .buttonCat:hover.cat_14, #compassistants .buttonCatActif.cat_14 {background-position:-3px -3px;margin-bottom: 37px;margin-right: 38px;} #compassistants .buttonCat:hover.cat_15, #compassistants .buttonCatActif.cat_15 {background-position:-3px -3px;margin-bottom: 37px;} #compassistants .buttonCat:hover.cat_46, #compassistants .buttonCatActif.cat_46 {background-position:-3px -3px;margin-bottom: 37px;} #compassistants .buttonCat {font-family: DINPro; font-size: 16px; text-transform: uppercase; text-decoration: none; color: #646464; line-height: 18px; display: block; width: 170px; height: 110px; background-repeat: no-repeat; padding-left: 230px; padding-top: 50px; float: left; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); } #compassistants .buttonCat span {color: #00288c; font-size: 24px; line-height: 28px; font-weight: bold; display: block;} #compassistants .buttonCat:hover, #compassistants .buttonCatActif {border: 3px solid #00288c; width: 169px; height: 110px;padding-left:227px;padding-top:47px;} #compassistants .pnlLinkBrand {padding-bottom: 30px; text-align: center; font-size: 13px;} #compassistants .pnlLinkBrand a {text-decoration: underline;} #compassistants .buttonBrand {font-family: DINPro; font-size: 16px; text-transform: uppercase; text-decoration: none; text-align:center;color: #646464; line-height: 18px; display: block; width: 190px; height: 75px; /*border:3px solid transparent;*/background-repeat: repeat-x; float: left; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); margin-bottom: 30px; background-image: url("/v3/img/assistants/bg-marques-on.gif"); padding-top: 15px;} #compassistants .buttonBrandOff {background-image: url("/v3/img/assistants/bg-marques-off.gif");} #compassistants .buttonBrand img {width: 135px; height: 60px; /*padding-left: 28px;*/} #compassistants .buttonBrandRight {margin-right: 27px;} #compassistants .buttonBrand.enabled:hover, #compassistants .buttonBrandActif {border: 3px solid #00288c; height: 72px; width: 184px;padding-top: 12px;} #compassistants .buttonModel {display: block;padding: 0 0 5px 0; text-decoration: underline;} #compassistants .labelModelNoProduct {display: block; padding: 0 0 5px 0; } /*#compassistants select {width:200px}*/ #compassistants #option1 label, #compassistants #option2 label {float:left; width:60px; padding-right:.8em; text-align:right} /*#compassistants #option2 .login {float:right;}*/ #option2 .option2Desc {display:block} #compassistants .zoneother {padding: 10px 26px;} #compassistants .zoneother .offre .btnOffre{float:right;margin-right:15px; } #compassistants .zoneother .offre {background-color:#EBEBEB; border: 1px solid #e1e1e1; padding: 15px; box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.2); } #compassistants .zoneother .left {float:left;width:725px;} #compassistants .zoneother .left .txt_grey {display: block; color:#3C3C3C; font-family:DINPro; font-size:18px; text-transform:uppercase; padding-bottom: 10px;} #compassistants .zoneother .left .txt_red {display: block; color:#FF0000; font-family:arial; font-size:14px; font-weight:bold; letter-spacing: 1px;} #compassistants .zoneother .right {float:left; padding-top: 10px;} #compassistants .zoneother .conditions {font-size:11px; display:block; padding-top: 10px;} #compassistants .zoneother .btnOffre{display:inline;left:0px;position:relative; top:0px;} #compassistants .productListing.listingcompatibilityassistant td.parametre_assistant {width:90px;} #compassistants .productListing.listingcompatibilityassistant td.parametre_assistant div{position:relative;top:30px;} #compassistants .productListing.listingcompatibilityassistant td.parametre_assistant a { margin:auto; } #compassistants .divListingCompatibility{width:964px;margin:0px 15px;} #compassistants .productListing.listingcompatibilityassistant table{ width:100%; /*border-left:1px solid #e1e1e1;*/ border-spacing:0; border-collapse:collapse} #compassistants .productListing.listingcompatibilityassistant tr.e0 { background:#f0f0f0;border-top:none;border-bottom:none;} #compassistants .productListing.listingcompatibilityassistant tr.e1 { background:#fff;border-top:none;border-bottom:none;} #compassistants .productListing.listingcompatibilityassistant tr.e2 { background:#f0f0f0;border-top:none;border-bottom:none;} #compassistants .productListing.listingcompatibilityassistant tr.e3 { background:#fff;border-top:none;border-bottom:none;} #compassistants .productListing.listingcompatibilityassistant th {/* border-bottom:1px solid #e1e1e1;*/ padding-top:1em; text-align:center;font-weight:normal;text-transform:uppercase;color:#141414} #compassistants .productListing.listingcompatibilityassistant th.left { /*padding-left:10px;*/text-align:left} #compassistants .productListing.listingcompatibilityassistant th a {color:#141414;text-decoration:underline;} #compassistants .productListing.listingcompatibilityassistant td { text-align:center; height:100px} #compassistants .productListing.listingcompatibilityassistant td.vignette { width: 120px;text-align:left} #compassistants .productListing.listingcompatibilityassistant td.vignette a {display:block;width:80px;height:80px;margin:auto} #compassistants .productListing.listingcompatibilityassistant td.vignette img {width:80px;height:80px;vertical-align:middle; display:block;overflow:hidden;line-height:1em} #compassistants .productListing.listingcompatibilityassistant td.vignette div {position:relative} #compassistants .productListing.listingcompatibilityassistant td.vignette .comparer {position:absolute;left:-7px;top:42%} #compassistants .productListing.listingcompatibilityassistant td.vignette .comparer input {background:transparent;margin:0 !important;padding:0 !important;width:13px} #compassistants .productListing.listingcompatibilityassistant td.vignette .newIcon {position:absolute;top:0;left:20px;background: url(/v3/img/catalogue/bg-new-liste.png) no-repeat 0 0;width:52px;height:11px;font-size:10px;line-height:11px;font-family:Arial;text-transform:uppercase;color:#fff;padding-left:2px;} #compassistants .productListing.listingcompatibilityassistant td.vignette.masterProduct {background:url(/v3/img/catalogue/bg-vignette.png) no-repeat 10px 6px;} #compassistants .productListing.listingcompatibilityassistant td.disponib {width:90px} #compassistants .productListing.listingcompatibilityassistant td.disponib a { margin:auto; } #compassistants .productListing.listingcompatibilityassistant td.disponib a.shopdispo { overflow:visible; position:relative;cursor:default; } #compassistants .productListing.listingcompatibilityassistant td.disponib a.shopdispo .dispoWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;padding:5px;font-size:11px;color:#646464;z-index:20; left:-97px; bottom:30px; width:200px;} #compassistants .productListing.listingcompatibilityassistant td.disponib a.shopdispo:hover .dispoWrapper {display:block;} #compassistants .productListing.listingcompatibilityassistant td.disponib a.shopdispo .dispoWrapper img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} #compassistants .productListing.listingcompatibilityassistant td.designation {text-align:left;padding:5px 1px} #compassistants .productListing.listingcompatibilityassistant td.designation .nom {display:block;font-weight:bold;color:#141414;font-size:1.1em;line-height:1.4em;margin-bottom:2px} #compassistants .productListing.listingcompatibilityassistant td.designation .caract {color:#646464;font-size:0.9em;line-height:1.3em} #compassistants .productListing.listingcompatibilityassistant td.designation .catinfos {color:#646464;font-size:0.9em;line-height:1.3em;cursor:pointer;} #compassistants .productListing.listingcompatibilityassistant td.designation .catinfosdetails {color:#646464;font-size:.9em;display:none;} #compassistants .productListing.listingcompatibilityassistant td.designation h2 {color:#141414;padding-top:5px;display:inline;} #compassistants .productListing.listingcompatibilityassistant td.designation .catinfosdetails span {display:block;} #compassistants .productListing.listingcompatibilityassistant td.designation .catinfosdetails a {text-decoration:underline;} #compassistants .productListing.listingcompatibilityassistant td.designation .numero {float:left;font-weight:bold;color:#141414;font-size:1.4em;line-height:1em;padding-right:0.1em} #compassistants .productListing.listingcompatibilityassistant td.designation .accroche {display:block;font-style:italic;margin:3px 0;color:#00288c} #compassistants .productListing.listingcompatibilityassistant td.designation .odrLink { display:block;color:#ff3c00;font-weight:bold;margin:3px 0;background-image:url(/v3/img/odr/ico-cadeau-odr.gif);background-repeat:no-repeat;padding-left:19px;} #compassistants .productListing.listingcompatibilityassistant td.designation a.odrLink:hover { text-decoration:underline; } #compassistants .productListing.listingcompatibilityassistant td.designation .seemore {display:none; float:left;width:70px;height:14px;line-height:14px;font-size:0.9em;margin:3px 0 2px 0;color:#fff;text-transform:uppercase;text-align:center;background:url(/v3/img/catalogue/bt-details-packs.gif) 0 0 no-repeat} #compassistants .productListing.listingcompatibilityassistant td.designation .masterParameters {margin-left:10px;} #compassistants .productListing.listingcompatibilityassistant td.designation .masterParameters a {text-decoration:underline;} #compassistants .productListing.listingcompatibilityassistant td.designation .masterParameters a:hover {text-decoration:underline;} #compassistants .productListing.listingcompatibilityassistant td.designation .addedon {float:left;font-size:.8em;line-height:14px;margin:5px} #compassistants .productListing.listingcompatibilityassistant td.designation a:hover {text-decoration:none} #compassistants .productListing.listingcompatibilityassistant td.ajoutPanier {width:70px;/*line-height:25px*/} #compassistants .productListing.listingcompatibilityassistant td.ajoutPanier span {position:relative} #compassistants .productListing.listingcompatibilityassistant td.ajoutPanier a.addToBasket {background: rgba(0, 0, 0, 0) url("/v3/img/catalogue/bt-miseaupanier.gif") no-repeat 0 0 / 42px 36px; display: block; height: 36px; margin: auto; width: 42px;} #compassistants .productListing.listingcompatibilityassistant td.ajoutPanier .numUpDownInput {float:left;margin-right:2px} #compassistants .productListing.listingcompatibilityassistant td.ajoutPanier .numUpDown {float:left;margin-bottom:2px} #compassistants .productListing.listingcompatibilityassistant td.note {width:110px} #compassistants .productListing.listingcompatibilityassistant td.note span {font-size:.8em;display:block} #compassistants .productListing.listingcompatibilityassistant td.focus {width:60px;padding:0} #compassistants .productListing.listingcompatibilityassistant td.prix {width:110px} #compassistants .productListing.listingcompatibilityassistant .tax, .productListing.listing .refTax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} #compassistants .productListing.listingcompatibilityassistant .price {font-weight:bold;font-size:1.2em;line-height:1.5em} #compassistants .productListing.listingcompatibilityassistant .refPrice {color:#646464;text-decoration:line-through;padding-right:.5em} #compassistants .productListing.listingcompatibilityassistant .reduc {display:block;color:#00288c} #compassistants .productListing.listingcompatibilityassistant td.prix .startFromPrice {font-size:10px;color:#00288C;text-transform:uppercase;display:block;} #compassistants .productListing.listingcompatibilityassistant td.group {height:auto; text-align:left;background:#fff;} #compassistants .productListing.listingcompatibilityassistant td.group div {font-weight:bold;font-size:1.2em;background:#dcebf5;padding:.3em .5em;margin-top:2em;text-transform:uppercase} #compassistants .productListing.listingcompatibilityassistant .firstGroup td.group div {margin-top:0} #compassistants .productListing.listingcompatibilityassistant td.group a {color:#00288c} #compassistants .productListing.listingcompatibilityassistant td.group a.poleposition {color:#f00; text-decoration:none;} #compassistants .productListing.listingcompatibilityassistant td.BanGuide {height:auto;} #compassistants .titleProducts {font-family: DINPro; font-size: 18px; text-transform: uppercase; display: block; padding-top: 30px;color:#141414;margin-left:15px;padding-bottom:20px; } #compassistants #productListingWrapper {padding-bottom:100px} #compassistants #productListingWrapper .sortZone {display:none;} #compassistants #productListingWrapper label, #compassistants #productListingWrapper .productListingHeader {padding-left:0} #compassistants #productListingWrapper td.ajoutPanier {width:80px} #compassistants .basket {background:#00288C url(/v3/img/assistants/bg-panier-consommables.gif) 0 0 repeat-x;color:#fff;position:fixed;bottom:0;padding:10px;width:975px;z-index:100} #compassistants .basket2 { position:absolute !important; height:65px} #compassistants .basket h2 {color:#fff;padding:.7em 0; font-size:1.4em;} #compassistants .basket .panelProducts {float:left;width:70%} #compassistants .basket .productLine {width:45%;margin-right:5%;float:left;height:1.3em;overflow:hidden} #compassistants .basket .price {float:left;width:29%} #compassistants .basket .pName {width:70%;float:left} #compassistants .basket .pQte {width:30%;overflow:hidden;float:left;text-align:right} #compassistants .basket .addSelection {background:url(/v3/img/assistants/bt-panier-consommables.gif) 0 0 no-repeat; width:275px;padding-top:26px;display:block} .compType{padding:15px 60px 30px 60px;} .compBrand, .compModel {padding: 30px 60px;} .compType, .compBrand {border-bottom: 1px solid #DCDCDC;} .assistantModel {} .assistantModel:last-child {border-bottom: 0px;} .assistantModel .name {width:285px; overflow:hidden; color: #141414; font-size: 14px; line-height:14px; display: inline-block;} .compModel .listModel .col {float:left;} .compModel .listModelNoProduct .col {float:left;} /* #divPointRelaisListe .horaire div{ background:none repeat scroll 0 0 #FFFFB5; border:1px solid #000000; color:#000000; display:none; padding:5px; position:absolute; right:30px; text-align:left; text-decoration:none; top:-10px; width:500px} #divPointRelaisListe .horaire:hover div { display:block} */ .commandprogress{ margin-bottom:10px} .tunnel{ border-color:#C8C8C8 #C8C8C8 #C8C8C8; border-style:solid solid solid; border-width:1px 1px 1px; padding:2px 0 0; position:inherit;margin-bottom:20px;} #divProgressNumber{ height:10px; width:100%; margin-bottom:40px} #divProgressBarre{ background-color:#FFFFFF; height:10px; margin:20px 10%; width:80%} .secure-sales-commandstep4page #divProgressBarreBleu{ background-color:#053297; height:10px; width:75%} .secure-sales-commandstep5page #divProgressBarreBleu{ background-color:#053297; height:10px; width:100%} .secure-sales-commandstep4page #divEtape1{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px} .secure-sales-commandstep4page #divEtape2{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px} .secure-sales-commandstep4page #divEtape3{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:48.5%; top:9px} .secure-sales-commandstep4page #divEtape4{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:68.5%; top:9px; background-position:0 50%} .secure-sales-commandstep4page #divEtape5{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:88%; top:9px; background-position:0 100%} .secure-sales-commandstep5page #divEtape1{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px} .secure-sales-commandstep5page #divEtape2{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px} .secure-sales-commandstep5page #divEtape3{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:48.5%; top:9px} .secure-sales-commandstep5page #divEtape4{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:68.5%; top:9px} .secure-sales-commandstep5page #divEtape5{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:88%; top:9px; background-position:0 50%} #divEtape1 span { display:none} #divEtape2 span { font-size:14px; font-weight:bold; font-family:DINPro; color:#002A8B; left: 11px; padding-top: 5px; position: absolute} #divEtape3 span { padding-top: 5px; font-size:14px; font-weight:bold; font-family:DINPro; color:#002A8B; left: 11px; position: absolute} #divEtape4 span { padding-top: 5px; font-size:14px; font-weight:bold; font-family:DINPro; color:#002A8B; left: 11px; position: absolute} #divEtape5 span { padding-top: 5px; font-size:14px; font-weight:bold; font-family:DINPro; color:#002A8B; left: 11px; position: absolute} .secure-sales-commandstep4page #divEtape2 span { display:none} .secure-sales-commandstep5page #divEtape2 span { display:none} .secure-sales-commandstep4page #divEtape3 span { display:none} .secure-sales-commandstep5page #divEtape3 span { display:none} .secure-sales-commandstep5page #divEtape4 span { display:none} .lblZoneSecurisee {margin-left:5px;} .lblZoneSecurisee2 {font-size: 11px; margin-left:5px;} .CommandStep.rounded .pnlPopupAdresseAdd .divTitreAjouterAdresse{ width:520px; color:#02288d; font-size:18px; float:left; margin-top:10px; margin-bottom:10px; font-weight:bold; font-family:DINpro} .pnlPopupAdresseAdd .test{ display:block} .pnlPopupAdresseAdd .center {text-align: center;} .pnlPopupAdresseAdd .country .dropdown {width:420px;} .pnlPopupLostLogin{ padding:10px; padding-top:5px; padding-right:5px; display:block} .pnlPopupLostLogin .divTitreLostLogin{ width:520px; color:#02288d; font-size:18px; float:left; margin-top:10px; margin-bottom:10px; font-weight:bold; font-family:DINpro} .pnlPopupLostLogin .pictureValidator { background-image:url(/v3/img/customer/ico-alertes.gif); background-repeat:no-repeat; display:inline-block !important; font-style:italic; height:15px; margin-left:5px; overflow:hidden; padding-bottom:1px; padding-left:20px; visibility:visible !important; width:0} .pnlPopupLostLogin .pictureValidate{ background-position:0% 50%; width:0} .pnlPopupLostLogin .divTitreLostLogin{ color:#103494; font-size:15px; font-weight:bold} .pnlPopupLostLogin .divCroix{ text-align:right; height:38px} .pnlPopupLostLogin .advert{ display:block} .pnlPopupLostLogin .dynamicvalidator {font-size:1em;} .pnlPopupLostLogin .mailerror {display:block;color:#ff0000;} .pnlPopupLostLogin input {width:200px;} /* /// Plus utilisé ? .pnlPopupLostMdp{ padding:10px; padding-top:5px; padding-right:5px} .pnlPopupLostMdp .divTitreAjouterAdresse{ width:520px; color:#02288d; font-size:18px; float:left; margin-top:10px; margin-bottom:10px; font-weight:bold; font-family:DINpro} .pnlPopupLostMdp .divCroix{ height:40px} */ .waitingLostMdp { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5 } .pnlShareBasket{ padding:10px; padding-top:5px; padding-right:5px} .pnlShareBasket .divTitre{ width:520px; color:#02288d; font-size:18px; float:left; margin-top:10px; margin-bottom:10px; font-weight:bold; font-family:DINpro} .pnlShareBasket .bskImport {display:none;padding-top:20px;text-align:center; } .pnlWiewedProduct .pnlCategorie{ margin-top:10px; padding-bottom:10px; padding-left:10px; background-color:#DCDCDC} .pnlWiewedProduct .pnlCategorie a{ text-decoration: underline; color:#00288C; display:inline} .pnlWiewedProduct .lbeCategoryText{ display:block} .pnlWiewedProduct .lblContinueShopping{ font-weight:bold} .divduo{ display:block; float:left} .secure-sales-commandstep5page .thanks .ThanksLarge{ font-size:14px; display:inline} .PageAddBasket{ background-color:#FFF; padding: 10px} #divEditCustomer .pnlPseudo{ float:right} .divTitreAjouterAdresse{ width:520px; color:#02288d; font-size:18px; float:left; margin-top:10px; margin-bottom:10px; font-weight:bold; font-family:DINpro} .dynamicindicator {display:inline-block; vertical-align:bottom; margin:0 4px 15px 5px;height:16px; width:16px; background:url(/v3/img/customer/ico-alertes.gif) no-repeat left top; visibility:visible} .dynamicindicator.hide {visibility:hidden} .dynamicindicator.required {background-position:0% 0%} .dynamicindicator.valid {background-position:0% 50%} .dynamicindicator.error {background-position:0% 100%} .dynamicvalidator {display:none;} /* Recrutements */ .recruit { background:#fff;padding:20px; } .recruit ul.recruitList, recruit ul.recruitList li { display:block; } .recruit ul.recruitList li { padding-bottom:20px; } .recruit .recDebut { float:left;width:18%;padding-left:2%; } .recruit .recContent {text-align:justify;float:left;width:80%; } .recruit .fraudeInfoBox { border:3px solid #FE0002; padding:20px; margin-bottom:20px; text-align:justify; } .recruit .fraudeInfoBox .title {color:#FE0002; font-weight:bold; text-align:center; margin-bottom:20px; display:block; font-size:1.4em;} /* Landing products listing */ #landing { background:#fff; } /* Sitemap Categories */ .SitemapCategory {background: #fff; border: 1px solid #e1e1e1; border-top: none; padding: 15px 0 15px 0; position:relative} .SitemapCategory .presentation {margin: 10px 20px; padding: 10px; font-weight:bold; margin-bottom:10px; background-color:#EBEBEB;} .SitemapCategory .presentation .titre_presentation{display:block; text-align:center;} .SitemapCategoryCol {float:left; padding:6px; width:32%;} .SitemapCategory a{color:#00288C;} .SitemapCategory h1 a{color:white;} .SitemapCategory h1 {font-size: 1.2em; font-weight:bold; padding: 5px 4px; background-color:#00288C; } .SitemapCategory h2 {font-size: 1.2em; font-weight:bold; display:block; float:left; padding-right: 5px;} .SitemapCategory h3 {font-size: 1.1em; font-weight:bold; display:block; float:left; padding-right: 5px;} .SitemapCategory h4 {font-size: 1em; display:block; float:left; padding-right: 5px;} .SitemapCategory h5 {font-size: 0.9em; display:block; float:left; padding-right: 5px;} .SitemapCategory h6 {font-size: 0.8em; display:block; float:left; padding-right: 5px;} .SitemapCategory li img {vertical-align: middle;} .SitemapCategory .level1 li {padding:10px 0px 0px 5px; line-height: 1.2em; } /* contient h2 */ .SitemapCategory .level2 li {padding:7px 0px 0px 15px; line-height: 1.1em;} /* contient h3 */ .SitemapCategory .level3 li {padding:7px 0px 0px 15px; line-height: 1em;} /* contient h4 */ .SitemapCategory .level4 li {padding:7px 0px 0px 15px; line-height: 0.9em;} /* contient h5 */ .SitemapCategory .level5 li {padding:7px 0px 0px 15px; line-height: 0.8em;} /* contient h6 */ /* Newsletters */ .public-newsletterpage .newsPage { background:#fff;padding:10px; } .public-newsletterpage .newsPage h2 { background: white;display: inline;position: relative;padding-right: .5em;font-size: 18px;font-family: DINPro, arial;text-transform: uppercase;bottom: -5px; } .public-newsletterpage .newsPage .newsPageWrapper { border-top: 1px solid #e1e1e1;padding-top:20px;} /* LostLoginPwd */ .lost-login .editPasswordControl { padding-top:20px; } .lost-login .editPasswordControl label { display:block; } .lost-login .editPasswordControl .space { padding-bottom:20px; } .lost-login .EditPasswordControl label { display:block; } .lost-login .EditPasswordControl { padding-top:20px; } .lost-login .EditPasswordControl .space { padding-bottom:20px; } .lost-login { background-color: #fff; padding: 15px;} .lost-login h2 { background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro,arial;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase } .lost-login .pwdOutOfDate { display:inline-block;padding-top:20px; } /* Popup de sélection de magasin */ .franchiseStoreSelectPopup .title { text-transform:none; } .franchiseStoreSelectPopup .modalcontent { background: url("/v3/img/franchise/carte-volet.png") no-repeat left top; padding-left:170px; margin:20px; min-height:150px;} .franchiseStoreSelectPopup .modalcontent .accountMsg {display:block; margin-top:20px; color:#FF0000;} .franchiseStoreSelectPopup .modalcontent .accountMsg a { color:#FF0000; text-decoration:underline; } .franchiseStoreSelectPopup .modalcontent .franchiseStoreList { margin-bottom:10px;} .public-catalogue-categorypage .franchiseStoreSelectPopup .modalcontent .franchiseStoreList {width:250px;} /* Page liste des boutiques franchise */ #divFranchiseStores { background-color: #FFFFFF; padding: 15px; } #divFranchiseStores .findStore { background:url("/v3/img/franchise/bg-recherche.jpg") repeat-x left bottom; border-top:1px solid #e1e1e1; padding-top:3em; } #divFranchiseStores .findStore .map .title { font-family:DINPro,arial; font-size:18px; color:#474747; text-align:center; text-transform:uppercase; margin-top:20px; display:block; } /*#divFranchiseStores .findStore .map { float:left; background:url("/v3/img/franchise/carte-france.png") no-repeat; width:400px; height:410px; position:relative; margin-left:50px;}*/ #divFranchiseStores .findStore .map .icoStore { background:url("/v3/img/franchise/ico-pin.png") no-repeat left top; width:30px; height:40px; position:absolute; margin-left:-15px; margin-top:-40px; } #divFranchiseStores .findStore .map .icoStore.comingNext { background:url("/v3/img/franchise/ico-pin.png") no-repeat left -40px; } #divFranchiseStores .findStore .map .icoStore .tip { display:none; background-color: #F0F0F0; color:#000000; border: 3px solid #004696; position:absolute !important; left:24px; bottom:36px; white-space:nowrap; padding:5px; border-radius: 5px 5px 5px 0; } #divFranchiseStores .findStore .map .icoStore:hover .tip { display:block; } #divFranchiseStores .findStore .map { float:left; width:400px; height:410px; position:relative; margin-left:50px; background-repeat:no-repeat; } #divFranchiseStores .findStore .map .markerRegion { background:url("/v3/img/franchise/ico-cible.png") no-repeat left top; width:30px; height:30px; position:absolute; margin-left:-15px; margin-top:-15px; } #divFranchiseStores .findStore .map .markerRegion.comingNext { background-position:left -30px; } #divFranchiseStores .findStore .map .markerRegion .tip { position:absolute !important; left:50%; bottom:32px; white-space:nowrap; margin-left:-50px; width:100px; text-align:center; color:#141414;} #divFranchiseStores .findStore .map .markerStore { background:url("/v3/img/franchise/ico-pin.png") no-repeat left top; width:30px; height:40px; position:absolute; margin-left:-15px; margin-top:-40px; } #divFranchiseStores .findStore .map .markerStore.comingNext { background-position:left -40px; } #divFranchiseStores .findStore .map .markerStore .tip { position:absolute !important; left:50%; bottom:42px; white-space:nowrap; margin-left:-50px; width:100px; text-align:center; color:#141414;} #divFranchiseStores .findStore .storeListing { float:left; width:450px; padding:20px; } #divFranchiseStores .findStore .storeListing .title { background:url("/v3/img/franchise/txt-boutiques-ldlc.gif") no-repeat; padding-top:62px; padding-bottom:30px; color:#474747; font-family:DINPro,arial; font-size:18px; } #divFranchiseStores .findStore .storeListing a { text-decoration:underline; color:#141414; } #divFranchiseStores .findStore .storeListing .info { color:#F00; margin-left:10px; text-transform:uppercase; } #divFranchiseStores .findStore .storeListing .dropdown {width:200px; margin-bottom:20px; padding:2px;} #divFranchiseStores .encarts div { width:160px; height:110px; float:left; padding:20px 0 0 160px; } #divFranchiseStores .encarts div span { display:block; width:130px; } #divFranchiseStores .encarts div span.title { font-family: DINPro,arial; font-size: 18px; text-transform: uppercase; } #divFranchiseStores .encarts div span.desc { color:#E36624; margin-top:5px;} #divFranchiseStores .encarts div .button { margin-top:10px; margin-left: 0; } #divFranchiseStores .encarts div .button span { width:auto; } #divFranchiseStores .encarts div.encart1 { background:url("/v3/img/franchise/bg-encart1.jpg") no-repeat; } #divFranchiseStores .encarts div.encart2 { background:url("/v3/img/franchise/bg-encart2.jpg") no-repeat; } #divFranchiseStores .encarts div.encart3 { background:url("/v3/img/franchise/bg-encart3.jpg") no-repeat; } #divFranchiseStores .otherStores { margin-top:30px; } #divFranchiseStores .otherStores .content { padding-top:20px; border-top:1px solid #e1e1e1;} #divFranchiseStores .otherStores .content ul { float:left; width:25%; } #divFranchiseStores .otherStores .content a { text-decoration:underline; } /* Page boutique franchise */ #storeFiche .wrapper { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; } #divStoreImg { position:relative; height:320px; overflow:hidden; } .storeContent #divStoreImg { width:792px; left:-16px; top:-2px; } .storeContent { float:left; width:776px;} #divStoreImg #animContent { position:relative; width:1000000px} #divStoreImg h2 { background-color:#0096CA; text-transform:uppercase; color:#FFFFFF; display:inline; font-size:28px; font-weight:bold; padding:0 7px; position:absolute; left:10px; bottom:15px; height:40px; line-height:40px;} #divStoreImg .flechG_inactive {display:none;} /*position:absolute; top:135px; left:10px; background:url("/v3/img/franchise/ico-flechegauche.png") no-repeat scroll left top transparent; height:50px; width:50px; display:block; z-index:10; }*/ #divStoreImg .flechG_active { position:absolute; top:135px; left:10px; background:url("/v3/img/franchise/ico-flechegauche.png") no-repeat scroll left -50px transparent; height:50px; width:50px; display:block; z-index:10; } #divStoreImg .flechD_active { position:absolute; top:135px; right:10px; background:url("/v3/img/franchise/ico-flechedroite.png") no-repeat scroll left -50px transparent; height:50px; width:50px; display:block; z-index:10; } #divStoreImg .flechD_inactive {display:none;} /* position:absolute; top:135px; right:10px; background:url("/v3/img/franchise/ico-flechedroite.png") no-repeat scroll left top transparent; height:50px; width:50px; display:block; z-index:10; }*/ #divStoreImg ul { position:absolute; right:0; bottom:15px; } #divStoreImg ul li { float:left; margin-right:10px; background:#F7F7F7; opacity:0.9; height: 40px; width:50px;} #divStoreImg ul li.fb { background:#000000;background:url("/v3/img/franchise/ico-fb.gif") no-repeat scroll center center #3B5A97;background-size: 40px 40px; opacity:1; } #divStoreImg ul li a { text-decoration:underline; color:#141414; display:block; width:50px;height:40px; } #divStoreImg ul li a.joinus { color:#fff; } #divStoreImg ul li a.google360 { background:url("/v3/img/franchise/ico-360.png") no-repeat scroll center center transparent; } #divStoreImg ul li a.contactus { background:url("/v3/img/franchise/ico-lettre.gif") no-repeat scroll center center transparent; height: 0; padding-top: 40px; overflow:hidden; } #divStoreImg ul li a.print { background:url("/v3/img/franchise/ico-print.gif") no-repeat scroll center center transparent; height: 0; padding-top: 40px; overflow:hidden } #divStoreContact .storeDescription { padding:30px 20px 30px 20px; font-style:italic; text-align:justify; display:block; width:640px; float:left; } #divStoreContact .storeResponsable { padding-top:30px; padding-left:10px; line-height:16px;} #divStoreContact .storeResponsable span {display:block;} #divStoreContact .storeResponsable .storetype { color:#646464;font-size:11px;width:130px; } #storeLocation .wrapper { padding:10px 15px 15px;} #storeLocation .adresseInfo { float:left; width:290px; } #storeLocation .map { float:left; margin-left:10px; width:660px;} #storeLocation #gmapcontainer { width:660px; height:500px; margin-top:10px; } #storeLocation .tabContent { padding:10px 0 20px; } #storeLocation .tabContent p { padding-bottom:10px; } #storeLocation h2 { background-color:#0096CA; text-transform:uppercase; color:#FFFFFF; font-size:16px; font-weight:bold; padding:3px 7px; } #storeLocation .addressLine { display:block; } #favoriteStore { position:relative; } #favoriteStore .wrapper { padding:10px 15px 15px; } #favoriteStore .favInfos {border-top:1px solid #e1e1e1;padding:20px 0 0;} #favoriteStore .favDispo, #favoriteStore .favRetrait {float:left;width:470px;height:100px;} #favoriteStore .favDispo {background:url("/v3/img/franchise/bg-dispoboutique.gif") no-repeat left top;margin:0 20px 0 0;} #favoriteStore .favRetrait {background:url("/v3/img/franchise/bg-clickcollect1.gif") no-repeat left top;} #favoriteStore .favDispo span {display:block;padding:20px 10px 0 190px;font-size:1.1em;} #favoriteStore .favRetrait span {display:block;padding:10px 25px 0 190px;font-size:1.1em;} #favoriteStore h3 {font-family: DINPro,arial;font-weight:bold;font-size:20px;color:#009dd3;text-transform:uppercase;padding:0 0 5px 0;} #favoriteStore .divSave{ margin:20px 0 0; } #favoriteStore .description { color:#01288F; font-weight:bold; margin:0 0 10px 0; display:block; } /*#favoriteStore .divSave .button { margin-right:10px; } #favoriteStore .divSave .button img { margin-top:4px; margin-left:5px;}*/ #favoriteStore .waiting { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5} #favoriteStore .confirmPopup .title { color:#f00; margin:20px 0 5px 20px; text-align:center; } #favoriteStore .confirmPopup .modalcontent { margin:0 120px 20px 120px; text-align:center;} #favoriteStore .confirmPopup .confirmPopupMessage { text-align:center; display:block; margin-bottom:20px; } #favoriteStore .confirmPopup .button.confirm { margin-left:10px; } .genericWaitingLoader { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5} .blue {color:#002A89; } #franchisePageBottom .wrapper { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e1e1e1; margin-top: 10px; padding:10px 0 0 10px; } #franchisePageBottom .content { float:left; width:480px; margin-right:10px; } #franchisePageBottom .content .relaisColis { background: url("/v3/img/franchise/bg-relaiscolis.jpg") no-repeat scroll left bottom transparent; border-top:1px solid #e1e1e1; height:220px;} #franchisePageBottom .content .relaisColis .message { background: url("/v3/img/franchise/ico-relaiscolis.gif") no-repeat scroll left top transparent; padding:5px 5px 0 140px; display:block; height:120px; margin-top:15px; } #franchisePageBottom .content .changeFavoriteStore { background: url("/v3/img/franchise/img-minicarte.gif") no-repeat left 10px scroll transparent; border-top:1px solid #e1e1e1; height:170px; padding:50px 0 0 230px; } #franchisePageBottom .content .changeFavoriteStore span {display:block; } #franchisePageBottom .content .changeFavoriteStore .region {padding:10px; background-color:#E6E6E6; margin-top:10px; width:200px; } #franchisePageBottom .content .changeFavoriteStore select { width:100%; } #franchiseStockView { position:relative; } #franchiseStockView .wrapper { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e1e1e1; margin-top: 10px; padding:10px; } #franchiseStockView .wrapper .content { border-top:1px solid #e1e1e1; padding-top:15px; } #franchiseStockView .wrapper .content ul { margin:15px 0; } #franchiseStockView .wrapper .content ul li input[type="radio"] { margin-right:5px; } #franchiseStockView .wrapper .content .button {margin-right:10px; } #franchiseStockView .waiting { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5} /* Encart mon compte franchises */ #compte.miniEncart .divFranchiseStockView { border-bottom: 1px solid #FFFFFF; padding:10px;} #compte.miniEncart .divFranchiseStockView .waiting { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#B2BEDC url(/v3/img/ajax-loader.gif) no-repeat 50% 60%;opacity:.5} #compte.miniEncart .divFranchiseStockView li { text-align:left; } #compte.miniEncart .divFranchiseStockView input[type="radio"]{ width:auto; display:inline; background-color:transparent; border:.0 none; margin-right:5px; } #compte.miniEncart .divFranchiseStockView label { color:#141414; } #compte.miniEncart .divFranchiseStockView .stockViewTitle { color:#01288F; font-weight:bold; display:block; text-align:left;} /* Encart home "nos boutiques" franchises */ #extraWrapper .extra #boutiques div ul li.franchise { background: url("/v3/img/franchise/carte-volet.png") no-repeat left 10px; height:170px; } #extraWrapper .extra #boutiques div ul li.franchise a.button {padding: 0 10px; height:auto; display:inline-block; position:absolute; left:165px; bottom:20px; } #extraWrapper .extra #boutiques div ul li.franchise a { padding-left:160px; height:150px; } #extraWrapper .extra #boutiques div ul li.franchise a em { color:#0096CA; font-family: DINPro,arial; font-size:20px; padding-top:15px;} #extraWrapper .extra #boutiques div ul li.franchise a .description {color: #474747; font-family: DINPro,arial; display: block; padding: 10px 0; font-size:14px;line-height:20px;} /************************************ partenaire ******************************************************/ body.partnerContest { background-image:none; } body.partnerContest #headerWrapper { background-image:none;background-color: #fff; } body.partnerContest #header { padding-top:80px; } body.partnerContest .logo { background-image:none;height:77px;width: 495px;background-repeat:no-repeat; } body.partnerContest .logo img { display:none; } body.partnerContest .contentLoginPartner { padding-bottom:210px; } body.partnerContest .partnerLogin { background: #fff; border: 1px solid #e1e1e1; margin: 15px auto 15px auto; width: 590px; padding: 20px; } body.partnerContest .partnerLogin .noLogin { display:block;color:Red;text-align:center; } body.partnerContest .partnerLogin label { padding-left:20px; } body.partnerContest .partnerLogin label:first-child { padding-left:0; } body.partnerContest .partnerDesc { font-weight: bold;font-size: 2em;text-align: center;display: block;padding: 20px 0 30px 0; } body.partnerContest #extraWrapper li#groupe { display:none; } body.partnerContest #extraWrapper li#boutiques { display:none; } body .partnerBgHeader { height: 80px;width: 100%;position: absolute; } body.partnerContest #headerWrapper .extra li div.wrapper div, body.partnerContest #extraWrapper ul li#pays.hover, body.partnerContest .miniEncart#compte.hover, body.partnerContest .miniEncart#compte .miniEncartContent.hover em, body.partnerContest .miniEncart#compte.focused .miniEncartContent em, body.partnerContest .miniEncart#compte .miniEncartContent .wrapper div.rounded_br { background-color:#fff; } body.partnerContest #extraWrapper { background:#000;height:24px; } body.partnerContest .disconnectWrapper {position:relative;width:100%;} body.partnerContest .disconnectWrapper .disconnect {position:absolute;right:0;top:-62px;z-index:99;} body.partnerContest .miniEncart#panier .miniEncartContent span { color:#000; } .partnerContest #topMenu { background:#656565; } .partnerContest #topMenu ul li#groupe { display:none; } .partnerContest #topMenu ul li#boutiques { display:none; } .partnerContest .miniEncarts { width:700px; } .partnerContest .miniEncarts .vignette { width:auto; } .partnerContest .catinfos { display:none; } .partnerContest #headerWrapper ul.extra {height:24px;line-height:24px;color:#000;} .partnerContest #headerWrapper ul.extra #aide a { color:#000; } .partnerContest .faq { position:relative; } .partnerContest #pagePanier .divProduits { display:none; } .partnerContest #pagePanier tr.reduc .btSupprimer { display:none;} .partnerContest .pnlWiewedProduct .lblProposition { display:none; } .partnerContest .pnlWiewedProduct .lblPrix { display:none; } .partnerContest .pnlWiewedProduct .lblQuantite { display:none; } .partnerContest .pnlWiewedProduct .divPropositionsArticles { display:none; } .partnerContest .pnlWiewedProduct .pnlCategorie { display:none; } .public-catalogue-productpage.partnerContest .productasso {display:none;} .public-catalogue-productpage.partnerContest #productinfos .note { display:none; } .public-catalogue-productpage.partnerContest #productinfos .share { display:none; } .public-catalogue-productpage.partnerContest #productfiche .marque { display:none; } .public-catalogue-productpage.partnerContest .cheminDeFer .lastCat { text-decoration:none; } .partnerContest .productListingHeader .sortZone, .partnerContest .productListingHeader .displayZone { float:none;text-align:center; } .partnerContest #productshipping .partnerToshibaBadge { background: url(https://media.ldlc.com/v3/partner/1/903.gif) no-repeat left top;width: 42px; } .partnerContest #fichetech .productParameter input[type="checkbox"]{ display:none; } .partnerContest #fichetech #productParametersList { margin-top:20px; } .partnerContest #fichetech .select_critere { display:none; } .partnerContest #fichetech .date { display:none; } .partnerContest .partnerFilter { background: #fff; padding: 5px 0 0 15px; border: 1px solid #e1e1e1; margin-bottom:10px; } .partnerContest .partnerCat { position: relative; z-index: auto; background: #fff; border: 1px solid #e1e1e1; padding: 5px 15px 5px 15px; margin: 10px 0; } /*.partnerContest .cheminDeFer li:first-child { background-image:none;padding-left:0; }*/ .partnerContest .partnerCat li { float:left;margin-right:20px; } .partnerContest .partnerCat li .selected { background: url(https://media.ldlc.com/v3/img/general/ico-triangle-droite.gif) left 50% no-repeat;padding-left: 8px; } .partnerContest #footer { padding-bottom:0; } .partnerContest #footer .content2822 { display:none !important; } .partnerContest #footer .filet { margin:0; } .partnerContest #footer .rkw { display:none; } .partnerContest #footer #dnmlinks { display:none; } .partnerContest .miniEncart#compte .vignette { background-image:url(https://media.ldlc.com/v3/partner/compte.png); } .partnerContest .miniEncart#panier .vignette { background-image:url(https://media.ldlc.com/v3/partner/panier.png) } .partnerContest .miniEncart#compte .vignette, .partnerContest .miniEncart#panier .vignette { border-right: 1px solid #000;padding-top:43px;width: 50px;padding-bottom:0; } .partnerContest .miniEncart#compte .vignette img, .partnerContest .miniEncart#panier .vignette img { display:none; } /*Finalisation commande*/ .partnerContest .thanks { display:none !important; } .partnerContest #pagePanier #divBtCommander .stillPurchase.hover { background-position: 0 0; } /************************************ /partenaire ******************************************************/ /*Mini header*/ body.miniHeader .ghostHeader {padding-top:130px; display:block;} body.miniHeader.public-default .ghostHeader {padding-top:130px; display:block;} body.miniHeader #headerWrapper{ background-position: 0 top;margin-top: 0;position: fixed;top: 0;z-index: 50;width: 100%;background:#002E78;height:40px;-moz-box-shadow: 0px 0 5px 0 rgb(3, 3, 3);opacity:0; -webkit-box-shadow: 0px 0 5px 0 rgb(3, 3, 3); box-shadow: 0px 0 5px 0 rgb(3, 3, 3); } body.miniHeader #headerWrapper .menuSousCat { height:28px; left:125px;margin:6px 0;width:367px;} body.miniHeader #headerWrapper .topCat { display:none; } body.miniHeader #extraWrapper { display:none; } body.miniHeader #headerWrapper .logo {background: url(/v3/img/general/mini-header/logo.png) no-repeat 0 center;height:28px;margin:6px 0;width:95px;} body.miniHeader #headerWrapper .logo img {display:none;} body.miniHeader #headerWrapper .search {padding-top:0;margin-top:0;} #headerWrapper .largerddlSearchProducts {display:inline-block;height:36px;top:0px;position:relative} body.miniHeader #headerWrapper .largerddlSearchProducts {display:inline-block;height:28px;top:0px;position:relative} body.miniHeader #headerWrapper .lblNomPrenom { display:none; } body.miniHeader #headerWrapper .miniEncart { margin-top: 0;margin:6px 0; } body.miniHeader #headerWrapper .miniEncartContent { height:auto; } body.miniHeader #headerWrapper #header { padding-top: 40px;} body.miniHeader #headerWrapper #panier .miniEncartContent em{ display:inline;padding-right: 10px; } body.miniHeader #headerWrapper #panier .vignette {margin-top: 2px;} body.miniHeader #headerWrapper #panier .miniEncartContent span { display:inline; } body.miniHeader #headerWrapper .miniEncarts { height:40px;width:485px;} body.miniHeader #headerWrapper .menuSousCat .search input { width:291px; } body.miniHeader #headerWrapper .miniEncart#compte { margin-right: 15px; } /* body.miniHeader #header { padding:4px 0 6px 0;position:fixed;top:0;width:995px;opacity:0; } body.miniHeader #header .topCat { display:none; } body.miniHeader .logo { background:url(/v3/img/general/mini-header/logo.png) no-repeat 0 center; padding-left:95px;float:left;position:static;height:28px;width:0;margin-right:25px;padding-top:4px; } body.miniHeader #topMenu { display:none; } body.miniHeader .menuSousCat { margin: 0px;margin-bottom:0;float:left; } body.miniHeader .menuSousCat .search input { width:293px;padding-left:30px; background: transparent url(/v3/img/general/mini-header/bg-moteur.png) no-repeat 0 2px; } body.miniHeader .menuSousCat select { display:none; } body.miniHeader .menuSousCat .search a { width:35px;background:url(/v3/img/general/mini-header/ok.png) no-repeat center 2px;padding-top:26px;margin-left: -4px; } body.miniHeader .menuSousCat .search .firstSearch {background: url(/v3/img/general/mini-header/ico-loupe.png) no-repeat 6px 6px;display: block;float: left;position: absolute;padding-top: 25px;width:30px;margin-left:0;top:2px;left: 2px; } body.miniHeader .miniEncart { padding-right:0;float:right; } body.miniHeader .miniEncart em { display:inline-block;padding-right: 10px; } body.miniHeader .miniEncart .vignette { width:35px;padding-top:28px;background-position:0 2px;border:none; } body.miniHeader .miniEncart#compte .vignette { background-image: url(/v3/img/general/mini-header/ico-compte.png); } body.miniHeader .miniEncart#compte { margin-right:-30px; } body.miniHeader .miniEncart#compte em{ height: 30px;line-height:28px; } body.miniHeader .miniEncart#panier em{ height: 30px;line-height:26px; } body.miniHeader .miniEncart#panier .vignette { background-image: url(/v3/img/general/mini-header/ico-panier.png); } body.miniHeader .miniEncart#compte .miniEncartContent { width: 115px;margin-right: 50px; } body.miniHeader .menuDefilantHome { display:none; } body.miniHeader .miniEncarts { width: 485px; padding: 6px 0;height:28px;} body.miniHeader .miniEncart .miniEncartContent { margin-top:0;height:28px;line-height:28px; } */ body .headerProduct { display:none; } body.miniHeader.public-catalogue-productpage #headerWrapper .miniEncarts { height:0;padding:0;overflow:hidden;} body.miniHeader .headerProduct { height:28px;line-height:28px;padding-left:20px;width:478px;padding-top: 6px;z-index: 19;position: absolute;top: 0;right: 0;display:block; } body.miniHeader .headerProduct .miniDgn { color:#fff;font-family: DINPro,arial;font-size: 12px;float:left;width: 165px;overflow:hidden;height: 28px; } body.miniHeader .headerProduct .miniPrice { float:left;color:#fff;font-family: DINPro,arial;font-size: 22px;line-height:22px;font-weight:bold;width:95px;text-align:right;padding-right:10px;height:26px; } body.miniHeader .headerProduct .basket { float:left;width:120px; } body.miniHeader .headerProduct .basket .numUpDownContainer { margin:0; } body.miniHeader .headerProduct .basket .numUpDownInput { float:left;margin-top:3px;background: transparent url(/v3/img/general/mini-header/bg-quantite.png) no-repeat;border:none;width:30px;height:24px;padding-top:0; } body.miniHeader .headerProduct .basket .miniQte { float:left;color:#fff;font-family: DINPro,arial;font-size: 11px;text-transform:uppercase;padding-right:3px; } body.miniHeader .headerProduct .basket .qteWrapper { display:inline-block;height:28px;float:left;background:#fab;position:relative; } body.miniHeader .headerProduct .basket a.numUpDown.plus { position: absolute;top: 2px;margin-left:5px;background:url(/v3/img/general/mini-header/bt-quantite.png) no-repeat 0 0; } body.miniHeader .headerProduct .basket a.numUpDown.plus:hover { background-position:0 -11px; } body.miniHeader .headerProduct .basket a.numUpDown.moins { position: absolute;bottom: 2px;margin-left:5px;background:url(/v3/img/general/mini-header/bt-quantite.png) no-repeat -11px 0; } body.miniHeader .headerProduct .basket a.numUpDown.moins:hover { background-position:-11px -11px; } body.miniHeader .headerProduct .addWrapper { float:left;margin-left: 10px; } body.miniHeader .headerProduct .addWrapper a{ display: block;background: url(/v3/img/general/mini-header/bt-panier.png) 0 0 no-repeat;width: 35px;padding-top: 24px;margin-top:2px; } body.miniHeader .bgMiniHeader { opacity:0;background: url(/v3/img/bg-miniheader.png);width: 100%;position: fixed;left: 0;top: 0;z-index:11;height:40px;-moz-box-shadow: 0px 0 5px 0 rgb(3, 3, 3);-webkit-box-shadow: 0px 0 5px 0 rgb(3, 3, 3);box-shadow: 0px 0 5px 0 rgb(3, 3, 3); } body.miniHeader .miniEncart#compte .lblNomPrenom { display:none; } /*body.miniHeader .cheminDeFer { margin-top:157px; }*/ /*body.miniHeader .misesEnAvant:first-child { margin-top:157px; }*/ body.miniHeader .miniEncart .amount { color:#ffe600; } /*body.miniHeader .ghostHeader { display:block; }*/ /*body.miniHeader #pagePanier { margin-top:157px; }*/ /*body.miniHeader #contentPage { margin-top: 170px; }*/ body.miniHeader.public-static-navigationpage .main .search { display:block !important; } body.miniHeader .miniDispo{ position:relative;float:left } body.miniHeader .miniDispo .button.bleu.bout { display:block; } body.miniHeader .miniDispo .button.bleu.bout span { display:block; } body.miniHeader .icoDispoOff { background: url(/v3/img/general/mini-header/ico-dispos.png) no-repeat center 0;width: 30px; padding-top: 15px; display: block; margin-top: 6px;cursor:pointer } body.miniHeader .icoDispoOn { background: url(/v3/img/general/mini-header/ico-dispos.png) no-repeat center -15px;width: 30px; padding-top: 15px; display: block; margin-top: 6px;cursor:pointer } body.miniHeader .miniDispoDesc { position:absolute;width:220px;right:-20px;padding: 5px 20px;border: 3px solid #004696;background-color: #ededed;top:43px; } body.miniHeader .miniDispoDesc div:first-child { padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #fff; } body.miniHeader .miniDispoDesc .productdispo a.dispo { display:block;line-height: 15px;padding-left: 70px;height:30px;width:auto;padding-top:0;text-decoration:none;color:#000;} body.miniHeader a.button.bleu { line-height:22px; } body.miniHeader .miniDispoDesc .productdispo { padding-bottom:10px;border-bottom:1px solid #fff;display:block; } body.miniHeader .miniDispoDesc .hoverDispo { display: inline-block;width: 100px;height: 23px;position: absolute;right: 10px;top: -25px; } body.miniHeader .miniDispoDesc .hoverDispo span { background:#004696 url(/v3/img/general/ico-triangle-bas.gif) no-repeat center center;width: 15px;height: 15px;display:inline-block;margin-top: 8px;margin-right:14px;float:right; } body.miniHeader .miniDispoDesc .shopdispo { display:block;padding-bottom:10px; } body.miniHeader .shopdispo .d02 { background-image: url(/v3/img/fiche-produit/boutique-enstock.gif); } body.miniHeader .shopdispo .d09 { background-image: url(/v3/img/fiche-produit/boutique-rupture.gif); } body.miniHeader .shopdispo span{ background-position: 15% 50%;background-repeat: no-repeat;display: block;padding-left: 70px;line-height:15px; } body.miniHeader .menuSousCat .search .searchSuggest {left:0;} body.miniHeader .menuSousCat .search .searchSuggest a {background-image:none;width:auto;padding-top:0;} body.miniHeader .menuSousCat .search input, body.miniHeader .menuSousCat .search .firstSearch { height:28px;line-height:28px; } body.miniHeader .menuSousCat .search input img, body.miniHeader .menuSousCat .search .firstSearch img {margin-top:6px;} body.miniHeader .menuSousCat .search a { height:28px;line-height:28px; } .assistantProductListingWrapper {border-top:none;padding-left:0;padding-right:0;margin:0;border-top:none;} .assistantProductListingWrapper .assistantCatOnglet {padding-top:20px;width:963px;padding:0px 15px;border-bottom:1px solid #e1e1e1;background-color:#F5F5F5;} .assistantProductListingWrapper .assistantCatOnglet li {background: url("/v3/img/general/onglets/bg-gauche.gif") no-repeat scroll 0 5px #F5F5F5; float: left; margin-right: 5px; padding-left: 5px; position: relative; top: 3px;border-bottom:#C8C8C8;} .assistantProductListingWrapper .assistantCatOnglet li a { background: url("/v3/img/general/onglets/bg-droite.gif") no-repeat scroll 100% 5px rgba(0, 0, 0, 0); float: left; height: 24px; padding: 9px 20px 0; cursor: pointer;} .assistantProductListingWrapper .assistantCatOnglet li.on {background:#fff url(/v3/img/general/onglets/bg-gauche-on.gif) no-repeat 0 0;position:relative;top:4px;z-index:5} .assistantProductListingWrapper .assistantCatOnglet li.on a {color:#00288c;font-weight:bold;font-size:14px;background:#fff url(/v3/img/general/onglets/bg-droite-on.gif) no-repeat right bottom} .assistantProductListingWrapper .assistantCatOnglet li.firstOn {background:#fff url(/v3/img/general/onglets/bg-gauche-on-first.gif) no-repeat 0 0} .assistantProductListingWrapper .divTitleProducts {background-image:url(/v3/img/assistants/bg-assistant.gif);background-repeat:repeat-x;display:block;background-color:#F5F5F5;} /*#compassistants .productListing.listingcompatibilityassistant th {border-top: 1px solid #e1e1e1;}*/ .assistantProductListingWrapper .assistantListProduct li {display: none;} .assistantProductListingWrapper .assistantListProduct li.on {display: block;} .assistantProductListingWrapper .parametre {background-repeat: no-repeat; width:35px; height:45px; margin: auto;} .assistantProductListingWrapper .parametre_41 {background-image: url("/v3/img/assistants/parametres/ico-noire.png");} .assistantProductListingWrapper .parametre_45 {background-image: url("/v3/img/assistants/parametres/ico-bleu.png");} .assistantProductListingWrapper .parametre_44 {background-image: url("/v3/img/assistants/parametres/ico-jaune.png");} .assistantProductListingWrapper .parametre_43 {background-image: url("/v3/img/assistants/parametres/ico-magenta.png");} .assistantProductListingWrapper .parametre_191 {background-image: url("/v3/img/assistants/parametres/ico-pack.png");} .assistantProductListingWrapper .parametre_2074 {background-image: url("/v3/img/assistants/parametres/ico-pack.png");} img.grayscale { opacity:0.2; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } /* code promo liste */ .code-promo-list {background: #fff; padding: 10px 20px 30px; border: 1px solid #e1e1e1;} .code-promo-list .seo {text-align: justify; font-size: 11px; line-height: 1.2em; padding-bottom: 35px;color:#646464;font-family:Arial;} .code-promo-list .lblTitreListe {position: relative; bottom: -5px; font-family: DINPro; text-transform: uppercase; font-size: 20px; padding-right: 0.5em; display: inline; background: #FFFFFF;} .code-promo-list ul {border-top: 1px solid #e1e1e1;padding-top:25px;} .code-promo-list .bloc_code_promo {background-color:#dcebf5;width: 950px; height: 90px; margin-top: 20px;} .code-promo-list .bloc_code_promo .code{text-align:center;font-family:Arial;font-size:14px;color:#646464;text-transform:uppercase;width:200px;display:inline-block;height:90px;float:left;margin-top:20px;} .code-promo-list .bloc_code_promo .txt {width: 695px;height:90px; padding-right: 25px;padding-left:25px; font-family: "DINPro";display:inline-block;border-left:1px solid #fff;} .code-promo-list .bloc_code_promo .txt .left{float:left;height:40px;width:500px;line-height:40px;margin-top:20px;} .code-promo-list .bloc_code_promo .code .lblCode {color: #009cd2; line-height: 32px; font-size: 28px;font-weight:bold;font-family:"DINPro";} .code-promo-list .lblMontantOuTaux {display: block; width: 120px; padding: 28px 66px 0 10px; color: #ec0000; font-size: 50px; font-family: Arial; font-weight: bold; float: left; line-height: 50px;} .code-promo-list .montantCH {font-size: 31px!important;} .code-promo-list .random {font-size: 25px!important; line-height: 25px!important;} .code-promo-list .lblMotifAttribution {font-weight: bold; font-size: 18px; color: #3c3c3c;overflow:hidden;font-family:DINPro;display:block;line-height:20px;} .code-promo-list .lblDateFin {color: #646464; font-size: 14px; display: block;font-family:DINPro;} .code-promo-list .hplDetailsConditions {float:right;margin-top:29px;} /* code promo page */ .code-promo-page {background: #fff; padding: 30px 20px; border: 1px solid #e1e1e1;} .code-promo-page .seo {text-align: justify; font-size: 11px; line-height: 1.2em; padding-bottom: 35px;color:#646464;font-family:Arial;} .code-promo-page .lblTitre {position: relative; bottom: -5px; font-family: DINPro; text-transform: uppercase; font-size: 20px; padding-right: 0.5em; display: inline; background: #FFFFFF;} .code-promo-page .title_underline{border-top: 1px solid #e1e1e1;padding-top:25px;} .code-promo-page .bloc_code_promo {background-color:#dcebf5;width: 950px; height: 90px;} .code-promo-page .bloc_code_promo .code{text-align:center;font-family:Arial;font-size:14px;color:#646464;text-transform:uppercase;width:200px;display:inline-block;height:70px;float:left;margin-top:20px;} .code-promo-page .bloc_code_promo .txt {width: 695px;height:90px; padding-right: 25px;padding-left:25px; font-family: "DINPro";display:inline-block;border-left:1px solid #fff;} .code-promo-page .bloc_code_promo .txt .left{float:left;height:40px;width:500px;line-height:40px;margin-top:20px;} .code-promo-page .bloc_code_promo .code .lblCode {color: #009cd2; line-height: 32px; font-size: 28px;font-weight:bold;font-family:"DINPro";} .code-promo-page .lblMontantOuTaux {display: block; width: 120px; padding: 28px 66px 0 10px; color: #ec0000; font-size: 50px; font-family: Arial; font-weight: bold; float: left; line-height: 50px;} .code-promo-page .montantCH {font-size: 37px!important;} .code-promo-page .random {font-size: 25px!important; line-height: 25px!important;} .code-promo-page .code_promo_inactif {background:url(/v3/img/code-promo/code-inactif.png) no-repeat;} .code-promo-page .lblMotifAttribution {font-weight: bold; font-size: 18px; color: #3c3c3c;overflow:hidden;font-family:DINPro;display:block;line-height:20px;} .code-promo-page .lblDateFin {color: #646464; font-size: 14px; display: block;font-family:DINPro;} .code-promo-page .txt_1 {float: left; width: 525px; padding-right: 8px; font-family: Arial; padding-top: 15px;} .code-promo-page .txt_2 {float: left; width: 145px; padding-right: 8px; font-family: Arial; padding-top: 35px; text-align: center;} .code-promo-page .lblAvecLeCodePromoLDLC {line-height: 19px; font-size: 13px;} .code-promo-page .lblCode {color: #ec0000; line-height: 25px; font-size: 25px; font-weight: bold;} .code-promo-page .lblAvecLeCodePromoLDLC {color: #717171; font-size: 11px; display: block;} .code-promo-page .hplProducts {text-decoration: underline; } .code-promo-page .cguBloc{margin-bottom:10px;} .code-promo-page .preCGU{display:inline-block;font-weight:bold;color:#3c3c3c;margin-right:5px;} .code-promo-page .cgu {text-align: justify; font-size: 12px; line-height: 20px;color:#3C3C3C} .code-promo-page table {border: 1px solid #fff; color: #3C3C3C; margin-bottom: 25px; font-size: 12px; font-family: Arial;width:100%;} .code-promo-page table tr {border: 1px solid #fff;} .code-promo-page table tr td {height:40px;line-height:40px;padding-left:15px;padding-right:15px;background-color:#f5f5f5;} .code-promo-page table .info {color: #3C3C3C;} .code-promo-page table .reduction_random {text-transform: capitalize;} .code-promo-page .lblTitreLinks {position: relative; bottom: -5px; font-family: DINPro; text-transform: uppercase; font-size: 20px; padding-right: 0.5em; display: inline; background: #FFFFFF;} .code-promo-page .trait {border-top: 1px solid #e1e1e1;} .code-promo-page ul { background: #DDEBF4; padding:10px; margin-top: 15px;} .code-promo-page li {float: left; padding: 2px 5px; width: 32%;} .code-promo-page li a {text-decoration: underline;} .account-quality {margin-top:15px; } .account-quality-3 { margin-bottom:15px;} .account-quality-1 {float:right;margin-top:-205px;margin-right:33px;} .account-quality-1 img {width:380px;} .encarts-boutiques-marques {float:left;width:145px;height:90px;border:1px solid #ccc;background-color:#f0f0f0;margin:6px;} .encarts-boutiques-marques a {text-decoration:none;color:#141414;margin-left:5px;line-height:24px;} .encarts-boutiques-marques a:hover {text-decoration:underline;} .encarts-boutiques-marques img {border:0;margin-top:5px; width:135px; height:60px;} #tc_privacy {background: rgb(104, 108, 108); border: none; left: 0px; width: 100%; text-align: left; bottom: 0px; position: fixed; z-index: 999999; opacity: 0.9;padding:5px;} #tc_privacy_container_text{background: none; border: currentColor; border-image: none; display: inline-block;max-width:80%;vertical-align:middle;float:left;} #tc_privacy_text{background: none; padding: 10px; border: currentColor; border-image: none; text-align: left; color: rgb(255, 255, 255); font-size: 12px;} #tc_privacy_container_button{background: none; border: currentColor; float: left;margin-right: 144px;} #tc_privacy_button{background: rgb(142, 147, 146); margin: 10px 0px; padding: 5px 10px; border: currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 12px; display: inline; cursor: pointer;} #cookieconsentRoot div { display:none; } #cookieconsentRoot #cookieconsentAlertBig {display:block;background: rgb(104, 108, 108); border: none; left: 0px; width: 100%; text-align: left; bottom: 0px; position: fixed; z-index: 999999; opacity: 0.9;} #cookieconsentAlertBig a {color:#fff;} #cookieconsentRoot #cookieconsentDisclaimerAlert { display:block;background: none; padding: 10px; border: none; text-align: left; color: rgb(255, 255, 255); font-size: 12px;background: none; display: inline-block; width: 93%; vertical-align: middle; } #cookieconsentPersonalize { background: none; border: currentColor; right: 10px; display: inline-block;background: rgb(142, 147, 146); margin: 10px 0px; padding: 5px 10px; border: currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 12px; cursor: pointer; } .adsJqueryCat {background:#fff;width:250px;height:250px;} .adsJqueryCat .productListing.adstopproduct { width:250px;height:250px; position:relative;} .adsJqueryCat .productListing.adstopproduct .vignette {width:150px;height:150px;margin:0px;padding:0;} .adsJqueryCat .productListing.adstopproduct .vignette img { width:150px;height:150px;margin:0;padding:0; } .adsJqueryCat .productListing.adstopproduct .productWrapper { opacity:0;position:absolute;top:0;left:0;z-index:0; background: url("/v3/img/catalogue/bg-ban-tdv.jpg") no-repeat; } .adsJqueryCat .productListing.adstopproduct .productWrapper.active { opacity:1;z-index:1; } .adsJqueryCat .productListing.adstopproduct .details {border:none;padding:0;margin:0;height:auto;text-align:center; width:250px;} .adsJqueryCat .productListing.adstopproduct .numero {margin:10px auto; display: inline-block; background:#009dd3; color:#fff; font-weight:bold; font-size:12px; text-align:center; cursor:default; font-family: DINpro; padding: 0 5px; line-height: 18px; text-transform:uppercase; box-sizing:border-box;} .adsJqueryCat .productListing.adstopproduct .designation {height:16px; line-height:15px; font-size:16px; text-decoration:none; display:block; overflow:hidden; font-family: DINpro; color:#3C3C3C; width:100%; text-align: center;} .adsJqueryCat .productListing.adstopproduct .prix {position:inherit; font-weight:bold; color:#00288C; text-align:center; display:block; height:40px; width:100%; overflow:hidden; cursor:default; padding-bottom:12px; box-sizing:border-box;} .adsJqueryCat .productListing.adstopproduct .prix .price {display:inline-block; margin-top:5px; font-size:25px;} .adsJqueryCat .productListing.adstopproduct .prix .refPrice {display:inline-block; font-size:16px; text-decoration:line-through;} .adsJqueryCat .productListing.adstopproduct .cat { text-align:left;color: #555;font-size:11px;display:block;width:115px;overflow:hidden;margin-top: 5px;margin-left:5px;cursor:default;} .adsJqueryCat .productListing.adstopproduct .caract {margin-top:10px;} .adsJqueryCat .productListing.adstopproduct .next, .adsJqueryCat .productListing.adstopproduct .previous { text-transform:uppercase;font-size:16px;font-weight:bold;background:#fff;color:#009dd3;border:2px solid #009dd3;position:absolute; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; bottom:100px; display: inline-block; width: 30px; height: 30px; line-height:29px; text-align:center; } .adsJqueryCat .productListing.adstopproduct .next:hover, .adsJqueryCat .productListing.adstopproduct .previous:hover { background:#009dd3; color:#fff;cursor:pointer; } .adsJqueryCat .productListing.adstopproduct .next { right:15px;} .adsJqueryCat .productListing.adstopproduct .previous { left:15px;} body.navigation3682 #headerWrapper, body.navigation3683 #headerWrapper, body.navigation3689 #headerWrapper, body.navigation3691 #headerWrapper, body.navigation3692 #headerWrapper, body.navigation3694 #headerWrapper, body.navigation3696 #headerWrapper, body.navigation3697 #headerWrapper, body.navigation3698 #headerWrapper, body.navigation3699 #headerWrapper, body.navigation3711 #headerWrapper{ position: fixed; top: -130px; opacity: 0 !important; filter: alpha(opacity=(@value*100)) !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100)) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))" !important; left: 0; z-index: 999; background: #132127; margin-bottom: 0; margin-top: 0; -webkit-transition: all ease 0.7s 0s; -moz-transition: all ease 0.7s 0s; -o-transition: all ease 0.7s 0s; transition: all ease 0.7s 0s; } body.navigation3682 #headerWrapper.visible, body.navigation3683 #headerWrapper.visible, body.navigation3689 #headerWrapper.visible, body.navigation3691 #headerWrapper.visible, body.navigation3692 #headerWrapper.visible, body.navigation3694 #headerWrapper.visible, body.navigation3696 #headerWrapper.visible, body.navigation3697 #headerWrapper.visible, body.navigation3698 #headerWrapper.visible, body.navigation3699 #headerWrapper.visible, body.navigation3711 #headerWrapper.visible { top: 0; opacity: 1 !important; filter: alpha(opacity=(@value*100)) !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100)) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))" !important; -webkit-transition: all ease 0.7s 0s; -moz-transition: all ease 0.7s 0s; -o-transition: all ease 0.7s 0s; transition: all ease 0.7s 0s; } .public-catalogue-intermediatecategorypage #cathead {margin-bottom: 10px; z-index: 11;} .public-catalogue-intermediatecategorypage #cathead div.desc {background: #fff; display: block; font-size: 11px; line-height: 1.2em; padding: 9px 15px;} .public-catalogue-intermediatecategorypage #cathead .bloc {background: #ddebf4; padding: 15px 0 0 15px;}