/*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} strong{font-family:"Averta-Bold";font-weight: inherit;} 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 Averta Regular,arial,verdana,geneva,helvetica,sans-serif; background: #FFFFFF; color: #141414; } /* noel */ .noel_home {background-repeat: no-repeat!important;} ol { list-style-type: decimal-leading-zero; list-style-position:inside} p { margin:0;padding:0} a { color: #666666; text-decoration: none;} a:hover { text-decoration: underline;} .transition250 {transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;} .transition1000 {transition: all 1000ms ease-out;-moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out;} td { padding: 0 0} th { font-family: Averta-Bold; padding: 0 .3em} sup {font-size:0.6em;vertical-align:0.4em;} input, select { border-radius: 3px; font: 1.1em Averta Regular,arial,geneva,helvetica,sans-serif; color: #000; background-color: #fff; border: 1px solid #cccccc; transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; } input:hover, select:hover {border: 1px solid #999999;} 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 #c8c8c8; resize:bu} .lblConnexionError { font-family: Averta-Bold; color:#FF0000; margin:3px auto; padding:3px; } /*Boutons réseaux sociaux*/ .btnSocial{display:inline-block;} .btnFB{width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-f.png) #BBBBBB;} .btnFB:hover{background-color:#3B5998;} .btnTW{width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-t.png) #BBBBBB;} .btnTW:hover{background-color:#00ACEE;} .btnG{width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-g.png) #BBBBBB;} .btnG:hover{background-color:#D74937;} .btnP{width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-p.png) #BBBBBB;} .btnP:hover{background-color:#CD1D1F;} .btnM{width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-M.png) #BBBBBB;cursor:pointer;} .btnM:hover{background-color:#39C2B1;} /*Boutons Layers*/ .closeButton{width:68px;height:21px;background-image:url(/ab/img/boutons/btn-fermer-layer.png);} /* loader */ .spinner {margin: 200px auto 0; width: 70px; text-align: center;} .spinner > div {width: 18px; height: 18px; background-color: #e96150; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both;} .spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tooltip {background-color:#444444; border-radius:3px; padding:5px 8px; font-family:Averta Regular; font-size:11px; color:#FFFFFF; padding: 4px 6px; } .tooltipPoint {background-image:url(/ab/img/general/fleche-haut-infobulle.png); display:none; position:absolute; width:7px; height:4px;} .tooltip.compare {display:none; width:116px; text-align:center; margin-top:50px; position:absolute;} .tooltip.favoris {display:none; width:96px; text-align:center; margin-top:50px; position:absolute;} .tooltip.panier {display:none; width:90px; text-align:center; margin-top:50px; position:absolute;} .ajoutComparateur .tooltip { margin-left: -40px;} .ajoutComparateur .tooltipPoint {margin-top:46px; margin-left:20px;} .ajoutComparateur.nopanier .tooltip.compare {margin-left:-26px;} .vignetteActions .ajoutComparateur:hover .tooltip.compare {display:block;} .vignetteActions .ajoutComparateur:hover .tooltipPoint {display:block;} .ajoutFavoris .tooltipPoint {margin-top:46px;margin-left:20px;} .ajoutFavoris .tooltip {margin-top:50px; margin-left:-30px;} .ajoutFavoris.nocompare .tooltip {margin-left:-30px;} .ajoutFavoris.nopanier .tooltip {margin-left:-72px;} .vignetteActions .ajoutFavoris:hover .tooltip.favoris {display:block;} .vignetteActions .ajoutFavoris:hover .tooltipPoint {display:block;} .ajoutPanier .tooltipPoint {margin-top:46px;margin-left:20px;} .ajoutPanier .tooltip {margin-top:50px; margin-left:-27px;} .ajoutPanier.nocompare .tooltip {margin-left:-27px;} .vignetteActions .ajoutPanier:hover .tooltip.panier {display:block;} .vignetteActions .ajoutPanier:hover .tooltipPoint {display:block;} /**************************************/ /* 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:5px; -webkit-border-radius:5px; border-radius:5px;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:1.5em;position:relative;z-index:2} .rounded_t { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;position:relative;z-index:1} .rounded_b { -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;position:relative;z-index:1} .rounded_br { -moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0;position:relative;z-index:1} .norounded { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;position:relative;z-index:1} .shadow { -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3)} .shadow2 { -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3)} .shadow3 { -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);} .shadow_l { -moz-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);} .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.btn, input.btn {border-radius: 48px; font-size: 15px; text-align: center; min-width: 152px; padding: 0 24px; text-decoration: none; height: 44px; line-height: 44px; display: inline-block; cursor: pointer; transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;} a.btn.inactif, input.btn.inactif {opacity: 20;} a.btn.previous {padding-left: 20px;} a.btn.previous span {background-repeat: no-repeat; padding-left: 17px; background-position: center left; min-width: 135px; display: inline-block; } a.btn.next {padding-right: 20px;} a.btn.next span {background-repeat: no-repeat; padding-right: 17px; background-position: center right; min-width: 135px; display: inline-block; } a.btn.previous.black span {background-image: url(/ab/img/boutons/fleche_left_black.png);} a.btn.previous.white span {background-image: url(/ab/img/boutons/fleche_left_white.png);} a.btn.next.black span {background-image: url(/ab/img/boutons/fleche_right_black.png);} a.btn.next.white span {background-image: url(/ab/img/boutons/fleche_right_white.png);} @media screen and (max-width: 1024px) { a.btn.previous span {height: 100%;} } a.btn.vert, input.btn.vert {background-color: #58b9a6; color: #ffffff!important;} a.btn.vert:hover, input.btn.vert:hover {background-color: #1da88b;} a.btn.vert.alert, input.btn.vert .alert {background-color: #FFFFFF; border: 2px solid #39c2b1; color:#39c2b1;} a.btn.gris {background-color: #f3f3f3; color: #333333; } a.btn.gris:hover {background-color: #dbdbdb; } a.btn.gris.alert {background-color: #FFFFFF; border: 2px solid #f3f3f3; color:#f3f3f3;} a.btn.violet {background-color: #e96150; color: #ffffff;} a.btn.violet:hover {background-color: #d94d3c;} a.btn.violet.alert {background-color: #FFFFFF; border: 2px solid #e96150; color:#e96150;} a.btn.grisfonce, input.btn.grisfonce { background-color: #bbbbbb; color: #ffffff!important; } a.btn.ok {padding: 0; min-width: 44px; text-transform: uppercase;} a.btn-fermer {background: url(/ab/img/general/layers/btn-fermer-layer.png) no-repeat; width:68px; height: 21px; float: right; cursor: pointer; margin:10px;} a.btn-modifier {background: url(/ab/img/boutons/btn-modifier.png) no-repeat; width:58px; height: 15px; cursor: pointer; display:block;} li.etendue{padding-left: 15px;display: inline-block;position: relative;min-height: 29px;} li.etendue a{display: inline-block;padding: 3px 0 3px 15px;font-size: 15px;font-family: "Averta-Semibold";line-height: 29px;color: #666666;} li.etendue::before{position: absolute;top: 13px;left: 15px;display: block;content: "";width: 6px;height: 6px;border-radius: 50%;background: #e1c364;} .etendue.hide {display: none;} .voir_moins.hide {display: none;} .voir_plus.hide {display: none;} .voir {display: block; width: 208px; height: 14px; font-family: Averta-SemiBold; font-size: 14px; color: #999999; position: relative;margin-top: 14px;padding-left: 15px;} .rond {height: 13px; width: 13px; display: inline-block; background-image: url(/ab/img/general/plus-moins.png); background-repeat: no-repeat; position: absolute; margin-left: 5px; top: 4px;} .plus {background-position: 0 0;} .moins {background-position: -13px 0;} @media screen and (max-width: 1024px) { .voir { margin: auto;text-align: center;padding-left: 0;height: 50px;} } /**************************************/ /* Boutons +/- /**************************************/ .numUpDownContainer {margin:0 0 1.5em 0;font-family:'Averta Regular';font-size:12px;color:#666666;} .numUpDownContainer {margin:0.8em} .numUpDownInput {width:28px; height:29px; text-align:center; color:#000000; border-radius:2px;} a.numUpDown {width:14px;height:14px;opacity:0.35;} a.numUpDown:hover{opacity:1;} a.numUpDown.plus { background:url(/ab/img/general/ico-plus.png) no-repeat 0 0;display:block!important;margin-bottom:1px;} a.numUpDown.moins { background:url(/ab/img/general/ico-moins.png) no-repeat 0 0;display:block!important;margin-bottom:2px;} #dQte{display:inline-block;margin-left:2px;vertical-align:bottom;} /**************************************/ /* Pagination /**************************************/ .pager {text-align:center; position:relative;margin:10px 0px 0px 0px;background-color:#ffffff;padding:0px 30px;} .listingPager {display:block; min-height:80px; padding:20px 0;} .pagerItems {display:inline-block;} .pagerItems {text-align:center; padding:0 40px;} .pagerItems li {display:inline-block;} .pagerItems .suspension {padding:0 9px 0 3px; display:inline-block;} .pagerItem, .pagerSelectedItem {margin-right:6px;} .pagerItem, .pagerSelectedItem, .pagerPreviousItem, .pagerNextItem {height:50px; width:50px;border-radius:30px; line-height:48px; text-align:center; display:block; color:#999999; font-family:Averta Regular; font-size:15px; transition:all 250ms ease-out; -moz-transition:all 250ms ease-out; -webkit-transition:all 250ms ease-out; -o-transition:all 250ms ease-out;} .pagerItem, .pagerSelectedItem {margin:8px;} .pagerPreviousItem, .pagerNextItem {margin:8px 0;} .pagerItem:hover, .pagerPreviousItem:hover, .pagerNextItem:hover {background-color:#f7f7f7; text-decoration:none;} .pagerItem, .pagerPreviousItem, .pagerNextItem {border:1px solid #CCCCCC;} .pagerSelectedItem {border:1px solid #333333; color:#333333;} .pagerPreviousItem, .pagerNextItem {background-repeat:no-repeat; background-image:url(/ab/img/general/fleches-pagination.png);} .pagerPreviousItem {background-position:6px center;} .pagerNextItem {background-position:-30px center;} .pagerFirstPreviousGroup {position:absolute;top:20px; left: 0px;} .pagerLastNextGroup {position:absolute;top:20px; right: 0px;} /* 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} /**************************************/ /*Background des pages*/ /**************************************/ .bgworldAlimentation {background: #FFFFFF;} .bgworldChambre {background: #FFFFFF;} .bgworldEveilEtJouet {background: #FFFFFF;} .bgworldPelucheEtDoudou {background: #FFFFFF;} .bgworldPoussette {background: #FFFFFF;} .bgworldSecuriteBebe {background: #FFFFFF;} .bgworldSiegeAuto {background: #FFFFFF;} .bgworldToilette {background: #FFFFFF;} .bgworldVetementsLayette {background: #FFFFFF;} .bgworldPromotions{background: #FFFFFF;} .bgworldSoldes{background: #FFFFFF;} .bgSubBackground{background: #FFFFFF!important;} .bgSubBG{background: #FFFFFF!important;} .bgFaq{background: #FFFFFF; padding: 0 0 10px 0;} .brandPage {background: #FFFFFF!important; padding: 0 0 10px 0!important;} .bgworldCommon {background: #FFFFFF!important; padding: 0 0 10px 0!important;} /**************************************/ /*Couleurs perso titre vignette*/ /**************************************/ .worldAlimentation .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldChambre .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldEveilEtJouet .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldLecture .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldPelucheEtDoudou .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldPoussette .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldSecuriteBebe .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldSiegeAuto .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldToilette .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldVetementsLayette .vignetteSousCat a:hover span {background-color: rgba(233, 97, 80, 0.95);} .worldPromotions .vignetteSousCat a:hover span{background-color: rgba(233, 97, 80, 0.95);} .worldSoldes .vignetteSousCat a:hover span{background-color: rgba(233, 97, 80, 0.95);} /**************************************/ /*Couleurs perso bordure onglet actif*/ /**************************************/ .worldAlimentation #topProduits .active, .worldChambre #topProduits .active, .worldEveilEtJouet #topProduits .active, .worldLecture #topProduits .active, .worldPelucheEtDoudou #topProduits .active, .worldPoussette #topProduits .active, .worldSecuriteBebe #topProduits .active, .worldSiegeAuto #topProduits .active, .worldToilette #topProduits .active, .worldVetementsLayette #topProduits .active, .worldBricolage #topProduits .active, .worldAnimaux #topProduits .active, .worldLoisirsJeux #topProduits .active, .worldPuericulture #topProduits .active, .worldPromotions #topProduits .active, .worldSoldes #topProduits .active, .worldIdeesCadeaux #topProduits .active {border-bottom: 1px solid #e96150;} /**************************************/ /* Chemin de fer /**************************************/ .cheminDeFer {width:100%; padding: 15px 0; font-size:11px; color:#888888; font-family: Averta Regular; background-color: #fff9e9;text-align: center;letter-spacing: 0.2em;} .cheminDeFer a:hover {text-decoration:underline;} .cheminDeFer li {list-style:none;display:inline-block;} .cheminDeFer li a { color:#999999; text-decoration: none; text-transform: uppercase;} .cheminDeFer li a:hover { text-decoration: none;text-decoration:underline;} .cheminDeFer li a .imgChildrenCategories {height: 17px; width: 17px;display: inline-block;margin-left:-6px;vertical-align:-3px;margin-right:6px;} .cheminDeFer li a:hover .imgChildrenCategories {background-color: #cccccc;} .cheminDeFer li a .imgChildrenCategories.hovered {background-color: #cccccc;} .cheminDeFer li a .imgChildrenCategories .fleche{background-image:url(/ab/img/general/chemin-de-fer/fleche-sprite.png); background-repeat: no-repeat; background-position: -4px 0px;width:5px;height:4px;margin-top:8px;margin-right:6px; float: right;} .cheminDeFer li a:hover .imgChildrenCategories .fleche{background-image:url(/ab/img/general/chemin-de-fer/fleche-sprite.png); background-repeat: no-repeat; background-position: -4px -5px;} .cheminDeFer li a .imgChildrenCategories .fleche.hovered{background-image:url(/ab/img/general/chemin-de-fer/fleche-sprite.png); background-repeat: no-repeat; background-position: -4px -5px;} .cheminDeFer .last {display:inline-block;} .cheminDeFer .last h1, .cheminDeFer .last span, .cheminDeFer .last h1, .cheminDeFer .last a {text-decoration: none; color:#444444; text-transform: uppercase;} .cheminDeFer .last h1 {margin-left:10px;} .cheminDeFer .last a:visited { text-decoration:none; } .cheminDeFer .last a {background:none; padding:0;} .cheminDeFer .separator{display:inline-block;height:12px;margin:0;padding:0;vertical-align:top;margin-left:10px;} .cheminDeFer .separatorRpt{display:inline-block;height:12px;padding:0;vertical-align:top;} .cheminDeFer .titreCat { margin-right:10px; margin-left:10px; } @media screen and (max-width: 1024px) { .cheminDeFer {width: calc(100% - 20px); padding: 10px;} } .divChildrenCategories {position: absolute; display: block; padding: 12px 20px; background-color: #ffffff; line-height: 26px; font-size: 14px; top: 18px; right:0;min-width:100px;z-index:1000;text-align: left;box-shadow: 0px 10px 70px rgb(0 0 0 / 15%); } .divChildrenCategories a {display: block; color: #444444!important; float:none!important; background:#ffffff !important; list-style:none; text-decoration: none; text-transform:none!important;letter-spacing:0;} .divChildrenCategories a:hover {text-decoration: underline!important;} /**************************************/ /*Menu Secondaire*/ /**************************************/ #headerMenuSecondaire{width:232px; height:auto; display:inline-block; vertical-align:top;} .promoMenu{ font-family:"Averta-Bold"; color:#EC3838;font-size:24px; margin-bottom:20px;} #menusecondaire {width:100%; height:auto; position: relative;padding-bottom: 10px;} .titreMenu {font-family:Averta-ExtraBold; font-size: 14px; color: #444; padding: 14px 0;letter-spacing: 0.2em;text-transform: uppercase;} .titreMenuInt {display:block; font-family:Averta-Bold; font-size: 24px; color: #57b9a5; padding: 14px 0;} .menuLvl1{position: relative; min-height: 29px; cursor: pointer;} .menuLvl1::before{position:absolute; top: 14px; left: 0; display: block; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e1c364; } .menuLvl1 a {color: #666;transition: color .3s ease;} .menuLvl1 a:hover{text-decoration: none; color: #000;} .menuLvl1 .active{display:inline-block; padding:3px 0 3px 15px; font-size: 15px;font-family:"Averta-Semibold";line-height:29px;color:#666666;} #menusecondaire .fleche{width:35px;height:35px;margin:0;padding:0;background: url(/ab/img/home_inter/fleche-menu-grise.png) center no-repeat;right: 0; position: absolute; display:inline-block;} .rotate{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat;transform: rotate(90deg);} .flecheUnroll{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat;} .menuLvl1.selected::before {background: #58b9a6;} .menuLvl1.selected .lvl1Link{ font-family:"Averta-Bold"; color: #000;} .menuLvl1.selected .active { font-family: "Averta-Bold"; color: #000; } @media screen and (max-width: 1024px) { #menusecondaire {width: 100%;} #headerMenuSecondaire {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} #headerMenuSecondaire a { padding: 15px 25px !important; } .promoMenu {margin-bottom: 0;} #menusecondaire > div ul{display: flex; flex-wrap: wrap; justify-content: center;} .titreMenu {text-align: center;} #menusecondaire .fleche {display: none;} .headerMenuSecondaire ul {width: 100%; display: flex !important; flex-wrap: wrap; justify-content: center;margin-bottom: 20px;} .menuLvl1 { padding: 0 10px; margin: 0 2px 0;} .menuLvl1.selected::before {background: #e1c364;} .menuLvl1::before{left: 3px; top:15px; } .menuLvl1:first-child:before {display: none; } .menuLvl1 .active{font-size: 15px;line-height: 24px;} } #menusecondaire .menuLvl1 span{width:auto;display:inline-block; text-decoration: inherit;} #menusecondaire .menuLvl2 span{width:auto;display:inline-block; text-decoration: inherit;} #menusecondaire .currentCat{vertical-align:top;margin-top:14px;} #menu .headerMenuSecondaire span.titre {font: 1.5em/1.5em Averta Regular,arial,verdana,geneva,helvetica,sans-serif;} .menuLvl2{min-height:29px;background-color:#FFF;padding-left:23px;cursor:pointer;margin-left:-13px;} .menuLvl2:hover{text-decoration: none;} .menuLvl2 span {color: #000;transition: color .3s ease;} .menuLvl2 span:hover{text-decoration: none!important;color: #666;} .menuLvl2 .active{padding:3px 0 3px 5px; font-size: 14px;font-family:"Averta Regular";line-height:29px;color:#888;} .menuLvl2 .activeCurrentCat{padding:3px 0 3px 5px; font-size: 14px;font-family:"Averta-Bold";line-height:29px;color:#000;} .menuLvl2Hidden{display:none;} .menuLvl2Visible{display:block;} @media screen and (max-width: 1024px) { .menuLvl2Visible{display:none;} } .fleche2{width:29px;height:29px;margin:0;padding:0;background: url(/ab/img/home_inter/fleche-menu-grise.png) center no-repeat;float:right;display:inline-block;} .fleche2:hover{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat #CCCCCC;} .menuLvl3{min-height:29px;background-color:#FCFCFC;padding-left:33px;cursor:pointer;margin-left:-23px;} .menuLvl3:hover{text-decoration: underline;} .menuLvl3 span:hover{text-decoration: none;} .menuLvl3 .active{font-size: 13px;font-family:"Averta Regular";line-height:29px;color:#666666;} .menuLvl3Hidden{display:none;} .menuLvl3Visible{display:block;} .menuLvl3:hover .menuLvl2:hover{text-decoration: none!important;} .menuLvl3:hover .menuLvl2 a{text-decoration: none;} .currentCat{border-radius:50%;width:5px;height:5px;display:inline-block;margin:auto 5px 3px -15px;} /*Couleurs pour chaque catégorie*/ #menusecondaire .worldAlimentation.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldAlimentation.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldChambre.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldChambre.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldEveilEtJouet.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldEveilEtJouet.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldLecture.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldLecture.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPelucheEtDoudou.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPelucheEtDoudou.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPoussette.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPoussette.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSecuriteBebe.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSecuriteBebe.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSiegeAuto.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSiegeAuto.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldToilette.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldToilette.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldVetementsLayette.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldVetementsLayette.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldBricolage.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldBricolage.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldAnimaux.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldAnimaux.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldLoisirsJeux.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldLoisirsJeux.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPuericulture.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPuericulture.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPromotions.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPromotions.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSoldes.unroll .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSoldes.unroll{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldAlimentation:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldAlimentation:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldAlimentation:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldChambre:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldChambre:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldChambre:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldEveilEtJouet:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldEveilEtJouet:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldEveilEtJouet:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldLecture:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldLecture:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldLecture:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPelucheEtDoudou:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPelucheEtDoudou:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPelucheEtDoudou:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPoussette:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPoussette:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPoussette:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldSecuriteBebe:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSecuriteBebe:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSecuriteBebe:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldSiegeAuto:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSiegeAuto:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSiegeAuto:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldToilette:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldToilette:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldToilette:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldVetementsLayette:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldVetementsLayette:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldVetementsLayette:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldBricolage:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldBricolage:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldBricolage:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldAnimaux:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldAnimaux:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldAnimaux:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldLoisirsJeux:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldLoisirsJeux:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldLoisirsJeux:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPuericulture:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPuericulture:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPuericulture:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPromotions:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPromotions:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPromotions:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldSoldes:hover .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSoldes:hover{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSoldes:hover .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldAlimentation.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldAlimentation.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldAlimentation.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldChambre.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldChambre.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldChambre.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldEveilEtJouet.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldEveilEtJouet.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldEveilEtJouet.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldLecture.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldLecture.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldLecture.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPelucheEtDoudou.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPelucheEtDoudou.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPelucheEtDoudou.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPoussette.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPoussette.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPoussette.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldSecuriteBebe.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSecuriteBebe.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSecuriteBebe.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldSiegeAuto.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSiegeAuto.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSiegeAuto.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldToilette.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldToilette.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldToilette.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldVetementsLayette.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldVetementsLayette.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldVetementsLayette.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldBricolage.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldBricolage.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldBricolage.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldAnimaux.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldAnimaux.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldAnimaux.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldLoisirsJeux.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldLoisirsJeux.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldLoisirsJeux.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPuericulture.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPuericulture.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPuericulture.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldPromotions.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldPromotions.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldPromotions.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} #menusecondaire .worldSoldes.selected .fleche{background-color: rgba(255,255,255,1);} #menusecondaire .worldSoldes.selected{background-color: rgba(255,255,255,0.2);} #menusecondaire .worldSoldes.selected .fleche{background: url(/ab/img/home_inter/fleche-menu-blanche.png) center no-repeat rgba(255,255,255,1);} /*Couleurs perso Menu*/ .menucat_worldAlimentation .currentCat{background-color: #e96150;} .menucat_worldChambre .currentCat{background-color: #e96150;} .menucat_worldEveilEtJouet .currentCat{background-color: #e96150;} .menucat_worldLecture .currentCat{background-color: #e96150;} .menucat_worldPelucheEtDoudou .currentCat{background-color: #e96150;} .menucat_worldPoussette .currentCat{background-color: #e96150;} .menucat_worldSecuriteBebe .currentCat{background-color: #e96150;} .menucat_worldSiegeAuto .currentCat{background-color: #e96150;} .menucat_worldToilette .currentCat{background-color: #e96150;} .menucat_worldVetementsLayette .currentCat{background-color: #e96150;} .menucat_worldPromotions .currentCat{background-color: #e96150;} .menucat_worldSoldes .currentCat{background-color: #e96150;} /**************************************/ /* 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} /**************************************/ /* OpenAds /**************************************/ .openAdsContent {display:none} .openAdsWrapper .openAdsContent {display:block} .product .openAdsWrapper .openAdsContent { margin-bottom:10px; } .openAdsContent img { width: 100%; height: auto; } /**************************************/ /* Modal Popup /**************************************/ .modalBg {background-color:#000; opacity:0.4;} .modalPopup {background:#fff; width:860px; background-color:#fff;font-family:'Averta Regular';font-size:15px;color:#333333;overflow-y:auto;overflow-x:hidden;} .modalPopup h3, .modalPopup .title, .modalPopup .detailtitle {display:block;font-size:28px;color:#333333; margin:40px 25px;} .modalPopup .libelle {font-size:14px;color:#666666;} .modalPopup .champ span {font-size:14px;color:#666666;} .modalPopup .champ {display:block;margin-top:10px;font-family:'Averta Regular';font-size:14px;color:#666666;vertical-align:middle;line-height:44px;height:44px;} .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} .modalPopup .closeLayer {top:10px;right:10px;position:absolute;width:68px;cursor:pointer;height:21px;z-index:1200;} .modalPopup .title {margin:40px 25px;font-size:28px;color:#333333;font-weight:normal;} .modalPopup .procedure {margin: 4em 1.5em 1.5em 1.5em;} .modalPopup .subtitle {color:#333333;font-size:16px;display:block;} .modalPopup .message {margin:36px 25px;} .modalPopup .message a {color:#333333;} .modalPopup .messageProcedure {color:#333333;margin-left:6em;} .modalPopup .btn.vert.simple {margin-bottom:0px;} .modalPopup .btn.vert {margin-bottom:40px;} .modalPopup .btn.vert.left {float:left;} .modalPopup .textbox {border-radius:3px; margin-left:12px;} @media screen and (max-width: 1024px) { .modalPopup {width: calc(100% - 50px) !important;left: 50% !important;top: 50% !important;transform: translateX(-50%) translateY(-50%) !important;padding: 10px;} .modalPopup .title{ line-height: 30px; margin: 25px} .modalPopup .message {margin: 25px;} } @media screen and (max-width: 480px) { .modalPopup .title{font-size: 18px;line-height: inherit;} } /**************************************/ /* Modal Popup AlerteDispo /**************************************/ .alerteDispo {width:auto;} .pnlAlerteDispo {margin:2em;} .msgAlerte {display:block;margin-bottom:1em;} .modalPopup .textboxAlerte {border-radius:3px;} .btnAlerteDispo {display:block;margin-top:1em;width:fit-content;background-color:#58b9a6;color:#ffffff!important;border-radius:3px;font-family:Averta-Light;font-size:16px;text-align:center;min-width:152px;padding:0 24px;text-decoration:none;height:44px;line-height:44px;cursor:pointer;margin-left:auto;margin-right:auto;} .btnAlerteDispo:hover {background-color:#1da88b;text-decoration:none;} .infoAlerteDispo {background-color:#c23950;color:#ffffff!important;border-radius:3px;font-size:11px;font-family:Averta Regular;line-height:25px;padding:5px;width:fit-content;} .infoAlerteDispo ul {list-style:none;margin-left:1em;margin-right:1em;} /********************************************/ /* Experimental /* Chez l'armoire de bébé, le css, c'est notre passion :) /********************************************/ /* Fancy css3 header Animations */ #topMenu ul li span.tt, #topMenu ul li div.wrapper, .miniEncart#compte em, #compte.miniEncart .miniEncartContent div.wrapper, 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;z-index:9;opacity:0} .productListing.thumbs .productWrapper:hover label {opacity:1} /* Accès direct aux marques Catégorie*/ .brandsCint {color:#3C3C3C;padding-top:10px;background:#fff;border:1px solid #c8c8c8;padding:10px 15px 15px;margin-bottom:10px;z-index:auto;} .brandsCint .title {background:#fff;font-family:Averta Regular,arial;font-size:18px;text-transform:uppercase;bottom:-6px;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 #c8c8c8;padding-top:1.6em;} .brandsCint li {float:left;width:145px;border:1px solid #c8c8c8;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:#c8c8c8;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; } .brandsCint #rightSlide.active {right:0;background-position:0 0;cursor:pointer;} .brandsCint #leftSlide.active {left:0;background-position:28px 0;cursor:pointer;} .brandsCint #rightSlide.inactive {right:0;background-position:0 56px;} .brandsCint #leftSlide.inactive {left:0;background-position:28px 56px;} /* 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} .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} .modalGuideTailles .titre_guide_tailles {color: #333333; font-family: Averta-Light; font-size: 28px; margin-left: 40px; margin-top: 40px; margin-bottom: 40px;} .modalGuideTailles .conseil_guide_tailles {background: url("/ab/img/fiche-produit/macaron-pied-tailles.png") no-repeat; margin:auto; height: 150px; padding-left: 150px; width: 470px; font-size:16px; font-family: Averta Regular; color: #333333; text-align: justify; line-height: 20px;} .modalGuideTailles .tableau_guide_tailles {margin: auto; color: #333333;} .modalGuideTailles .tableau_guide_tailles th, .modalGuideTailles .tableau_guide_tailles td {border: 1px solid #dddddd; padding: 0 10px; height: 40px; width: 190px;} .modalGuideTailles .tableau_guide_tailles th {background-color: #f1f1f1; text-transform: uppercase; font-family: Averta-Light; font-weight: normal;} .modalGuideTailles .tableau_guide_tailles tr:hover {background: #fff9e9;} .modalGuideTailles .indication_guide_tailles {padding: 30px; color: #666666;} @media screen and (max-width: 480px) { .modalGuideTailles .conseil_guide_tailles { width: calc(100% - 185px); } .modalGuideTailles .titre_guide_tailles { line-height: 30px; } } /* Onglets menus */ .topCat dd.selected{-moz-transition: all 500ms ease-in-out;-o-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);} #backToTheFuture {display:block;width:180px;height:14px;position:absolute;top:52px;left:193px;} /**************************************/ /* 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-family:Averta-Bold;} .main { margin:0 auto; width:100%;} .largeur_site {margin: auto; width: 100%; padding: 0;} .largeur_site_2 {max-width: 1440px;margin: 0 auto;padding: 0 4%;width: auto;} .largeur_header {margin: auto; max-width: 1440px; padding: 0 30px; background-color: #FFFFFF;} .largeur_home {margin:auto; width:1054px;} .largeur_home a:hover {text-decoration: none;} @media screen and (max-width: 1024px) { .largeur_site {} .largeur_site_2 {padding: 0 3%;} .largeur_header {width: 100%; padding: 0; position: relative;} .largeur_home {width: 100%;} } /* Header */ #header {position:relative; background:#FFFFFF;} #header #header_part1 {height:92px; border-bottom:1px solid #DDDDDD; margin-top:30px;} #header .logo {background-image:url("/ab/img/general/header/logo-header.png"); background-repeat:no-repeat; background-color:rgba(0, 0, 0, 0); opacity:1; display:block; height:62px; width:141px; text-decoration:none; margin-top:15px; float:left; opacity:1; background-size:141px 62px; transition:opacity 270ms ease-out; -moz-transition:opacity 270ms ease-out; -webkit-transition:opacity 270ms ease-out; -o-transition:opacity 270ms ease-out;} #header .logo:hover {text-decoration:none; opacity:0.8;} #header .divMiniEncarts {padding-top:24px; float:right; width: calc(100% - 225px);display: flex;} #header .menuMobile {display: none} @media screen and (max-width: 1024px) { #header .menuMobile {display: block; width: 33px; height: 24px; position: absolute; left: 10px; margin-top: 15px; border-right: 1px solid #e96150; padding:10px 13px 10px 7px} #header .menuMobile:hover {text-decoration: none; cursor: pointer} #header .menuMobile input {display: block; width: 40px; height: 32px; position: absolute; top: 5px; left: 7px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;} #header .menuMobile span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #e96150;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;} #header .menuMobile span:first-child {transform-origin: 0% 0%;} #header .menuMobile span:nth-last-child(2){transform-origin: 50% 100%;} #header .menuMobile span:nth-last-child(1) {transform-origin: 24px -3px;} #header .menuMobile input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #e96150;} #header .menuMobile input:checked ~ span:nth-last-child(3){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);} #header .menuMobile input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);} #header #sidebarUnivers {float:left; position: absolute; background: #e96150; margin: 70px 0 0 0; z-index: 10000000000;} #header #sidebarUnivers ul {list-style: none; padding: 0; text-align: left; margin: 0; padding: 15px;} #header #sidebarUnivers .fleche {width: 9px; height: 15px; margin: 0; padding: 0; background: url(/ab/img/mobile/menu-droite.png) center no-repeat; display: inline-block; transform: scale(0.7); vertical-align: text-bottom;} #header #sidebarUnivers li {display: list-item; padding: 4px; padding-top: 8px;} #header #sidebarUnivers a {text-transform: uppercase; font-family: Averta-Bold; font-size: 15px; font-weight: normal; padding: 2px 4px; margin-left: 4px; text-decoration: none; color: #FFFFFF;} #header .logo {position: absolute; left: 76px; width: 100px; height: 44px; background-size: 100px 44px; z-index: 1002;} #header .divMiniEncarts {width: 100%; padding-left: 0; display: flex; flex-flow: wrap; padding-top: 15px;} #header #header_part1 {margin-top: 30px !important;} body.miniHeader #header #header_part1 {margin-top: 0 !important;} } @media screen and (max-width: 480px) { #header .logo {width: 84px !important; height: 37px !important; background-size: 84px 37px !important; margin-top: 18px !important; z-index: 1002} } /* Mini header */ body.miniHeader #header {position:fixed; top:0; width:100%; opacity:0; height:68px;} body.miniHeader .logo {margin-top:5px!important; background-image:url("/ab/img/general/header/logo-mini-header.png")!important; background-size:132px 58px!important; height:58px!important; width:132px!important;} body.miniHeader #header_part1 {height:68px!important; margin-top:0!important;} body.miniHeader .divMiniEncarts {padding-top:12px!important;} body.miniHeader .topCat {display:none;} body.miniHeader .home_background{margin-top:168px;} body.miniHeader .bgMiniHeader {opacity:0; width:100%; position:fixed; left:0; top:0; z-index:1100; height:68px;} body.miniHeader #Top {margin-top:157px;} body.miniHeader #contentPage {margin-top:125px;} body.miniHeader.public-static-navigationpage .main .search {display:block!important;} @media screen and (max-width: 1024px) { body.miniHeader #header {height: auto; border: 1px solid #EAEAEA;} body.miniHeader .divMiniEncarts {padding-left:0!important;} body.miniHeader .logo {width: 100px !important; height: 44px !important; background-size: 100px 44px !important; margin-top: 15px !important;} } @media screen and (max-width: 480px) { body.miniHeader .logo {width: 120px !important; height: 37px !important; background-size: 120px 37px !important; margin-top: 18px !important;} } a.up {background-image: url("/ab/img/general/picto-top.png"); height: 52px; width: 52px; position: fixed; left: 95%; bottom: 2%; z-index: 1001;} a.needHelp {background-image: url("/ab/img/general/picto-aide.png"); height: 52px; width: 175px; position: fixed; left: 1%; bottom: 2%; z-index: 1001;} @media screen and (max-width: 1024px) { a.up {display: none !important;} a.needHelp{background-position: center -2px; background-color: #FFFFFF; height: 48px; border-radius: 25px;} } @media screen and (max-width: 480px) { a.needHelp {background-image: url("/ab/img/general/picto-aide-mobile.png"); width: 50px;} } #topMenu {font-size:11px; position:absolute; top:0; left:0; width:100%; background-color: #F5F5F5;} #topMenu .intra { color:#fff; } #topMenu:hover {z-index:1000;} #topMenu ul:not(.barreIntranetExtensionUl) {margin:auto; max-width:1440px;} #topMenu ul li:not(.barreIntranetExtensionLi) {float:left; position:relative; cursor:pointer;} #topMenu ul li span.tt {position:relative; padding:0 12px 0 0; float:left; line-height: 30px; font-size: 12px; color:#999999; } #topMenu ul li div.wrapper {position:absolute; left:0; top:30px; height:0; overflow:hidden; opacity:0;z-index: 5000;} #topMenu ul li:hover div.wrapper {height:auto; overflow:visible; opacity:1;} #topMenu li div.wrapper div {background-color:#FFFFFF;} #topMenu li div.wrapper a {color:#999999;} #topMenu a:not(.barreIntranetMenuLink) {color:#fff;} #topMenu a:hover:not(.barreIntranetMenuLink) {text-decoration:none; background-color: #F5F5F5;} #topMenu div ul:not(.barreIntranetExtensionUl) {width:auto;} #topMenu div a:not(.barreIntranetMenuLink) {display:block;} #topMenu div ul li:not(.barreIntranetExtensionLi) {display:block; float:none; background:none; margin:0; padding:0 5px;} #topMenu span.desc {color:#FFFFFF; display:block; padding:0 5px; font-size:12px; background-color: #e96150; height: 22px; line-height: 22px;} #topMenu #pays div.wrapper div {width:134px;} #topMenu #pays div ul li {height:26px; padding:0;} #topMenu #pays div.wrapper a {text-transform:uppercase;} #topMenu #pays .flag_fleche {background:url(/ab/img/general/header/header-sprite.png) no-repeat -93px -10px; float:left; display:block; width: 5px; height: 10px; margin-top: 9px; } #topMenu #pays .flag_trait {} #topMenu #pays .flag_logo, #topMenu #pays .flag_logo_select {float:left; display: block; height:12px; width: 12px; width:18px; } #topMenu #pays .flag_logo {margin: 7px 10px;} #topMenu #pays .flag_logo_select {margin: 9px 6px 9px 0;} #topMenu #pays .flag_texte, #topMenu #pays .flag_texte_select {float:left; display: block; text-transform:uppercase;} #topMenu #pays .flag_texte {line-height: 26px;} #topMenu #pays .flag_texte_select {line-height: 30px;} #topMenu #pays .flagfr .flag_logo, #topMenu #pays .flagfr .flag_logo_select {background:url(/ab/img/general/header/header-sprite.png) no-repeat 0px -11px;} #topMenu #pays .flagbe .flag_logo, #topMenu #pays .flagbe .flag_logo_select {background:url(/ab/img/general/header/header-sprite.png) no-repeat -18px -11px;} #topMenu #pays .flagch .flag_logo, #topMenu #pays .flagch .flag_logo_select {background:url(/ab/img/general/header/header-sprite.png) no-repeat -36px -11px;} #topMenu #pays .flaglu .flag_logo, #topMenu #pays .flaglu .flag_logo_select {background:url(/ab/img/general/header/header-sprite.png) no-repeat -54px -11px;} #topMenu #pays .selected {color: #000000;} #topMenu #groupe div.wrapper div {width:310px;} #topMenu #groupe div ul li {display:block;height:80px; padding:0;} #topMenu #groupe .groupe_titre {float:left; display:block;} #topMenu #groupe .groupe_fleche {background:url(/ab/img/general/header/header-sprite.png) no-repeat -88px -10px; float:left; display:block; width: 20px; height: 10px; margin-top: 9px; } #topMenu #groupe div li a:hover span{text-decoration:none;} #topMenu #groupe div li a .groupe_logo {margin: 20px; height:40px; width: 90px; float: left; display:block;} #topMenu #groupe div li a .groupe_texte {padding:12px 14px 0 0; float: left; display: block; line-height: 11px;} #topMenu #groupe div li a .groupe_texte em {font-style: normal; font-size:11px; display:block; padding-bottom:8px; text-transform: uppercase; color:#999999;} #topMenu #groupe div li a:hover .groupe_texte em {color: #000000;} #topMenu #groupe div li a .groupe_texte span {font-size:11px;color:#999999;display:block;padding:0; width: 165px;} #topMenu #groupe div #ldlccom .groupe_logo {background-image:url(/ab/img/general/header/header-sprite.png); background-position: 0px -35px;} #topMenu #groupe div #ldlcpro .groupe_logo {background-image:url(/ab/img/general/header/header-sprite.png); background-position: -92px -35px;} #topMenu #groupe div #maginea .groupe_logo {background-image:url(/ab/img/general/header/header-sprite.png); background-position: -182px -35px;} #topMenu #groupe div #anikop .groupe_logo {background:url(/ab/img/general/header/logo-header-anikop.png) no-repeat center; background-size: 90px 54px; } #topMenu #groupe div #hardware .groupe_logo {background-image:url(/ab/img/general/header/header-sprite.png); background-position: -364px -35px; border:none} #topMenu ul .liste_naissance_header {float:right !important} #topMenu ul .liste_naissance_header span.tt {background-image:none;padding:0} #topMenu ul .liste_naissance_header:hover span.tt {background:none} #topMenu ul .liste_naissance_header a{display:block; color:#444444; font-size: 12px; text-align:center; line-height:30px; height: 30px; width: 142px; padding-left: 16px; font-family: "Averta Regular"; background-image: url(/ab/img/general/header/picto-header-liste-naissance-heart.png); background-repeat: no-repeat; background-position: 10px center; text-transform:uppercase; } #topMenu ul .liste_naissance_header a:hover{text-decoration: none;} #topMenu ul #aide {float:right ; display:none;} #topMenu ul #aide span.tt {background-image:none;padding:0} #topMenu ul #aide:hover span.tt {background:none} #topMenu ul #aide a{display:block; color:#FFFFFF; font-size: 12px; text-align:center; line-height:30px; height: 30px; width: 104px; background:#F1A196;} #topMenu ul #aide a:hover{background:#d27b6f; text-decoration: none;} #topMenu ul .boutique_header {float:right !important} #topMenu ul .boutique_header span.tt {padding:0;} #topMenu ul .boutique_header:hover span.tt {background:none} #topMenu ul .boutique_header a.title {padding:0;position:relative;float:left;line-height:30px;font-size:12px;display:block;color:#444444;height:30px;padding-left:45px;font-family:"Averta Regular";background-image:url(/ab/img/general/header/picto-header-boutique.png);background-repeat:no-repeat;background-position:10px center;text-transform: uppercase;} #topMenu #boutiqueHeader div.wrapper div {width:285px;} #topMenu #boutiqueHeader div ul li {height:88px;width:285px;padding:0;} #topMenu #boutiqueHeader div ul li .clearfix {padding:14px 20px;} #topMenu #boutiqueHeader div ul li .imgBoutique {background-color:#e96150;background-repeat:no-repeat;float:left;height:60px;width:60px;border-radius:50%;margin-right:20px;} #topMenu #boutiqueHeader div ul li a .boutique_texte {float:left;line-height:11px;} #topMenu #boutiqueHeader em {font-family: Averta-Bold;color:#444444;font-style:normal;font-size:16px;text-transform:uppercase;display:block;padding-top:6px;padding-bottom:8px;} #topMenu #boutiqueHeader .infosBoutique {font-size:12px;color:#999999;display:block;padding:0;width:164px;height:36px;line-height:14px} #topMenu ul .headerSeparatorDisc { color: #444444; font-size: 19px; line-height: 30px; padding-left: 8px; font-family: "Averta Regular"; cursor: default;} @media screen and (max-width: 1024px) { #divBarreIntranet {display: none;} #topMenu ul:not(.barreIntranetExtensionUl) {width: 100%;} #topMenu ul li:not(.barreIntranetExtensionLi) {margin-left: 10px;} #topMenu ul li span.tt {padding: 0;} } @media screen and (max-width: 480px) { #topMenu ul .boutique_header a.title {text-indent:100%;white-space:nowrap;overflow:hidden;margin-right: 0;padding-left: 0;width: 45px;} #topMenu ul .headerSeparatorDisc {padding-left: 5px;} #topMenu ul li:not(.barreIntranetExtensionLi) {margin-left: 5px;} #topMenu ul .liste_naissance_header a {padding-left: 4px; background-position: left;} #topMenu #groupe div.wrapper {left: -50px;} #topMenu #boutiqueHeader div.wrapper {left: -90px;} #topMenu #pays div.wrapper {left:0px;} } .modalPopupFaq {width: 800px; } .modalPopupFaq .rubriques {width: 800px; height: 331px;background: url(https:///media.larmoiredebebe.com/ab/img/general/header/layer_aide_fond.jpg) no-repeat #d7f3ef; } .modalPopupFaq .rubriques .titre_rubrique { padding: 40px 0 0 40px; display: block; font-family: Averta-Light; font-size: 36px; color:#39c2b1;} .modalPopupFaq .rubriques .texte_rubrique { padding: 20px 0 35px 40px; display: block; font-family: Averta Regular; font-size: 14px; color:#717171;} .modalPopupFaq .rubriques .lien_rubrique { margin: 0px 0 30px 50px; display: block; font-size: 18px; color:#333333; text-decoration: none; cursor: pointer; background: url(/ab/img/general/header/layer_aide_fleche.png) no-repeat 0 center; padding-left: 15px; } .modalPopupFaq .autre {width: 800px; height: 89px;} .modalPopupFaq .autre .texte_autre {padding: 0px 20px 0px 40px; font-family: Averta-Light; font-size: 16px; color:#333333; line-height: 89px; float:left; display: block;} .modalPopupFaq .autre .lien_autre {float:left; display: block; margin: 24px 0;} @media screen and (max-width: 1024px) { .modalPopupFaq {width: 90%;} .modalPopupFaq .rubriques, .modalPopupFaq .autre {width: 100%;} .modalPopupFaq .autre {height: auto;} .modalPopupFaq .autre .texte_autre {width: 100%; text-align: center; padding: 0; line-height: 20px; margin: 15px 0 10px 0;} .modalPopupFaq .autre .lien_autre {width: 250px; margin: 0 auto 25px auto; float: none; display: table;} } @media screen and (max-width: 768px) { .modalPopupFaq .rubriques {background: none; height: auto; width: calc(100% - 50px); padding: 0 25px;} .modalPopupFaq .rubriques .titre_rubrique {line-height: 42px; text-align: center; padding: 30px 0 0 0; width: 80%; margin: 0 auto;} .modalPopupFaq .rubriques .texte_rubrique {padding: 0 0 25px 0; text-align: center;} .modalPopupFaq .rubriques .lien_rubrique {margin: 8px 0;} a.btn-fermer {} } @media screen and (max-width: 480px) { .modalPopupFaq {width: 95%} } #aspnetForm input.default {color:#666666;} .divSearch {z-index:1; display: flex!important;width: calc(100% - 225px);margin: auto;} .divSearch .search {height:42px; width:386px; text-align:left; margin: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #CCCCCC; transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;} .divSearch .search:hover{border: 1px solid #999999;} .divSearch .searchFocus {border: 1px solid #999999;} .divSearch .search .firstSearch {width:20px;height:20px;background:url("/ab/img/general/header/header-sprite.png") no-repeat -122px -8px; display:block; float:left; margin: 13px 7px 0 13px;} .divSearch .search input {height:42px; line-height: 42px; color:#333333; font-size: 18px; font-family: Averta-Light; border: 0 none;} .divSearch .search.textboxWithSuggestList input {width:545px;border-right:1px solid #c8c8c8;background-repeat:repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .divSearch .search a {width:60px;padding-top:30px; display:inline-block;vertical-align:top;} .divSearch .search span a {background-image:none;padding:0;width:auto;text-decoration:underline;margin-left:50px} @media screen and (max-width: 1024px) { .divSearch {order: 3; width: 100%;} .divSearch .search {width: calc(100% - 20px); margin: 0 10px 10px 10px; position: relative;} .divSearch .search input {width: calc(100% - 165px) !important; padding: 0 15px} .divSearch .search .firstSearch {float: right;} .divSearch .search select {width: 86px !important; left: 0 !important; height: 44px !important; top: -1px !important; border-radius: 0 !important;} } .divCategories {display: none;} .miniEncart {float:right; display:flex; position:relative; background: #F5F5F5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; } .miniEncart:hover {background-color: #e96150!important; } .miniEncart#compte {width: 103px; height: 44px;} .miniEncart#compte .compte_logo {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-position: 0px 0px; float:left; margin: 10px 12px; height: 24px; width: 22px;} .miniEncart#compte .log .compte_logo {background-position: -44px 0px;} .miniEncart#compte:hover .compte_logo {background-position: -22px 0px;} .miniEncart#compte .compte_texte {float:left; text-transform: uppercase; text-align:center; line-height: 44px; color: #666666; font-size: 12px;} .miniEncart#compte:hover .compte_texte {color: #FFFFFF;} @media screen and (max-width: 1024px) { .miniEncart#compte {margin-left: auto; margin-bottom: 15px;} } @media screen and (max-width: 768px) { .miniEncart#compte {width: 45px; z-index: 1002} .miniEncart#compte .compte_texte {display: none;} } .miniEncart#panier {width: 102px; height: 44px; position: relative;} .miniEncart#panier .panier_logo {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-position: -66px 0px; float:left; margin: 11px 12px; height: 24px; width: 24px;} .miniEncart#panier:hover .panier_logo {background-position: -89px 0px; } .miniEncart#panier .panier_texte {float:left; text-transform: uppercase; text-align:center; line-height: 44px; color: #666666; font-size: 12px;} .miniEncart#panier:hover .panier_texte {color: #FFFFFF;} .miniEncart#panier .panier_nb {position: absolute; top: 8px; left: 28px; border-radius:50%; background: #666666; height: 18px; width: 18px; color: #FFFFFF; text-align: center; font-size: 11px; line-height: 18px;} .miniEncart#panier a.actif .panier_nb {background: #e96150; color: #FFFFFF; } .miniEncart#panier:hover .panier_nb, .miniEncart#panier:hover a.actif .panier_nb {background: #FFFFFF; color: #e96150; } @media screen and (max-width: 1024px) { .miniEncart#panier {margin-right: 10px;} } @media screen and (max-width: 768px) { .miniEncart#panier {width: 45px;} .miniEncart#panier .panier_texte {display: none;} } /* Menu categories */ .topCat {height: 54px; line-height: 54px;} .topCat .tabs {position: relative;max-width: 1240px;display: flex!important;justify-content: space-between;margin: auto;} .topCat .liTab {display: block;} .topCat .liTab:last-child {margin-right: 0px;} .topCat .liTab.hideWorld {display:none!important;} .topCat .liTab a.catName {font-family: Averta Regular,arial,verdana,geneva,helvetica,sans-serif; color:#333333; display:block; text-align:center; font-size: 16px; padding: 0 18px;} .topCat .liTab.worldPromotions a.catName, .topCat .liTab.worldSoldes a.catName {} .topCat .liTab a.catName:hover {text-decoration:none;} .worldAlimentation .topCat .liTab.worldAlimentation a.catName {background-color: #FFFFFF; color: #e96150;} .worldChambre .topCat .liTab.worldChambre a.catName {background-color: #FFFFFF; color: #e96150;} .worldEveilEtJouet .topCat .liTab.worldEveilEtJouet a.catName {background-color: #FFFFFF; color: #e96150;} .worldLecture .topCat .liTab.worldLecture a.catName {background-color: #FFFFFF; color: #e96150;} .worldPelucheEtDoudou .topCat .liTab.worldPelucheEtDoudou a.catName {background-color: #FFFFFF; color: #e96150;} .worldPoussette .topCat .liTab.worldPoussette a.catName {background-color: #FFFFFF; color: #e96150;} .worldSecuriteBebe .topCat .liTab.worldSecuriteBebe a.catName {background-color: #FFFFFF; color: #e96150;} .worldSiegeAuto .topCat .liTab.worldSiegeAuto a.catName {background-color: #FFFFFF; color: #e96150;} .worldToilette .topCat .liTab.worldToilette a.catName {background-color: #FFFFFF; color: #e96150;} .worldVetementsLayette .topCat .liTab.worldVetementsLayette a.catName {background-color: #FFFFFF; color: #e96150;} .worldBricolage .topCat .liTab.worldBricolage a.catName {background-color: #FFFFFF; color: #e96150;} .worldAnimaux .topCat .liTab.worldAnimaux a.catName {background-color: #FFFFFF; color: #e96150;} .worldLoisirsJeux .topCat .liTab.worldLoisirsJeux a.catName {background-color: #FFFFFF; color: #e96150;} .worldPuericulture .topCat .liTab.worldPuericulture a.catName {background-color: #FFFFFF; color: #e96150;} .worldPromotions .topCat .liTab.worldPromotions a.catName {background-color: #FFFFFF; color: #ec3838;} .worldSoldes .topCat .liTab.worldSoldes a.catName {background-color: #FFFFFF; color: #ec3838;} .liTab.worldBlog a.catName span {color:#f5ae9c;} .topCat .liTab.selected.worldAlimentation a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldChambre a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldEveilEtJouet a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldLecture a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldPelucheEtDoudou a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldPoussette a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldSecuriteBebe a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldSiegeAuto a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldToilette a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldVetementsLayette a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldPromotions a.catName {background-color: #e96150; color: #ffffff;} .topCat .liTab.selected.worldSoldes a.catName {background-color: #e96150; color: #ffffff;} #header .topCat .liTab.selected {} .topCat .contentTab {position: absolute; height: 0; overflow: hidden; opacity: 0;} .topCat .contentTab div.inner {background:#ffffff;} .topCat .contentTab.selected {height:400px; overflow:visible; z-index:10003; opacity:1; -webkit-transition: all 300ms ease-in-out;} .topCat .contentTab .header {padding: 4px; background:#e96150;} .topCat .contentTab .catList {margin-top:-4px; background:#fff} .topCat .worldPoussette .contentTab {left:0px; width: 753px;} .topCat .worldSiegeAuto .contentTab {left:0px; width: 753px;} .topCat .worldAlimentation .contentTab {left:0px; width: 753px;} .topCat .worldChambre .contentTab {left:0px; width: 753px;} .topCat .worldPelucheEtDoudou .contentTab {right: 0px; width: 753px;} .topCat .worldEveilEtJouet .contentTab {right: 0px; width: 753px;} .topCat .worldSecuriteBebe .contentTab {right: 0px; width: 753px;} .topCat .worldToilette .contentTab {right: 0px; width: 753px;} .topCat .worldVetementsLayette .contentTab {right: 0px; width: 753px;} .topCat .worldLecture .contentTab {right: 0px; width: 753px;} .topCat .contentTab .catList .menu_deroulant {padding: 23px 30px; } .topCat .contentTab .catList .menu_deroulant .menu_deroulant_categorie ul li, .topCat .contentTab .catList .menu_deroulant .menu_deroulant_marque ul li {font-family: Averta Regular; font-size: 16px; line-height: 14px; padding-bottom: 14px;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_ss_titre {color: #e96150; font-size: 11px; font-family: Averta-Extrabold; line-height: 24px; padding-bottom: 18px;letter-spacing: 2px;text-transform:uppercase;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_categorie {float:left; width: 211px;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_marque {float:left; width: 210px; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; padding-left:30px; height:290px;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_pub {float:left; width: 210px; padding-left: 30px;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_pub ul li {padding-bottom: 10px;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_pub ul li:last-child {padding-bottom: 0px;} .topCat .contentTab .catList .menu_deroulant .menu_deroulant_categorie a:hover, .topCat .contentTab .catList .menu_deroulant .menu_deroulant_marque a:hover {color: #111111; text-decoration: none;} .topCat .contentTab .catList .promo {background: #e96150; height: 35px; line-height: 35px; font-size: 16px; text-align: center; color: #ffffff; position: relative;} .topCat .contentTab .catList .promo a {color: #ffffff;} .topCat .contentTab .catList .promo .conditions {right: 10px; text-align: right; font-size: 10px; font-family: Averta Regular; position: absolute; cursor: pointer;} .header_category_surcharge_css {height: 0; overflow: hidden;} .header_category_surcharge_css .texte {height: 0; overflow: hidden;} @media screen and (max-width: 1300px) { .topCat .liTab a.catName {font-size: 15px;padding: 0 10px;} } @media screen and (max-width: 1120px) { .topCat .liTab a.catName {font-size: 14px;} } @media screen and (max-width: 1024px) { .topCat {display: none;} } /*------------------------------------------------------------------------------*/ .footer {position:relative;margin:12px auto 0;line-height:1em} /* errors */ .commonError { background:#fff; padding: 60px 0; text-align: center; color: #666666; } .commonError h2 {font-family: Averta-Light; font-size:50px; text-transform: uppercase; } .commonError h2 .nombre {font-family: Averta-Bold;} .commonError .texte {padding: 34px 0 30px 0; font-family: Averta Regular; font-size: 24px;} .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 #c8c8c8;padding:10px 15px 15px;margin-bottom:10px} .error404, .error410 {background: #fff9e9; padding: 20px 0;} .public-default .flashshadow {position:absolute;width:100%;height:80px;margin-top:-71px;z-index:-1; left:0} .public-default ul.univers, .public-default h1 {display:none} .fullPage {width:995px} /* Menu defilant */ .menuDefilantHome .texte {height:26px;width:340px;color:#141414;overflow:hidden;position:absolute;top:0;right:0;font-family:Averta Regular,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 {position:relative; padding-top:20px; background-color: #efefef} .footerPage:before {content: ""; } .footerDown {} .footer {color: #666666; font-size:11px; margin:0 auto; width:995px;} .footer p {line-height:1.4em;} .footer .filet {border-bottom:1px solid #b8b8b8;margin:0 0 15px;} .footer #ftservices li {float:left;} .footer #ftservices a {display:block;width:178px; height:65px;padding:5px 10px 5px 60px; font-size:10px;color:#3c3c3c} .footer #ftservices a:hover {text-decoration:none} .footer #ftservices em {display:block;font-weight:bold;font-style:normal;font-size:12px;color:#141414;padding:3px 0} #ftlinks a {color:#141414;text-decoration:underline} #ftmodepaiement, #ftlinks {padding:5px;float:left;height:80px;width:240px} #ftmodepaiement ul {padding:3px 0} #ftmodepaiement li{float:left;padding:3px 8px 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:Averta Regular,arial;margin:1.5em 0 .3em 0} #fthelp h4 {text-transform:uppercase;font-size:1.6em;font-family:Averta Regular,arial;margin:1.5em 0 .3em 0} .footer .ftfaq {} .footer #dnmlinks {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:right; float:right; width:200px; height:50px; padding-top:20px; vertical-align:middle;} .footerpub {margin-top:12px;text-align:center;} .content7338 .services-footer {height: auto; padding-bottom: 20px; padding-top: 2px;} .content7338 .services-colonnes {width: 25%;height: auto;overflow: inherit;display: flex;flex-direction: column;position: relative;text-align: center;} .content7338 .services-colonnes a {color:#666666;text-decoration:none;display:block;float:left;} .content7338 .grand-descr {font-size:13px;text-transform:uppercase;font-family:Averta-Bold;line-height:14px;padding-top:4px;display:block;} .content7338 .petit-descr{font-size:11px;line-height:12px;padding-top:2px;display:block;} .content7338 .anim-rond {background-image:url(/ab/img/general/footer/footer-sprite.png);width:36px;height:36px;border-radius:50%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-webkit-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;} .content7338 .anim-rond:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);} .content7339 {float:left;height: 180px;width:100%;text-align: center;} .content7339 .zone-liens-faq {padding-top: 28px;vertical-align: top; } .content7339 .zone-liens-faq ul{list-style:none;margin:0;padding:0;} .content7339 .zone-liens-faq ul li{margin:0;padding:0;display:block;} .content7339 .zone-liens-faq .colonnes-footer{width:24%;} .content7339 .titre-zone-lien{font-size:15px; color: #444;padding-bottom:8px;display:block; } .content7339 .cat-zone-lien a{font-size:15px; line-height:26px; color: #888; text-decoration:none; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;} .content7339 .cat-zone-lien a:hover{color: #444;text-decoration:underline;} .content7340 {float:left;height: 70px;width:100%;text-align: center;} .content7340 .div_communautaire {margin: 0 auto; width: fit-content;} .content7340 .lien_communautaire {height: 40px; width: 40px; background-color: #999999; display:block; border-radius: 20px; float: left; margin-right: 10px; background-repeat: no-repeat; } .content7340 .lien_communautaire:last-child {margin-right: 0;} .content7340 .lien_communautaire:hover {text-decoration: none;} .content7340 #facebook {background-image: url('/ab/img/general/footer/footer-sprite.png'); background-position: 0px -35px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;} .content7340 #facebook:hover {background-color: #45619d; } .content7340 #pinterest {background-image: url('/ab/img/general/footer/footer-sprite.png'); background-position: -40px -35px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;} .content7340 #pinterest:hover {background-color: #cb2027; } .content7340 #instagram {background-image: url('/ab/img/general/footer/footer-sprite.png'); background-position: -120px -35px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;} .content7340 #instagram:hover {background-color: #f77390;} @media screen and (max-width: 1024px) { .footer {width: 100% !important;} .footerPage {width: 100% !important;} .footerPage:before {height: 112px;} .footerPage .footercontent .titleWrapper .clearfix {width: 100% !important; height: 70px !important;} .footerPage .footercontent .titleWrapper .clearfix > div{width: 25% !important; height: auto !important; overflow: inherit !important; text-align: center; display: flex !important; flex-direction: column;} .footerPage .footercontent .titleWrapper .clearfix > div a {text-align: center; padding-right: 0 !important;} .footerPage .footercontent .titleWrapper .clearfix > div a div { float: none !important; margin: 0 auto;} .footerPage .footercontent .content7339 {width: 100%;} .footerPage .footercontent .content7339 ul li:not(.cat-zone-lien) {width: 25% !important; display: block !important; float: left; text-align: center;} .footerPage .footercontent .content7339 ul li .titre-zone-lien {width: 100%;} .footerPage .footercontent .content7339 ul li.cat-zone-lien {text-align: center;} .footerPage .footerDown {background: none;} .footerPage .footer .marqueurConsultation {width: 100%; text-align: center; padding: 10px 0;height: auto; border-bottom: 1px solid #FFFFFF;} .footerPage .content7341 {margin: 0 auto; width: 380px;} .footerPage .content7341 #zone-texte-1, .footerPage .content7341 #zone-texte-2{width: 100% !important; text-align: center; line-height: 24px !important; margin-top: 10px;} .footerPage .content7341 #zone-texte-2 {margin-top: 15px;} .footerPage .content7341 .espace-footer-sprite:nth-child(9) {margin-right: 0;} .footerPage .content7341 .espace-footer-sprite:nth-child(11) {margin-left: 110px;} } @media screen and (max-width: 768px) { .footerPage:before {height: 207px;} .footerPage .footercontent .titleWrapper .clearfix > div {width: 50% !important; margin-bottom: 25px;} .footerPage .footercontent .content7339 {min-height: 380px;} .footerPage .footercontent .content7339 ul li:not(.cat-zone-lien) {width: 50% !important; margin-bottom: 25px;min-height: 150px;} } @media screen and (max-width: 480px) { .footerPage:before {height: 395px;} .footerPage .footercontent .titleWrapper .clearfix > div {width: 100% !important;} .footerPage .content7341 {width: 157px;} .footerPage .content7341 .espace-footer-sprite{margin-bottom: 5px;} .footerPage .content7341 .espace-footer-sprite:nth-child(5), .footerPage .content7341 .espace-footer-sprite:nth-child(8), .footerPage .content7341 .espace-footer-sprite:nth-child(13) {margin-right: 0;} .footerPage .content7341 .espace-footer-sprite:nth-child(8) {width: 47px !important;} .footerPage .content7341 .espace-footer-sprite:nth-child(11) {margin-left: 0;} .footerPage .content7341 .espace-footer-sprite:nth-child(14) {display: none !important;} } /* bloc communautaire (footer) */ .titre_communautaire {font-family: Averta Regular; font-size: 13px; padding-bottom: 10px;} .lien_communautaire {height: 40px; width: 40px; background-color: #999999; display:block; border-radius: 20px; float: left; margin-right: 10px; background-repeat: no-repeat; } .lien_communautaire:hover {text-decoration: none;} #facebook {background-image: url('/ab/img/general/footer/footer-sprite.png'); background-position: 0px -35px; } #facebook:hover {background-color: #45619d; } #pinterest {background-image: url('/ab/img/general/footer/footer-sprite.png'); background-position: -40px -35px; } #pinterest:hover {background-color: #cb2027; } #twitter {background-image: url('/ab/img/general/footer/footer-sprite.png'); background-position: -80px -35px; } #twitter:hover {background-color: #55acee;} @media screen and (max-width: 1024px) { .footerPage .footercontent .content7340 {width: 100%;text-align: center;height: 90px;} .footerPage .footercontent .content7340 .div_communautaire .titre_communautaire {padding: 10px 0;} .footerPage .footercontent .content7340 .div_communautaire .clearfix {width: fit-content !important;margin: auto;display: block;height: auto !important;} } /*Gabarit Footer*/ .content6874{width:auto;height:60px;} .content6875{display:inline-block!important;width:auto;height:140px;} .content6876{display:inline-block!important;width:auto;float:right;height:140px;} .content6877{width:100%;height:70px;} .content6878{width:100%;height:70px;vertical-align:middle;line-height:70px;} #footer-seo {} #footer-seo p {font-size: 1.1em;line-height: 1.4em;padding: 20px 0;} @media screen and (max-width: 1024px) { #footer-seo {padding: 15px;} } /* SITEMAP */ #SeoMap {height:0;overflow:hidden!important;} #SeoMap ul {padding:0 0 15px;} #SeoMap .mapTitle {color:#fff; font-size:1.8em; text-transform:uppercase; font-family:Averta Regular,arial; line-height:1.2em;} #SeoMap .mapWorld {float:left;border: 0 none; margin:0; width:100% !important;} #SeoMap li {margin:0 0 20px; } #SeoMap ul div:nth-child(5) li {margin: 0 0 20px 0;} #SeoMap h2 {text-transform:uppercase; font-family:Averta-Bold; color:#444; font-size:12px; line-height:18px; height:17px; margin-bottom:8px;} #SeoMap h3 {display:inline-block; font-size:13px; line-height:15px; height:16px; overflow:hidden; width:auto; margin-top:1px; margin-right: 6px;} #SeoMap h3 a {color:#666;text-decoration:none;transition: color 0.3s;-moz-transition: color 0.3s;-webkit-transition: color 0.3s; -o-transition: color 0.3s;} #SeoMap h3 a:hover {color:#444;} @media screen and (max-width: 1024px) { #SeoMap {display: none;} } /**************************************/ /* Filtres catalogue /**************************************/ #filterBloc {position:relative; float:left; width:100%;} #filterBloc span.h2ex{ font-weight:bold;color:#00288C;text-transform:uppercase;font-size:1.25em;display:inline} #filterBloc .filter {height:49px; width:232px; float:left; margin-right: 22px; padding-bottom: 20px;} #filterBloc .filterButton {float:right; margin-left: 10px;} #filterBloc .moreFilterBt {float: right;} #filterBloc .lessFilterBt {float: right;} #filterBloc .filterButton p.filterInfo { background: #DCEBF5;border: 1px solid #00288C;display:none;position: absolute;right: 10px;bottom: 38px;padding: 5px;font-size: 11px;text-transform: none;color: #141414;font-weight: normal;z-index:101;} #filterBloc .filterButton p.filterInfo img{ position: absolute;bottom: -6px;right: 31px; } #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; display:block;} #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 .divBtnFilters .divBtnFilters1 {float:left; width:580px;} #filterBloc .divBtnFilters .divBtnFilters2 {float:right;} #filterBloc .btnSupprimerAll { font-size:12px; color:#333333; background:url(/ab/img/general/suppr-filtre.png) #dddddd no-repeat 93% 50%; padding:7px 25px 7px 7px; text-decoration:none; border-radius: 2px; float: left;margin-right:5px; margin-top:5px;} #filterBloc .btnSupprimer { font-size:12px; color:#333333; background:#f1f1f1; padding:7px; text-decoration:none; border-radius: 2px; float: left; margin-right: 5px; margin-top:5px;} #filterBloc .btnSupprimer a { background:url(/ab/img/general/suppr-filtre.png) #f1f1f1 no-repeat 93% 50%; font-family: Averta Regular; color:#333333; text-decoration:none; padding: 0 25px 0 0;} #filterBloc .btnSupprimer .nom {font-family: Averta-Bold; padding-right: 9px; display: inline-block;} @media screen and (max-width: 1024px) { #filters .divFilters {display: flex; flex-flow: wrap; justify-content: center;} #filters .divBtnFilters {display: flex; flex-flow: wrap; justify-content: center;} #filterBloc .divBtnFilters .divBtnFilters1, #filterBloc .divBtnFilters .divBtnFilters2 {float: none;} #filterBloc .divBtnFilters .divBtnFilters1 {width: auto;} #filterBloc .btnSupprimer {margin: 5px 25px;} } @media screen and (max-width: 480px) { #filterBloc .divBtnFilters .divBtnFilters1, #filterBloc .divBtnFilters .divBtnFilters2 {display:flex;flex-direction: column;align-items: center;width: 100%} #filterBloc .filterButton {margin: 10px 0;} } #filterBloc .waiting, #divEditCustomer .waiting, .newsletter .waiting, #productListingWrapper .waiting, #payment .waiting, .topProd .waiting, .packcontent .waiting, .productdispo .waiting, #divPremierePartie .waiting, #divPacks .waiting, .recap .waiting, .account .shippingPass .waiting, .divContentDetailBirthList .waiting, #divMainContent .waiting {height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;/*background:#B2BEDC url(/ab/img/ajax-loader.gif) no-repeat 50% 60%;*/background-color:#ffffff;opacity:.6} #filterBloc #linkedCategories, #linkedCategories2 {padding:0px 0 0 0;overflow:hidden;margin:0 0 10px 0;} #filterBloc #linkedCategories em, #linkedCategories2 em, #linkedCategories3 em {font-size: 0.9em;font-weight: normal;font-style: normal;color: #888;text-transform: uppercase;letter-spacing: 0.2em;} #filterBloc #linkedCategories a span, #linkedCategories2 a span, #linkedCategories3 a span {font-weight:normal} #filterBloc #linkedCategories a.roundedbutton, #linkedCategories2 a.roundedbutton, #linkedCategories3 a.roundedbutton {background:#f3f3f3;color:#000; padding:.4em 1em;font-size:1.1em;display:inline-block;margin-bottom: 6px;} #filterBloc #linkedCategories a.roundedbutton:hover, #linkedCategories2 a.roundedbutton:hover, #linkedCategories3 a.roundedbutton:hover {text-decoration:none;background:#dbdbdb;} @media screen and (max-width: 1024px) { #filterBloc #linkedCategories a.roundedbutton {margin: 2px 0} } #filterBloc #directAccess {padding:5px 0} #filterBloc #directAccess em {font-weight:bold;font-style:normal} #filterBloc #directAccess ul, #filterBloc #linkedCategories ul, #linkedCategories2 ul, #linkedCategories3 ul {display:inline} #filterBloc #directAccess li, #filterBloc #linkedCategories li, #linkedCategories2 li, #linkedCategories3 li {display:inline;margin:0 .4em} #filterBloc #directAccess a {text-decoration:underline} #divPremierePartie .waiting{height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background-color:#ffffff;opacity:.6} #filterBloc .confBasketWarning {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;float:right;margin-top:1em} #filterBloc .moreFiltersBt {margin-top:14px} #filterBloc .moreFilter {display:none} #filterBloc .dispoFilter {height:auto; width:auto;line-height:normal;clear:left;padding-top:5px; display: none;} #filterBloc .disabledfilterButton { display: none; } /* Checkboxes */ .cbFilter {line-height:45px;} .cbFilter input, .cbFilter label {vertical-align:middle} /* Listes de bool (comme les films) */ .blFilter {} .blFilter select {height:22px;width:160px} .blFilter select .all {font-style:italic} /* Multiselect */ .valFilterList input {float:left;cursor:default; height:27px; width:192px; padding-right:23px; background:#fff url(/ab/img/general/fleche-champ-deploiement.png) no-repeat 100% 50%; color: #999999; border-radius: 3px; font-size: 12px; font-family: Averta Regular; padding-left: 11px;} .valFilterListFocus input {border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: none; box-shadow: 1px 2px 0 #c4c4c4; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 0 0; border-bottom-left-radius: 0 0; } .valFilterList .vflFlyout {padding-right: 10px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; background-color:#fff;z-index:10;visibility:hidden;position:absolute;cursor:default;min-width:226px; box-shadow: 1px 2px 0 #c4c4c4;} .valFilterList .vflFlyout li {background-image:url(/ab/img/catalogue/bloc-filtre-deroule-case-a-cocher.png); background-repeat: no-repeat; background-position: 11px 0; padding:0 0px 6px 31px;position:relative;white-space:nowrap; color: #666666; font-size: 13px; font-family: Averta Regular; height: 20px; line-height: 20px;} .valFilterList .vflFlyout li:first-child {padding: 6px 0px 6px 31px; background-position: 11px 6px;} .valFilterList .vflFlyout li input {opacity:0; margin:0;padding:0;height:20px;width:20px;background-image:url(/ab/img/catalogue/bloc-filtre-deroule-case-a-cocher.png); background-repeat: no-repeat; background-color: #ffffff;border:none;position:relative;left:-20px;top:1px; -webkit-appearance: none; -moz-appearance: none;} .valFilterList .vflFlyout li input:checked {background-image:url(/ab/img/catalogue/bloc-filtre-deroule-case-a-cocher-active.png);} .valFilterList .vflFlyout .item {} .valFilterList .vflFlyout .selected {color: #39c2b1; background-image:url(/ab/img/catalogue/bloc-filtre-deroule-case-a-cocher-active.png);} .valFilterList .vflFlyout .highlighted {background-image:url(/ab/img/catalogue/bloc-filtre-deroule-case-a-cocher.png);} .valFilterList .vflFlyout .selhighlighted {color: #39c2b1; background-image:url(/ab/img/catalogue/bloc-filtre-deroule-case-a-cocher-active.png);} .valFilterList .vflFlyout .disabled {font-style:italic; background-color:#dcdcdc; background-image:none; padding-left:50px!important;} .valFilterList .vflFlyout .disabled.level0 {padding-left:0;background-color:#0096CA;color:#FFFFFF;} .valFilterList .vflFlyout .close {height: 23px; padding:10px 0px 10px 11px; background:none; } .valFilterList .vflFlyout .close a {height: 23px; width: 57px; background-color: #39c2b1; text-decoration: none; text-align:center; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; border-radius: 3px;} .valFilterList .vflFlyout .close a span {display:-moz-inline-block;display:-moz-inline-box;display:inline-block; color: #ffffff; font-family: Averta Regular; font-size:11px; cursor:pointer; line-height:23px; text-transform:capitalize;} /*Intervalle slider*/ .slider {width:232px; height:29px; color:#666666; position:relative;} .slider .ruler {width:230px; height:8px; top: 10px; background:#d1d1d1; border: 1px solid #ffffff;} /*laisser la bordure sinon le slider ne va pas au bout*/ .slider .handle {height:29px; width:44px; line-height:29px; z-index:5; font-size:13px; font-family: Averta Regular; text-align:center; cursor:default; top: -12px;} .slider .left {background:url(/ab/img/catalogue/bloc-filtre-prix-gauche.png) 0 0 no-repeat; padding-right:4px} .slider .right {background:url(/ab/img/catalogue/bloc-filtre-prix-droite.png) 0 0 no-repeat; padding-left:4px} .slider .dragging { } .slider .marquee{height:8px; background:#39c2b0; padding:0 5px; margin:0 0 0 -5px;} .blFilter {float:left;text-align:left;} .blFilter input {float:left;cursor:default; height:27px; width:192px; padding-right:23px; background:#fff url(/ab/img/general/fleche-champ-deploiement.png) no-repeat 100% 50%; color: #999999; border-radius: 3px; font-size: 12px; font-family: Averta Regular; padding-left: 11px;} .blFilterFocus input {border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: none; box-shadow: 1px 2px 0 #c4c4c4; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 0 0; border-bottom-left-radius: 0 0; } .blFilter .srtFlyout {border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: none; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; background-color:#fff;z-index:10;visibility:hidden;position:absolute;cursor:default;width:226px;overflow-y:auto; box-shadow: 1px 2px 0 #c4c4c4;} .blFilter .srtFlyout li {font-size: 12px; font-family: Averta Regular; color:#999999; padding-left: 11px; height: 22px; line-height:22px; margin-bottom: 1px; display:block;} .blFilter .srtFlyout li input {opacity:0; margin:0;padding:0;height:0;width:0;} .blFilter .srtFlyout .item {} .blFilter .srtFlyout .selected {} .blFilter .srtFlyout .highlighted {background-color: #dddddd;} .blFilter .srtFlyout .selhighlighted {background-color: #dddddd;} .blFilter .srtFlyout .close {display: none;} .divFilters {width: 100%;} .divBtnFilters {width: 100%; border-top: 1px solid #d9d9d9; padding-top: 10px; padding-bottom:25px;} /* Longueurs relatives */ #filterBloc h3 {width:90%} .blFilter select {width:90%} /**************************************/ /* Listing produit /**************************************/ .productListingHeader {height: 29px; padding: 9px 15px 7px 10px; background-color: #f7f7f7; margin-bottom: 20px;} .sortZone {float:left;text-align:left;} .sortZone input {float:left;cursor:default; height:27px; width:132px; padding-right:23px; background:#fff url(/ab/img/general/fleche-champ-deploiement.png) no-repeat 100% 50%; color: #999999; border-radius: 3px; font-size: 12px; font-family: Averta Regular; padding-left: 11px;} .sortZoneFocus input {border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: none; box-shadow: 1px 2px 0 #c4c4c4; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 0 0; border-bottom-left-radius: 0 0; } .sortZone .srtFlyout {border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: none; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; background-color:#fff;z-index:10;visibility:hidden;position:absolute;cursor:default;width:166px;height:214px;overflow-y:auto; box-shadow: 1px 2px 0 #c4c4c4;} .sortZone .srtFlyout li {font-size: 12px; font-family: Averta Regular; color:#999999; padding-left: 11px; height: 22px; line-height:22px; margin-bottom: 1px; display:block;} .sortZone .srtFlyout li input {opacity:0; margin:0;padding:0;height:0;width:0;} .sortZone .srtFlyout .item {} .sortZone .srtFlyout .selected {} .sortZone .srtFlyout .highlighted {background-color: #dddddd;} .sortZone .srtFlyout .selhighlighted {background-color: #dddddd;} .sortZone .srtFlyout .close {display: none;} .displayZone {float:right;text-align:right;} .productListingHeader .sortType {width:145px} .productListingHeader .sortOrder {width:16px;padding-top:14px;background:url(/ab/img/general/bt-inverser.gif) 100% 100% no-repeat;margin-bottom:3px} .productListingHeader .sortOrder.state1 {background-position:100% 0} .productListingHeader ul, .productListingHeader li {display:inline} .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(/ab/img/catalogue/bt-aff-vignette.gif);} .listType .bt1 {background-image: url(/ab/img/catalogue/bt-aff-liste.gif);} .listType .state0 {background-position:top;} .parPage .state0 {color: #999999; } .listType .state1 {background-position:bottom;} .parPage .state1 {border: 1px solid #cccccc; border-radius: 3px; color: #333333;} .parPage .button {padding: 5px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-family: Averta Regular; text-decoration: none; } .parPage .button:hover {text-decoration: none;} .parPage .bt48 {margin: 0 7px 0 7px;} .parPage .bt0 {margin: 0 7px 0 0;} ul.listType span {display:none} #productListingWrapper {position:relative;z-index:auto; margin-bottom:10px;} .prix abbr.currency {display:none;} .lbListingNbAffichage {text-transform: uppercase; font-size: 12px; font-family: Averta Regular; color: #333333;} @media screen and (max-width: 1024px) { .productListingHeader {width: calc(100% - 25px);height: auto;} #productListingWrapper {padding: 0;} #productListingWrapper table{width:100%;} #productListingWrapper table .pnlQty{margin-left: 0} } @media screen and (max-width: 480px) { .productListingHeader {display: flex !important; flex-flow: wrap; justify-content: center;} .displayZone {width: 100%; text-align: center; margin-top: 15px; } .productListingHeader .sortType { width: auto; } } /* Dispo */ .dispo{display:block;width:114px;padding-top:12px;height:0;background-position: 0 0;background-repeat:no-repeat} .dispo.d00 {width:130px;background-image:url(/ab/img/general/dispo/dispo-0.png)} .dispo.d01 {background-image:url(/ab/img/general/dispo/dispo-1.png);} .dispo.d02 {background-image:url(/ab/img/general/dispo/dispo-2.png);} .dispo.d03,.dispo.d04,.dispo.d05,.dispo.d06,.dispo.d07,.dispo.d09{height:12px;width:100%;} .dispo.d0dispo {background-image:url(/ab/img/general/dispo/dispo.png);} /* type listing */ .productListing.listing table{ width:100%; border-spacing:0; border-collapse:collapse} .productListing.listing table tr {border-left:1px solid #c8c8c8} .productListing.listing tr.e0 { background:#f0f0f0} .productListing.listing tr.e1 { background:#fff} .productListing.listing th { border-bottom:1px solid #c8c8c8; padding-top:1em; text-align:center;font-weight:normal;text-transform:uppercase;color:#141414} .productListing.listing th.left {text-align:left} .productListing.listing th a {color:#141414;text-decoration:underline;} .productListing.listing td { text-align:center; height:100px} .productListing.listing td.vignette { width: 120px;text-align:left} .productListing.listing td.vignette a {display:block;width:80px;height:80px;margin:auto} .productListing.listing td.vignette img {width:80px;height:80px;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:-7px;top:42%} .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:20px; width:52px;height:11px;font-size:10px;line-height:11px;font-family:Arial;text-transform:uppercase;color:#fff;padding-left:2px;} .productListing.listing td.disponib {width:90px} .productListing.listing td.disponib a { margin: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 {text-align:left;padding:5px 1px} .productListing.listing td.designation .nom {display:block;font-weight:bold;color:#141414;font-size:1.1em;line-height:1.4em;margin-bottom:2px} .productListing.listing td.designation .caract {color:#646464;font-size:0.9em;line-height:1.3em} .productListing.listing td.designation .catinfos {color:#646464;font-size:0.9em;line-height:1.3em;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:#141414;font-size:1.4em;line-height:1em;padding-right:0.1em} .productListing.listing td.designation .accroche {display:block;font-style:italic;margin:3px 0;color:#00288c} .productListing.listing td.designation .odrLink { display:block;color:#ff3c00;font-weight:bold;margin:3px 0; background-repeat:no-repeat;padding-left:19px;} .productListing.listing td.designation a.odrLink:hover { text-decoration:underline; } .productListing.listing td.designation .seemore {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; } .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:.8em;line-height:14px;margin:5px} .productListing.listing td.designation a:hover {text-decoration:none} .productListing.listing td.ajoutPanier {width:70px;} .productListing.listing td.ajoutPanier span {position:relative} .productListing.listing td.ajoutPanier a.addToBasket {display:block;margin:auto; width:40px;padding-top:30px} .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.focus {width:60px;padding:0} .productListing.listing td.prix {width:110px} .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-weight:bold;font-size:1.2em;line-height:1.5em} .productListing.listing .refPrice {color:#646464;text-decoration:line-through;padding-right:.5em} .productListing.listing .reduc {display:block;color:#00288c} .productListing.listing .rappelEuro {display:block;} .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 {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:#002f79} .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} .productListing .flechG_inactive, .productListing .flechG_active, .productListing .flechD_inactive, .productListing .flechD_active {display:none;position:absolute;top:115px;width:30px;height:60px;background-image:url(/ab/img/general/fleches-vignettes.png);z-index:1500;} .productListing:hover .flechG_inactive, .productListing:hover .flechG_active, .productListing:hover .flechD_inactive, .productListing:hover .flechD_active {display:block;} .productListing .flechG_inactive {background-position:0 0;cursor:default} .productListing .flechG_active {background-position:0 0px;} .productListing .flechG_active:hover {background-position:0 60px;} .productListing .flechD_inactive {right:0px;background-position:30px 0;cursor:default} .productListing .flechD_active {right:0px;background-position:30px 0px;} .productListing .flechD_active:hover {right:0px;background-position:30px 60px;} .productListing #animBloc {max-width:1440px;overflow:hidden;position:relative} .productListing #animContent {width:1000000px;position:relative} /* type basethumbs */ .productListing.basethumbs {margin-bottom: 20px;font-family:"Averta Regular";} .productListing.basethumbs .productWrapper, .productListing.basethumbs .groupWrapper {background-color:#F7F7F7; float:left; width:232px;height:340px;position:relative;border:1px solid #dddddd;} .productListing.basethumbs .productWrapper {} .productListing.basethumbs .vignette {display:block; width:230px; height:230px; margin:0;} .productListing.basethumbs .vignette img {width:230px; height:230px;position:absolute;} .productListing.basethumbs .vignetteActions {display:none; width:230px; height:100px; margin:0;position:absolute;top:69px;} .productListing.basethumbs .productWrapper:hover .vignetteActions {display:block;} .productListing.basethumbs .productWrapper:hover img {opacity:0.2;} .productListing.basethumbs .productWrapper:hover .reduc {opacity:0.2;} .productListing.basethumbs .btnFiche {width:142px;height:44px;border-radius:3px;font:'Averta-Light';font-size:16px;line-height:44px;text-align:center;background-color:#39C2B1;color:#FFFFFF;margin-left:auto;margin-right:auto;} .productListing.basethumbs .btnFiche:hover {background-color:#00AC97;} .productListing.basethumbs .vignetteActions a{text-decoration: none;} .productListing.basethumbs .designation {overflow:hidden;text-decoration:none;font-size:12px;margin:14px 11px 10px 11px;width:208px;height:26px;line-height:13px;color:#000000!important;font-family:"Averta Regular";} .productListing.basethumbs .designation a {text-decoration:none;color:#000000!important;} .productListing.basethumbs .brandName{color:#666666;display:inline-block;margin-right:3px;} .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;display:inline-block;} .productListing.basethumbs .note a {font-size:0.9em} .productListing.basethumbs .pFocus {position:absolute;top:3px;right:3px} .productListing.basethumbs .productdispo {display:block;border-top:1px solid #c8c8c8;height:32px;} .productListing.basethumbs .productdispo a {text-decoration:underline;background-position: left center;height:24px !important;} .productListing.basethumbs .dispo {width:auto;height:11px;} .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:17px;display:inline-block;margin:2px auto 0 11px;width:140px;height:10px;} .productListing.basethumbs .prix sup {font-size:15px;vertical-align:2px;font-weight:normal;} .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 {color:#EC3838;display:block;display:inline-block;} .productListing.basethumbs .refPrice {text-decoration:none;color:#666666;display:inline-block;margin-left:5px;background:url(/ab/img/catalogue/prixbarre.svg) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;} .productListing.basethumbs .startFromPrice {font-size:10px;color:#00288C;text-transform:uppercase;display:block;line-height:16px;} .productListing.basethumbs .ajoutPanier {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -87px -92px #e96150;width:43px;height:43px;border-radius:3px;display:inline-block;margin-left:3px;} .productListing.basethumbs .ajoutPanier:hover {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -87px -92px #e96150;width:43px;height:43px;} .productListing.basethumbs .ajoutFavoris {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -43px -49px transparent;width:43px;height:43px;border-radius:3px;display:inline-block;margin-left:3px;} .productListing.basethumbs .ajoutFavoris:hover {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -43px -92px #E64D74;width:43px;height:43px;} .productListing.basethumbs .ajoutComparateur {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -49px transparent;width:43px;height:43px;border-radius:3px;display:inline-block;margin-top:6px;} .productListing.basethumbs .ajoutComparateur:hover {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -92px #999999;width:43px;height:43px;} .productListing.basethumbs .seeProduct {float:right;margin-top:10px;margin-right:10px;} .productListing.basethumbs .qte {float:right;} .productListing.basethumbs .comparer {margin-left:44px;margin-top:6px;} .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:5px;right:5px;width:46px;height:46px;line-height:46px;font-size:17px;text-align:center; border-radius: 50%; background-color:#EC3838; color: #ffffff;} .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; 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;position:relative;} .productListing.basethumbs .caract .caractWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;left:0px;bottom:153px;width:199px;min-height:58px;padding:5px;font-size:11px;color:#646464;font-style:italic;line-height:1.3em;} .productListing.basethumbs .caract .caractWrapper span.content {overflow:hidden;width:199px;} .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 thumbs */ .productListing.thumbs {margin-bottom: 20px;font-family:"Averta Regular";} .productListing.thumbs .productWrapper, .productListing.thumbs .groupWrapper {float:left; width: 30%;height: auto; display: flex; flex-flow: wrap; position:relative;} .productListing.thumbs .productWrapper .img_prix_dispo {} .productListing.thumbs .productWrapper:hover .img_prix_dispo {} @media screen and (max-width: 1024px) { .productListing.thumbs .productWrapper:hover .img_prix_dispo {border: none; box-shadow: none;} } .productListing.thumbs .bandeaux div {font-family:Averta Regular; text-align:center; font-size: 12px;line-height: normal;padding: 2px 8px 4px;} .productListing.thumbs .nouveau {height:fit-content; width:auto; color:#FFFFFF; background-color:#f1a196; display:none; z-index:1;margin : 0 6px 0 0;} .productListing.thumbs .livStand {height:fit-content; width:auto; color:#FFFFFF; background-color:#379879; display:none; /*position:absolute;*/ z-index:1;margin : 0 6px 0 0;} .productListing.thumbs .tag_green {height:fit-content; width:auto; color:#FFFFFF; background-color:#66845c; display:none; /*position:absolute;*/ z-index:1;margin : 0 6px 0 0;} .productListing.thumbs .tag_perso {height:fit-content; width:auto; color:#FFFFFF; background-color:#ecb06e; display:none; /*position:absolute;*/ z-index:1;margin : 0 6px 0 0;} .productListing.thumbs .nb_modeles {height:fit-content; width:auto; color:#FFFFFF; background-color:#a6c7c7; display:none; /*position:absolute;*/ z-index:1;} .productListing.thumbs .green {height:fit-content; width:auto; color:#FFFFFF; background-color:#69835E; z-index:1;margin : 0 6px 0 0;} .productListing.thumbs .vignette {display:flex; width:100%; height:auto; margin:0;order: 1} .productListing.thumbs .vignette img {width:100%; height:100%;position:relative;} .productListing.thumbs .productWrapper:hover {} .productListing.thumbs .productWrapper:hover .vignetteActions {display:flex;margin-top: -75px;position: relative!important;opacity: 1;} .productListing.thumbs .dDetail {height:20px; width:100%; display:flex; z-index: 100!important;color:#666666; font-size:12px; line-height:13px;order: 2;} .productListing.thumbs .productWrapper:hover .dDetail {} @media screen and (max-width: 1024px) { .productListing.thumbs .dDetail {display: none} .productListing.thumbs .vignette {width: 100%; height: auto;} .productListing.thumbs .vignette img {width: 80%; margin: 0 10%; height: 100%; position: relative;} .productListing.thumbs .productWrapper:hover .vignetteActions {display: inline-grid;margin-top: -50px;} } @media screen and (max-width: 768px) { .productListing.thumbs .dDetail {height: 92px;} .productListing.thumbs .bandeaux div {padding: 2px 6px 4px;} .productListing.thumbs .vignette img {width: 100%; margin: 0;} } .productListing.thumbs .dDetail .paramSeo {padding-bottom:5px;} .productListing.thumbs .dDetail .paramSeo .nomParamSeo {color:#000000;} .productListing.thumbs .dDetail .paramSeo .valeurParamSeo {color:#666666;} .productListing.thumbs .btnFiche {width:142px;height:44px;border-radius:3px;font:'Averta-Light';font-size:16px;line-height:44px;text-align:center;background-color:#39C2B1;color:#FFFFFF;margin-left:auto;margin-right:auto;} .productListing.thumbs .btnFiche:hover {background-color:#00AC97;} .productListing.thumbs .vignetteActions a{text-decoration: none;} .productListing.thumbs .designation {overflow:hidden; text-decoration:none; font-family:Averta Regular;} .productListing.thumbs .designation a {text-decoration:none;color:#444!important;font-family:Averta-Semibold;} .productListing.thumbs .brandName{color:#666666;display:inline-block;margin-right:0;} .productListing.thumbs .accroche {display:block;overflow:hidden;clear:both;color:#00288c;font-style:italic;font-size:12px;height:2.5em;line-height:2.5em} .productListing.thumbs .note {float:right; display:inline-block; padding-right: 12px;} .productListing.thumbs .note a {font-size:0.9em} .productListing.thumbs .pFocus {position: absolute; top:4px; right:4px;} .productListing.thumbs .productdispo {display:block;border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; height:32px;padding-left:11px;} .productListing.thumbs .productdispo a {text-decoration:underline; background-position: left center; height:20px !important; width:190px; display:inline-block;} .productListing.thumbs .productdispo .dFleche {float:right; width:21px; height:20px; background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -25px transparent; margin-top:12px;} .productListing.thumbs .dispo {width:auto;height:11px;} .productListing.thumbs .shopdispo {background-position:0 12px;width:15px;padding:40px 25px 0 0;overflow:visible; position:relative;} .productListing.thumbs .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.thumbs .shopdispo:hover .dispoWrapper {display:block;} .productListing.thumbs .shopdispo .dispoWrapper img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.thumbs .productbuy {display:block;background:#DDEBF4;height:40px;line-height:40px;padding:0 0 0 .5em;} .productListing.thumbs .productbuy.masterProduct {line-height:normal;} .productListing.thumbs .prix {font-size:15px; display:inline-block; margin:2px auto 4px 11px; width:140px; height:24px; position:relative;} .productListing.thumbs .prix sup {font-size:10px;vertical-align:3px;font-weight:normal;} .productListing.thumbs .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.thumbs .priceNote {} .productListing.thumbs .price {color:#EC3838;display:block;display:inline-block;} .productListing.thumbs .refPrice {text-decoration:none;color:#666666;display:inline-block;margin-left:5px;background:url(/ab/img/catalogue/prixbarre.svg) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;} .productListing.thumbs .startFromPrice {font-size:10px; color:#EC3838; display:block; position:absolute; top:-12px;} .productListing.thumbs .ajoutPanier {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-repeat: no-repeat; background-position: -175px -53px; background-color: transparent; width:46px; height:46px; border-radius:30px; display:inline-block; } .productListing.thumbs .ajoutPanier:hover {background-position:-219px -53px; background-color: #e96150;} .productListing.thumbs .ajoutFavoris {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-repeat: no-repeat; background-position: -87px -51px; background-color: transparent; width:46px; height:46px; border-radius:30px; display:inline-block; margin-right: 6px;} .productListing.thumbs .ajoutFavoris:hover {background-position: -131px -51px; background-color: #E64D74;} .productListing.thumbs .ajoutComparateur {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-repeat: no-repeat; background-position: 0px -53px; background-color: transparent; width:43px; height:43px; border-radius:30px; display:inline-block; } .productListing.thumbs .ajoutComparateur:hover {background-position: -45px -53px; background-color: #999999;} .productListing.thumbs .seeProduct {float:right;margin-top:10px;margin-right:10px;} .productListing.thumbs .comparer {margin-top:6px;} .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 {background: url("/ab/img/catalogue/pastilles.png") no-repeat; color: #ffffff; font-size: 16px; font-family: Averta-Bold; height: 51px; padding: 19px 0 0 3px; position: absolute; right: 5px; text-align: center; top: 5px; width: 50px;} .productListing.thumbs .reduc.reducFrom {line-height:normal; padding-top:6px;} .productListing.thumbs .reduc .from {font-size:10px;display:block;line-height:7px;padding-top:8px;font-family: Averta Regular;} .productListing.thumbs .reduc > span {font-size: 12px;margin-left: 1px;} .productListing.thumbs .dispoPopup .dispo {position:relative;left:0;bottom:0;} .productListing.thumbs .newIcon {position:absolute;top:25px;left:15px; 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.thumbs .caract {display:block;position:relative;} .productListing.thumbs .caract a {display: flex; flex-flow: wrap;text-decoration: none;} .productListing.thumbs .caract .caractWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;left:0px;bottom:153px;width:199px;min-height:58px;padding:5px;font-size:11px;color:#646464;font-style:italic;line-height:1.3em;} .productListing.thumbs .caract .caractWrapper span.content {overflow:hidden;width:199px;} .productListing.thumbs .caract:hover .caractWrapper {display:block} .productListing.thumbs .caract span img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.thumbs .caract .caractWrapper .masterParameters {display:block;margin-top:10px;font-style:normal;} .productListing.thumbs .caract .caractWrapper .masterParameters .title {background-color:#646464;color:#fff;display:block;padding:0 5px;} .productListing.thumbs .caract .caractWrapper .masterParameters .links {padding:0 5px;margin-top:5px;} .productListing.thumbs .caract .caractWrapper .masterParameters .links a {text-decoration:underline;font-weight:bold;} .productListing.thumbs .productWrapper.e3 {margin-right:0}/*Dernier element de la ligne*/ @media screen and (max-width: 1024px) { .productListing.thumbs .vignette {display: flex; order: 1} .productListing.thumbs .bandeaux {display: flex; order: 2;} .productListing.thumbs .bandeaux div {font-size: 12px!important;} .productListing.thumbs .ajoutPanier {pointer-events: none; float: right;} } div.account .productListing.thumbs .caractWrapper .masterParameters .title {font-size:12px;margin:0;padding:0;display:inline;} /*type birthlist*/ .productListing.birthlist {margin-bottom: 20px;font-family:"Averta Regular";} .productListing.birthlist .productWrapper, .productListing.birthlist .groupWrapper {background-color:#F7F7F7; float:left; width:232px;height:304px;position:relative;} .productListing.birthlist .productWrapper .img_prix_dispo {border:1px solid #dddddd; } .productListing.birthlist .productWrapper:hover .img_prix_dispo {box-shadow: 0px 0px 6px #dddddd; border:1px solid #ffffff;} .public-catalogue-topproductpage .productListing.birthlist .productWrapper {margin: 15px 19px 20px 0;} .productListing.birthlist .nouveau {height:20px; width:auto; font-family:Averta Regular; font-size:12px; color:#FFFFFF; text-align:center; background-color:#f1a196; display:none;line-height:18px; z-index:1;padding: 0 6px;margin : 0 6px 0 0;} .productListing.birthlist .nb_modeles {height:20px; width:auto; font-family:Averta Regular; font-size:12px; color:#444; text-align:center; background-color:#DDD; display:none; line-height:18px; z-index:1;padding: 0 6px;} .productListing.birthlist .messagePurchased {position:relative;top:20px;width:182px;height:68px;border-radius:3px;font:'Averta-Light';font-size:16px;line-height:34px;text-align:center;background-color: #f3f3f3; color: #333333;margin-left:auto;margin-right:auto;} .productListing.birthlist .messagePurchased:hover {background-color: #dbdbdb; } .productListing.birthlist .vignetteActions a{text-decoration: none;} .productListing.birthlist .designation {overflow:hidden; text-decoration:none; font-size:12px; padding: 12px 11px 10px; width:208px; height:26px; line-height:13px; color:#000000!important; font-family:Averta Regular;} .productListing.birthlist .designation a {text-decoration:none;color:#000000!important;} .productListing.birthlist .brandName{color:#666666;display:inline-block;margin-right:0;text-transform: uppercase;font-size: 11px;padding-bottom: 5px;letter-spacing: 0.1em;} .productListing.birthlist .accroche {display:block;overflow:hidden;clear:both;color:#00288c;font-style:italic;font-size:12px;height:2.5em;line-height:2.5em} .productListing.birthlist .note {float:right; display:inline-block; padding-right: 12px;} .productListing.birthlist .note a {font-size:0.9em} .productListing.birthlist .pFocus {position: absolute; top: 3px; right: 3px; height: 46px; width: 46px;} .productListing.birthlist .productdispo {display:block;border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; height:32px;padding-left:11px;} .productListing.birthlist .productdispo a {text-decoration:underline; background-position: left center; height:20px !important; width:190px; display:inline-block;} .productListing.birthlist .productdispo .dFleche {float:right; width:21px; height:20px; background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -25px transparent; margin-top:12px;} .productListing.birthlist .dispo {width:auto;height:11px;} .productListing.birthlist .shopdispo {background-position:0 12px;width:15px;padding:40px 25px 0 0;overflow:visible; position:relative;} .productListing.birthlist .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.birthlist .shopdispo:hover .dispoWrapper {display:block;} .productListing.birthlist .shopdispo .dispoWrapper img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.birthlist .productbuy {display:block;background:#DDEBF4;height:40px;line-height:40px;padding:0 0 0 .5em;} .productListing.birthlist .productbuy.masterProduct {line-height:normal;} .productListing.birthlist .prix {font-size:15px; display:inline-block; margin:2px auto 4px 11px; width:140px; height:17px; position:relative;} .productListing.birthlist .prix sup {font-size:10px;vertical-align:3px;font-weight:normal;} .productListing.birthlist .tax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .productListing.birthlist .price {color:#EC3838;display:block;display:inline-block;} .productListing.birthlist .refPrice {text-decoration:none;color:#666666;display:inline-block;margin-left:5px;background:url(/ab/img/catalogue/prixbarre.svg) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;} .productListing.birthlist .startFromPrice {font-size:10px; color:#EC3838; display:block; position:absolute; top:-12px;} .productListing.birthlist .ajoutPanier {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-repeat: no-repeat; background-position: -175px -55px; background-color: transparent; width:43px; height:43px; border-radius:3px; display:inline-block; padding-left:3px; margin-top:6px; } .productListing.birthlist .ajoutPanier:hover {background-position:-220px -55px; background-color: #e96150;} .productListing.birthlist .ajoutFavoris {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-repeat: no-repeat; background-position: -88px -53px; background-color: transparent; width:43px; height:43px; border-radius:3px; display:inline-block; padding-left:3px; margin-top:6px; } .productListing.birthlist .ajoutFavoris:hover {background-position: -132px -53px; background-color: #E64D74;} .productListing.birthlist .ajoutComparateur {background-image:url("/ab/img/general/header/pictos-sprite.png"); background-repeat: no-repeat; background-position: 0px -53px; background-color: transparent; width:43px; height:43px; border-radius:3px; display:inline-block; margin-top:6px; } .productListing.birthlist .ajoutComparateur:hover {background-position: -45px -53px; background-color: #999999;} .productListing.birthlist .seeProduct {float:right;margin-top:10px;margin-right:10px;} .productListing.birthlist .comparer {margin-top:6px;} .productListing.birthlist .comparer input {vertical-align:middle} .productListing.birthlist .comparer label {visibility:hidden;color:#646464;margin-left:.3em;opacity:0;} .productListing.birthlist .productWrapper:hover label {visibility:visible;opacity:1;} .productListing.birthlist .reduc {position:absolute;top:5px;right:5px;width:46px;height:46px;line-height:46px;font-size:17px;text-align:center; border-radius: 50%; background-color:#EC3838; color: #ffffff;} .productListing.birthlist .reduc.reducFrom {line-height:normal;} .productListing.birthlist .reduc .from {font-size:9px;display:block;line-height:7px;padding-top:8px;font-weight:normal;font-style:normal;} .productListing.birthlist .dispoPopup .dispo {position:relative;left:0;bottom:0;} .productListing.birthlist .newIcon {position:absolute;top:25px;left:15px; 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.birthlist .caract {display:block;position:relative;} .productListing.birthlist .caract .caractWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;left:0px;bottom:153px;width:199px;min-height:58px;padding:5px;font-size:11px;color:#646464;font-style:italic;line-height:1.3em;} .productListing.birthlist .caract .caractWrapper span.content {overflow:hidden;width:199px;} .productListing.birthlist .caract:hover .caractWrapper {display:block} .productListing.birthlist .caract span img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.birthlist .caract .caractWrapper .masterParameters {display:block;margin-top:10px;font-style:normal;} .productListing.birthlist .caract .caractWrapper .masterParameters .title {background-color:#646464;color:#fff;display:block;padding:0 5px;} .productListing.birthlist .caract .caractWrapper .masterParameters .links {padding:0 5px;margin-top:5px;} .productListing.birthlist .caract .caractWrapper .masterParameters .links a {text-decoration:underline;font-weight:bold;} .productListing.birthlist .productWrapper.e3 {margin-right:0}/*Dernier element de la ligne*/ .productListing.topthumbs {margin-bottom: 20px;font-family:"Averta Regular";} .productListing.topthumbs .productWrapper, .productListing.thumbs .groupWrapper {background-color:#F7F7F7; float:left; width:232px;height:340px;position:relative;border:1px solid #dddddd;} .productListing.topthumbs .productWrapper {} .productListing.topthumbs .nouveau {height:20px; width:auto; font-family:Averta Regular; font-size:12px; color:#FFFFFF; text-align:center; background-color:#f1a196; display:none;line-height:18px; z-index:1;padding: 0 6px;margin : 0 6px 0 0;} .productListing.topthumbs .nb_modeles {height:20px; width:auto; font-family:Averta Regular; font-size:12px; color:#444; text-align:center; background-color:#DDD; display:none; line-height:18px; z-index:1;padding: 0 6px;} .productListing.topthumbs .vignette {display:block; width:230px; height:230px; margin:0;} .productListing.topthumbs .vignette img {width:230px; height:230px;position:absolute;} .productListing.topthumbs .vignetteActions {display:none; width:230px; height:230px; margin:0;position:absolute;top:69px;text-align:center; } .productListing.topthumbs .productWrapper:hover {} .productListing.topthumbs .productWrapper:hover .vignetteActions {display:block;} .productListing.topthumbs .productWrapper:hover img {opacity:0.2;} .productListing.topthumbs .productWrapper:hover .reduc {opacity:0.2;} .productListing.topthumbs .productWrapper:hover .nouveau {opacity:0.2;} .productListing.topthumbs .productWrapper:hover .nb_modeles {opacity:0.2;} .productListing.topthumbs .productWrapper:hover .dDetail {display:block;position:absolute;z-index:2500;border:1px solid #dddddd;} .productListing.topthumbs .dDetail {height:auto; width:210px;background-color:#F7F7F7;display:none;padding-left:11px;padding-top:14px;padding-right:11px;color:#666666;font-size:12px;} .productListing.topthumbs .categories_cdf {padding:5px 0px; border-top:1px solid #ffffff; font-style:italic;} .productListing.topthumbs .categories_cdf span {text-transform:uppercase; color:#333333; } .productListing.topthumbs .categories_cdf a {color:#333333; display: block; font-family: Averta-Light; font-size: 11px; line-height: 14px; text-decoration: none;} .productListing.topthumbs .btnFiche {width:142px;height:44px;border-radius:3px;font:'Averta-Light';font-size:16px;line-height:44px;text-align:center;background-color:#39C2B1;color:#FFFFFF;margin-left:auto;margin-right:auto;} .productListing.topthumbs .btnFiche:hover {background-color:#00AC97;} .productListing.topthumbs .vignetteActions a{text-decoration: none;} .productListing.topthumbs .designation {overflow:hidden;text-decoration:none;font-size:12px;margin:14px 11px 10px 11px;width:208px;height:26px;line-height:13px;color:#000000!important;font-family:"Averta Regular";} .productListing.topthumbs .designation a {text-decoration:none;color:#000000!important;} .productListing.topthumbs .brandName{color:#666666;display:inline-block;margin-right:0;text-transform: uppercase;font-size: 11px;padding-bottom: 5px;letter-spacing: 0.1em;} .productListing.topthumbs .accroche {display:block;overflow:hidden;clear:both;color:#00288c;font-style:italic;font-size:12px;height:2.5em;line-height:2.5em} .productListing.topthumbs .note {float:right;display:inline-block;} .productListing.topthumbs .note a {font-size:0.9em} .productListing.topthumbs .pFocus {position:absolute;top:3px;right:3px} .productListing.topthumbs .productdispo {display:block;border-top:1px solid #c8c8c8;height:32px;padding-left:11px;} .productListing.topthumbs .productdispo a {text-decoration:underline;background-position: left center;height:24px !important;width:200px;display:inline-block;} .productListing.topthumbs .productdispo .dFleche {float:right;width:20px;height:20px;background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -25px transparent;margin-top:10px;} .productListing.topthumbs .dispo {width:auto;height:11px;} .productListing.topthumbs .shopdispo {background-position:0 12px;width:15px;padding:40px 25px 0 0;overflow:visible; position:relative;} .productListing.topthumbs .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.topthumbs .shopdispo:hover .dispoWrapper {display:block;} .productListing.topthumbs .shopdispo .dispoWrapper img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.topthumbs .productbuy {display:block;background:#DDEBF4;height:40px;line-height:40px;padding:0 0 0 .5em;} .productListing.topthumbs .productbuy.masterProduct {line-height:normal;} .productListing.topthumbs .prix {font-size:15px;display:inline-block;margin:2px auto 0 11px;width:140px;height:10px; position:relative;} .productListing.topthumbs .prix sup {font-size:10px;vertical-align:3px;font-weight:normal;} .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 {color:#EC3838;display:block;display:inline-block;} .productListing.topthumbs .refPrice {text-decoration:none;color:#666666;display:inline-block;margin-left:5px;background:url(/ab/img/catalogue/prixbarre.svg) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;} .productListing.topthumbs .startFromPrice {font-size:10px; color:#EC3838; display:block; position:absolute; top:-12px;} .productListing.topthumbs .ajoutPanier {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -87px -92px #e96150;width:43px;height:43px;border-radius:3px;display:inline-block;margin-left:3px;margin-top:6px;} .productListing.topthumbs .ajoutPanier:hover {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -87px -92px #e96150;width:43px;height:43px;} .productListing.topthumbs .ajoutFavoris {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -43px -49px transparent;width:43px;height:43px;border-radius:3px;display:inline-block;margin-left:3px;margin-top:6px;} .productListing.topthumbs .ajoutFavoris:hover {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -43px -92px #E64D74;width:43px;height:43px;} .productListing.topthumbs .ajoutComparateur {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -49px transparent;width:43px;height:43px;border-radius:3px;display:inline-block;margin-top:6px;} .productListing.topthumbs .ajoutComparateur:hover {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll 0px -92px #999999;width:43px;height:43px;} .productListing.topthumbs .seeProduct {float:right;margin-top:10px;margin-right:10px;} .productListing.topthumbs .qte {float:right;} .productListing.topthumbs .comparer {margin-top:6px;} .productListing.topthumbs .comparer input {vertical-align:middle} .productListing.topthumbs .comparer label {visibility:hidden;color:#646464;margin-left:.3em;opacity:0;} .productListing.topthumbs .productWrapper:hover label {visibility:visible;opacity:1;} .productListing.topthumbs .reduc {position:absolute;top:5px;right:5px;width:46px;height:46px;line-height:46px;font-size:17px;text-align:center; border-radius: 50%; background-color:#EC3838; color: #ffffff;} .productListing.topthumbs .reduc.reducFrom {line-height:normal;} .productListing.topthumbs .reduc .from {font-size:9px;display:block;line-height:7px;padding-top:8px;font-weight:normal;font-style:normal;} .productListing.topthumbs .dispoPopup .dispo {position:relative;left:0;bottom:0;} .productListing.topthumbs .newIcon {position:absolute;top:25px;left:15px; 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.topthumbs .caract {display:block;position:relative;} .productListing.topthumbs .caract .caractWrapper {background:#f0f0f0;border:3px solid #004696;position:absolute;display:none;left:0px;bottom:153px;width:199px;min-height:58px;padding:5px;font-size:11px;color:#646464;font-style:italic;line-height:1.3em;} .productListing.topthumbs .caract .caractWrapper span.content {overflow:hidden;width:199px;} .productListing.topthumbs .caract:hover .caractWrapper {display:block} .productListing.topthumbs .caract span img {position:absolute;bottom:-11px;left:85px;width:30px;height:11px;} .productListing.topthumbs .caract .caractWrapper .masterParameters {display:block;margin-top:10px;font-style:normal;} .productListing.topthumbs .caract .caractWrapper .masterParameters .title {background-color:#646464;color:#fff;display:block;padding:0 5px;} .productListing.topthumbs .caract .caractWrapper .masterParameters .links {padding:0 5px;margin-top:5px;} .productListing.topthumbs .caract .caractWrapper .masterParameters .links a {text-decoration:underline;font-weight:bold;} .productListing.topthumbs .productWrapper.e3 {margin-right:0}/*Dernier element de la ligne*/ /* type listinglight */ .productListing.listinglight {} .productListing.listinglight .productWrapper, .productListing.listinglight .groupWrapper {border-bottom:1px solid #c8c8c8;position:relative;} .productListing.listinglight .productWrapper.e4 {border-bottom:none} .productListing.listinglight .vignette {float:left;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:10px} .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-spacing:0; border-collapse:collapse} .productListing.poleposition table tr {border-left:1px solid #c8c8c8} .productListing.poleposition tr.e0 { background:#f0f0f0} .productListing.poleposition tr.e1 { background:#fff} .productListing.poleposition th { border-bottom:1px solid #c8c8c8; padding-top:1em; text-align:center;font-weight:normal;text-transform:uppercase;color:#141414} .productListing.poleposition th.left { 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; 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} .productListing.poleposition .rappelEuro {display:block;} /* Comparaison */ .compare.top {position:absolute;width:10px;height:70px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;top:20px;left:15px; display: none;} .compare.top a {position:absolute;left:10px;top:-11px} .compare.bottom {position:absolute;width:10px;height:70px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;bottom:24px;left:15px;} .compare.bottom a {position:absolute;left:10px;bottom:-11px} .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:1px solid #00288C;display:block;position:absolute;left:10px;bottom:28px;padding:5px;font-size:11px;text-transform:none;color:#141414;font-weight:normal;} .compare a.disabled p.compareInfo img{ position: absolute;bottom: -6px;left: 20px; } /**************************************/ /* Header de listing (intermediaire, categorie, marque...) /**************************************/ .catlisting{position: relative;display: flex!important; flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;width: 100%;} #cathead {position: relative;} @media screen and (max-width: 1024px) { #cathead { padding: 0 10px; } } #cathead .titre {margin: 5% auto; display: flex; width: 100%; justify-content: center;} #cathead .titre .name {font-family: Averta-Bold; font-size: 46px; padding-right: 10px; color: #666666; } .worldAlimentation #cathead .titre .name {color: #e96150;} .worldChambre #cathead .titre .name {color: #e96150;} .worldEveilEtJouet #cathead .titre .name {color: #e96150;} .worldLecture #cathead .titre .name {color: #e96150;} .worldPelucheEtDoudou #cathead .titre .name {color: #e96150;} .worldPoussette #cathead .titre .name {color: #e96150;} .worldSecuriteBebe #cathead .titre .name {color: #e96150;} .worldSiegeAuto #cathead .titre .name {color: #e96150;} .worldToilette #cathead .titre .name {color: #e96150;} .worldVetementsLayette #cathead .titre .name {color: #e96150;} .worldBricolage #cathead .titre .name {color: #e96150;} .worldAnimaux #cathead .titre .name {color: #e96150;} .worldLoisirsJeux #cathead .titre .name {color: #e96150;} .worldPuericulture #cathead .titre .name {color: #e96150;} .worldPromotions #cathead .titre .name {color: #e96150;} .worldSoldes #cathead .titre .name {color: #e96150;} @media screen and (max-width: 1024px) { #cathead .titre .name { font-size: 34px; } } @media screen and (max-width: 768px) { #cathead .titre { margin: 8% auto; flex-direction: column; } #cathead .titre .name { font-size: 28px; text-align: center; width: 100%; display: block; } } #cathead .titre .nb_products {font-family: Averta Regular; font-size: 12px; border-radius: 14px; padding: 6px 12px; color: #ffffff; height: 12px; line-height: 12px; background-color: #666666; width: fit-content;} .worldAlimentation #cathead .titre .nb_products {background-color: #e96150; } .worldChambre #cathead .titre .nb_products {background-color: #e96150; } .worldEveilEtJouet #cathead .titre .nb_products {background-color: #e96150; } .worldLecture #cathead .titre .nb_products {background-color: #e96150; } .worldPelucheEtDoudou #cathead .titre .nb_products {background-color: #e96150; } .worldPoussette #cathead .titre .nb_products {background-color: #e96150; } .worldSecuriteBebe #cathead .titre .nb_products {background-color: #e96150; } .worldSiegeAuto #cathead .titre .nb_products {background-color: #e96150; } .worldToilette #cathead .titre .nb_products {background-color: #e96150; } .worldVetementsLayette #cathead .titre .nb_products {background-color: #e96150; } .worldBricolage #cathead .titre .nb_products {background-color: #e96150; } .worldAnimaux #cathead .titre .nb_products {background-color: #e96150; } .worldLoisirsJeux #cathead .titre .nb_products {background-color: #e96150; } .worldPuericulture #cathead .titre .nb_products {background-color: #e96150; } .worldPromotions #cathead .titre .nb_products {background-color: #e96150; } .worldSoldes #cathead .titre .nb_products {background-color: #e96150; } @media screen and (max-width: 768px) { #cathead .titre .nb_products { margin: 20px auto 0; } } .public-catalogue-brandpage .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 60px;} .public-catalogue-brandpage .productListing.thumbs .productWrapper.f3 {margin-right: 0px;} @media screen and (max-width: 1024px) { .public-catalogue-brandpage .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 70px;} .public-catalogue-brandpage .productListing.thumbs .productWrapper.f3, .public-catalogue-brandpage .productListing.thumbs .productWrapper.e3.f3 {margin-right: 0;} .public-catalogue-brandpage .productListing.thumbs .productWrapper.e3 {margin-right: 5%;} } @media screen and (max-width: 768px) { .public-catalogue-brandpage .productListing.thumbs .productWrapper, .public-catalogue-brandpage .productListing.thumbs .productWrapper.f3 {margin-right: 6%;} .public-catalogue-brandpage .productListing.thumbs .productWrapper.e1, .public-catalogue-brandpage .productListing.thumbs .productWrapper.e3 {margin-right: 0;} } #plww {width: 100%; flex: 1 1;} #plwwbirthlist { width: 980px; z-index: 10;} #ctl00_cphMainContent_ucProdListHeader_hblSortOrder {display: none;} @media screen and (max-width: 1024px) { #plww {width: 100%;} .public-catalogue-brandpage .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 24px;} .public-catalogue-brandpage .productListing.thumbs .productWrapper.f3, .public-catalogue-brandpage .productListing.thumbs .productWrapper.e3.f3 {margin-right: 0;} .public-catalogue-brandpage .productListing.thumbs .productWrapper.e3 {margin-right: 5%;} } @media screen and (max-width: 768px) { .public-catalogue-brandpage .productListing.thumbs .productWrapper, .public-catalogue-brandpage .productListing.thumbs .productWrapper.f3 {margin-right: 6%} .public-catalogue-brandpage .productListing.thumbs .productWrapper.e1, .public-catalogue-brandpage .productListing.thumbs .productWrapper.e3 {margin-right: 0px;} } #cathead .info_img_marque {margin-bottom: 20px;} #cathead .img_marque {width: 240px; height: 120px; text-align: center; margin-right: auto; margin-left:auto; vertical-align:middle;} #cathead .img_marque .encartImgMarque { width: 240px; height: 120px; display:table-cell;vertical-align:middle;text-align: center; } #cathead .img_marque img {max-width:240px;max-height:120px;} #cathead .info {display: block; font-family: Averta Regular; font-size: 14px; padding: 14px 0;line-height: 22px;text-align: center; } #cathead .info .txt {overflow: hidden; color: #666666; display:block; } #cathead .info .link {color: #333333; display:block; padding:8px 0;} #cathead .seo_intro { font-family:"Averta Regular";font-size:14px;color:#666666;line-height:22px;text-align: center; cursor: pointer; padding-bottom: 30px;} #cathead .seo_intro span { font-size:11px; color: #333; text-transform: uppercase; font-family:"Averta-Bold";} #cathead .seo_intro:hover span { color: #000; text-decoration: underline; } #seo_extend { padding: 20px 0; font-family: "Averta Regular"; font-size: 14px; color: #666666; line-height: 22px; text-align: justify;} #seo_extend_category { padding: 20px 0; font-family: "Averta Regular"; font-size: 14px; color: #666666; line-height: 22px; text-align: justify;} #cathead .seo_intro p strong, #cathead .seo_intro strong, #seo_extend_category p strong, #seo_extend_category strong, #seo_extend strong, .seo_intro strong {font-family: "Averta Regular";} #cathead .info_img_marque .info .txt p strong {font-family: "Averta Regular";} #cathead .seo_intro p:last-of-type {display: inline; padding-right: 4px;} @media screen and (max-width: 1024px) { #seo_extend {padding: 20px 10px;} #cathead .seo_intro p:last-of-type {display: block; padding-right: 0;max-height: 46px;position: relative;overflow: hidden;} } #cathead .filtres {height: 124px; padding: 5px 0 0 0;} #menu {width: 240px; margin-right: 30px; min-height: 1px; position: -webkit-sticky; position: sticky;top: 100px;} @media screen and (max-width: 1024px) { #menu { width: 100%; margin-right: 0; top: 0px; position: relative; } } .categorie_marque {padding:18px 12px 20px 12px; background-color:#f7f7f7; margin-bottom:20px;} .categorie_marque .titre {padding-bottom: 20px; font-size: 13px; color: #333333; text-transform: uppercase; font-family: Averta Regular; display: block; line-height:13px;} .categorie_marque li {padding: 0 0 11px;} .categorie_marque li a {color: #666666; font-size: 12px; text-decoration: none; font-family: Averta Regular;} .categorie_marque li a:hover {text-decoration: underline; color:#000000;} #categorie_search {margin-bottom: 10px;} #searchhead {position:relative; height:80px;} #searchhead .titre {height: 80px; line-height:70px; position: relative; text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #searchhead .titre .name {font-size: 28px; color: #666666;} #searchhead .titre .name::first-letter{text-transform: uppercase;} #searchhead .titre .nb_products {font-family: Averta Regular; font-size: 12px; border-radius: 10px; padding: 5px 10px 5px 10px; color: #ffffff; height: 12px; line-height: 12px; position: absolute; top: 20px; background-color: #666666; } #searchhead .searchFilters {background-color:#DDEBF4;position:static;} #searchhead #filterBloc {padding:15px 0 10px 10px;} #searchhead #filterBloc #linkedCategories{height:auto;} #linkedCategories2 {height:auto;background-color:#fff;margin-bottom:0px;padding-top:20px;padding-left:30px;padding-right:30px;} .public-catalogue-searchpage .pnlListingProducts {width: 740px; flex: 1 1;} @media screen and (max-width: 1024px) { .public-catalogue-searchpage .pnlListingProducts {width: 100%;} } .public-catalogue-searchpage .suggestProduct .suggestTitle { background: none repeat scroll 0 0 #FFFFFF; bottom: -1px; font-family: Averta Regular,arial; font-size: 18px; padding-right: 0.5em; text-transform: uppercase;padding-bottom:15px} .public-catalogue-categorypage .suggestProduct .suggestTitle {font-weight:bold;font-size:1.2em;background:#dcdcdc;padding:.3em .5em;text-transform:uppercase} .public-catalogue-categorypage .suggestProduct .thlisting {display:none;} .public-catalogue-categorypage .suggestProduct .noProduct {display:block; width:680px; height:120px; background:url(/ab/img/catalogue/critere-aucun-resultat.png) #ffffff no-repeat 30px 0; padding: 0 30px; margin: auto;} .public-catalogue-categorypage .suggestProduct.inactiveProducts {color:#3C3C3C;padding-top:10px;background:#fff;border:1px solid #c8c8c8;padding:10px 15px 15px;margin-bottom:10px;z-index:auto;} .public-catalogue-categorypage .suggestProduct.inactiveProducts .title {background:#fff;font-family:Averta Regular,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 #c8c8c8;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 #c8c8c8;} .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; margin-top:10px;} .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-searchpage .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 60px;} .public-catalogue-searchpage .productListing.thumbs .productWrapper.f3 {margin-right: 0px;} @media screen and (max-width: 1024px) { .public-catalogue-searchpage .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 70px;} .public-catalogue-searchpage .productListing.thumbs .productWrapper.f3, .public-catalogue-searchpage .productListing.thumbs .productWrapper.e3.f3 {margin-right: 0;} .public-catalogue-searchpage .productListing.thumbs .productWrapper.e3 {margin-right: 5%;} } @media screen and (max-width: 768px) { .public-catalogue-searchpage .productListing.thumbs .productWrapper, .public-catalogue-searchpage .productListing.thumbs .productWrapper.f3 {margin-right: 6%;} .public-catalogue-searchpage .productListing.thumbs .productWrapper.e1, .public-catalogue-searchpage .productListing.thumbs .productWrapper.e3 {margin-right: 0;} } .catPub{margin-bottom:10px} #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 {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 {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; margin-top:10px;margin-right:10px; float:right;} #searchhead #Marques {clear:left;position:absolute;bottom:20px;left:10px;width:700px} #searchhead #Marques li {float:left;border:1px solid #c8c8c8;margin:0 5px 0 0;width:135px;text-align:center} #searchhead #Marques li img {width:135px;height:60px} #searchhead .currentSearch { padding:10px; background-color:#FFF;} #searchhead .currentSearch span { color:#00288C} /**************************************/ /* Titres generiques des parties /**************************************/ h2.pListTitle, h3.pListTitle, .pListTitle {font-size:28px; line-height:28px; font-family:Averta-Light; color: #666666;} .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 #dddddd;padding-top:1em} /**************************************/ /* Categorie intermediaire /**************************************/ #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:10px} .intermediatecattop {background:#fff;border:1px solid #c8c8c8;padding:10px;margin-bottom:10px} .intermediatecattop h2, #intermediatecat .productselection h2 {font-family:Averta Regular,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 #c8c8c8;padding:15px 0 0} .intermediatecattop .cattopmenu li {float:left;padding-left:5px;margin-right:5px; position:relative;top:3px} .intermediatecattop .cattopmenu li a {float:left;height:24px;padding:9px 20px 0 20px; } .intermediatecattop .cattopmenu li.on {position:relative;top:4px;z-index:5} .intermediatecattop .cattopmenu li.on a {color:#00288c;font-weight:bold;font-size:14px;} .intermediatecattop .cattopmenu li.first {z-index:5} .intermediatecattop .wrapper {background:#fff;border:1px solid #c8c8c8;width:970px} .intermediatecattop .productListing.topthumbs {height:267px;overflow:hidden;padding:5px 40px 0; } .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;} .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-color:#ffffff;opacity:.6;} .intermediatecattop .guide { border-top:1px solid #C8C8C8;padding:15px 0 0} #intermediatecat .productselection {background:#fff;border:1px solid #c8c8c8;padding:10px;margin-bottom:10px} #intermediatecat .productselection h2 {color:#00288c} #intermediatecat .productselection .desc {border-top:1px solid #c8c8c8;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;} .rkw { display:inline;font-family:'Averta Regular';font-size:11px;color:#3C3C3C;text-decoration:none; } .rkw .rkwItem, .rkw .rkwSeparator { display:inline; } .rkw .rkwTitle {display:inline; } /* Popup comparateur */ #modalPopupClone { display:none} .comparatorAlert {text-align:center} .comparatorAlert span{display:block;padding:30px 20px} .comparatorAlert .button{margin-bottom:10px} #BlocCompare a.btParam.top { height:14px;text-align:center; 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-position:bottom;display:block;position:relative;cursor:pointer;-moz-user-select:-moz-none;-webkit-user-select:none} #BlocCompare a.btParam:hover { background-position:top;} #BlocCompare a.btParam img { vertical-align:2px; } .addedToComparator {display: none;} .PopCompare {max-height:90%; width: 1031px; overflow: auto;} .PopCompare .subtitle {color:#333333; font-size:30px; display: block; padding-bottom: 20px; font-family: Averta-Light; padding: 0 0px 35px 20px;} .PopCompare .notice { font-size:10px; text-align:center; color: #999999; display: block; padding: 30px 0 30px 0;} .PopCompare a.btn {min-width: 0px;} @media screen and (max-width: 1024px) { .PopCompare { width: calc(100% - 20px); } } .ListingCompare {border-spacing: 0px; border-collapse: collapse; border-right:1px solid #dddddd; margin:0 30px;} .ListingCompare td.ProductParameterGroup {height:30px; background-color:#f7f7f7; border-top:1px solid #dddddd; border-left:1px solid #dddddd; padding:0 10px;font-family: Averta-Bold; color: #333333; font-size: 12px;} .ListingCompare td.ProductParameter {height:30px; border-top:1px solid #dddddd; border-left:1px solid #dddddd; padding:0px; width:209px; font-family: Averta Regular; color: #333333; font-size: 12px;} .ListingCompare td.ProductParameter span.lblNameParam {display:inline-block;margin-left:10px;} .ListingCompare_2 td.ProductParameter {width:588px;} .ListingCompare_3 td.ProductParameter {width:398px;} .ListingCompare_4 td.ProductParameter {width:205px;} .ListingCompare td.ProductParameterValues {height:30px; border-top:1px solid #dddddd; border-left:1px solid #dddddd; padding:0 20px; text-align:center; width:150px;} .ListingCompare td.rowOdd {background-color:#f7f7f7;} .ListingCompare td.rowEven {background-color:#ffffff;} .ListingCompare_2 td.col1 {width:588px;} .ListingCompare_3 td.col1 {width:398px;} .ListingCompare_4 td.col1 {width:210px;} #ListingCompare3 td.col1 {border-top:1px solid #dddddd;} @media screen and (max-width: 1024px) { .ListingCompare { margin: 0 10px; width: calc(100% - 20px); } .ListingCompare_2 td.ProductParameter, .ListingCompare_2 td.col1 {width: 50%;} .ListingCompare td.ProductParameterValues {width:25%;} } .divCompareLineProduct2 {padding-top: 1px;} .CompareLineProduct {border-top:1px solid #dddddd; border-left:1px solid #dddddd; padding:20px; width:150px; text-align: center;} .CompareLineProduct .CompareLineProductDelete {height: 13px; width: 13px; display:block; position: absolute; top: -7px; right: -7px; background: url("/ab/img/boutons/btn-suppr.png");} .CompareLineProduct .vignette {display:block; padding-bottom: 12px; position: relative;} .CompareLineProduct .vignette img {width:150px; height:150px;} .CompareLineProduct .designation {height: 42px; overflow: hidden; display:block; font-size:12px; line-height: 12px; font-family: Averta Regular; color: #333333; width:150px; text-align:left;} .CompareLineProduct .designation .marque {margin-right:3px; color: #666666;} .CompareLineProduct .note {display:block; text-align:left;} .CompareLineProduct .btn.vert {margin:0; width:100px;} .CompareLineProduct .btn_modeles_dispo span {font-size:13px;} @media screen and (max-width: 1024px) { .CompareLineProduct { padding: 10px; width: calc(25% - 20px); } .CompareLineProduct .vignette img { width: 100%; height: auto; } .CompareLineProduct .designation {width: 80%; display: inline-block; height: auto;} .CompareLineProduct .btn.vert {width: auto;} } .CompareLineProduct .meilleure_vente {height:18px; width:100px; font-family:Averta Regular; font-size:11px; color:#FFFFFF; text-align:center; text-transform:uppercase; background-color:#39C2B1; display:none; position:absolute; line-height:18px; z-index:1;} .CompareLineAddToCart {border: 1px solid #dddddd; text-align: center; width: 190px;} .CompareLineAddToCart .addedToBasket {left:20px; bottom:30px;} .CompareLineAddToCartEmpty {border-top:1px solid #dddddd;} .CompareLineAddToCart .dispo {display:block; margin: auto;} .CompareLineAddToCart .prix {font-size:14px;color: #ec3838; display: block; padding: 16px 0;} .CompareLineAddToCart .realPrice {} .CompareLineAddToCart .realPriceStrike {color:#666666; background:url("/ab/img/catalogue/prixbarre.svg") no-repeat 0 0 / 100% 100%; margin-left: 5px;} .CompareLineAddToCart .promoPrice {} .CompareLineAddToCart .tax {display: none;} .CompareLineAddToCart .divCompareAjoutPanier {padding: 10px 0; position:relative;} .CompareLineAddToCart .divCompareAjoutPanier a {margin: auto; background: url("/ab/img/catalogue/vignettes-sprite.png") no-repeat -90px -48px; width:43px; height:43px; border-radius:3px; display:block;} .CompareLineAddToCart .divCompareAjoutPanier a:hover {background: url("/ab/img/catalogue/vignettes-sprite.png") no-repeat -90px -91px #e96150; } .CompareLineAddToCart .divCompareAjoutPanier a .tooltipPoint {top:56px; left:90px;} .CompareLineAddToCart .divCompareAjoutPanier a .tooltip {display:none; left:45px; top:60px; position:absolute; text-align:center; width:auto;} .CompareLineAddToCart .divCompareAjoutPanier a:hover .tooltipPoint {display:block;} .CompareLineAddToCart .divCompareAjoutPanier a:hover .tooltip {display: block;} @media screen and (max-width: 1024px) { .CompareLineAddToCart {width: 25%;} } .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; margin:auto} .ProductLine .vignette img {width:150px; height:150px; vertical-align:middle} /* 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} /* Popup dispo */ .dispoPopup .dispo {margin:0 0 10px 0; height:auto;width:auto; background-position: 0 50%;} /* Envoyer a un ami */ .modalPopup .sendfriend input {height:24px;width:190px;} .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} .modalPopup .SendFriend .captcha {margin-top:10px;height:80px;} /* Produits visites */ .productcompare {position:relative} .productcompare .wrapper {background:#fff;border:1px solid #c8c8c8;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:Averta Regular,arial;font-size:18px;text-transform:uppercase} .productcompare ul {border-bottom:1px solid #c8c8c8;float:left} .productcompare div.container {border-top:1px solid #c8c8c8} .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;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} /* Comparateur */ .productcompare .compare.bottom {border-left:0;float:left;margin-top:165px;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;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} /* 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:Averta Regular,arial;text-align:center;font-weight:bold;font-size:1.4em; } .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 #c8c8c8;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; 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; 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;} /* Produits associes */ .relatedProducts .productListing { border-top:1px solid #c8c8c8} .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 #c8c8c8;padding:10px 15px 15px;margin-bottom:10px} .producttops .top {display:block;position:absolute;top:13px;right:16px; 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:Averta Regular,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 #c8c8c8;padding-top:20px} .producttops .listinglight .designation {width:340px} /* Packs produits */ .packproducts {position:relative} .packproducts .wrapper {background:#fff;border:1px solid #c8c8c8;padding:10px;margin-top:10px;} .packproducts .title {background:#fff;position:relative;bottom:-5px;display:inline;padding-right:.5em;font-family:Averta Regular;font-size:18px;text-transform:uppercase} .packproducts .packcontent {border-top:1px solid #c8c8c8} .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;} .packproducts .newpack .elem {float:left;width:50px; padding-left:35px;margin-top:25px} .packproducts .newpack .elemquantite {font-weight:bold;font-size:1.2em;font-style:italic} .packproducts .newpack .elemdelete {float:right;padding-top:5px;width:10px;} .packproducts .newpack .shipping {float:right;width:215px;padding-left:10px} .packproducts .newpack .shipping .panier { height:24px;padding-left:5px;margin-top:10px} .packproducts .newpack .shipping .panier span {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; } .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 #c8c8c8;padding:10px 15px 15px;margin-bottom:10px} .similarproducts .top {display:block; 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 .productListing {border-top:1px solid #c8c8c8} .similarproducts .productListing.topthumbs .productWrapper {margin:3px 18px} .similarproducts .wrapper h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:Averta Regular,arial;font-size:18px;text-transform:uppercase} .similarproducts .wrapper h2 span {display: none;} #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 .logomarque, #productfiche .descriptif .logomarque img {width:180px;display:block} #productfiche .descriptif h2 {color: #57b8a4; font-size: 24px; line-height: 30px; font-family:Averta-Bold; margin-bottom: 5px; } #productfiche .logistique, #productfiche .avertissement {margin:10px 0;background:#ffe6d6} #productfiche .logistique .info, #productfiche .avertissement .info {display:block; 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} #productfiche .logistique .pays { font-weight:bold } #productfiche .logistique .asterisque { display:block;color:#646464;font-size:11px;line-height:2.5em } #productfiche .avertissement .titre { color:#ff8232 } /* Affichage Contenu du Packaging */ #productfiche .package {padding: 40px 36px;background-color: #eaf4f8;margin: 5% 0;border-radius: 20px;} #productfiche .package .titreDesc {height: 36px!important;} #productfiche .package .packagelist {padding-top:10px;} #productfiche .package ul {list-style: disc inside none;} #productfiche .packagelist li {font-size: 18px; line-height: 28px; color: #666666;} #productfiche .packagelist .packagecolumn {float:left;} @media screen and (max-width: 1024px) { #productfiche .package {margin: 5% 0;} #productfiche .packagelist li {font-size: 14px; line-height: 24px;} } /*Raccourcis page produit*/ .shortcutProduct {top: 175px;position:fixed;margin-left:1025px;color:#141414;text-align:center; } .shortcutProduct .shortcutList { width:65px;color:#fff; 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;} .shortcutProduct .shortcutList li.scDesc a { height:30px;line-height:30px;color:#fff;text-decoration:none;} .shortcutProduct .shortcutList li.scFT a { height:43px;line-height:12px;padding-top:17px;color:#fff;text-decoration:none;} .shortcutProduct .shortcutList li.scAvis a { height:30px;line-height:30px;color:#fff;text-decoration:none;} .shortcutProduct .shortcutList li.selected { border-left:3px solid red;border-right:3px solid red; } .shortcutProduct .miniBasket { display:none; width: 65px;margin:15px auto 0 auto; } .shortcutProduct .miniBasket a { display: block;height: 32px;width: 65px; } /* Produits compatibles */ .productcompat {position:relative;} .productcompat .wrapper {background:#fff;border:1px solid #c8c8c8;padding:10px 15px 15px;margin-top:10px} .productcompat h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:Averta Regular,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;} /* Ancres fiche produit */ .productanchors {font-size:10px;border-bottom:1px solid #c8c8c8;text-align:right} .productanchors li {display:inline;text-transform:uppercase;padding:0 5px 0 2px;letter-spacing:-.8px;color:#00288c;border-right:1px solid #c8c8c8} .productanchors li.on a {color:#00288c} .productanchors a {color:#646464} .productanchors a:hover {color:#00288c;text-decoration:none} .productanchors .top {border-right:0; padding-right:11px} /* Presse produit */ .productpress {position:relative} .productpress .wrapper {background:#fff;border:1px solid #c8c8c8;padding:10px 15px 15px;margin:0 0 10px} .productpress .wrapper h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:Averta Regular,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 #c8c8c8;} .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; 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%} /* 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} .intermediatecattop .cattopmenu li {float:left;padding-left:5px;margin-right:5px; position:relative;top:3px} .intermediatecattop .cattopmenu li a {float:left;height:24px;padding:9px 20px 0 20px;} /* marques carousel */ .ulBrand {position: relative;} .ulBrand:hover .fleche_gauche {background:url(/ab/img/general/fleches-vignettes.png) no-repeat 0 0; height: 60px; width: 30px; display:block; position: absolute; top: 10px; left: 0px; cursor: pointer;} .ulBrand:hover .fleche_droite {background:url(/ab/img/general/fleches-vignettes.png) no-repeat -30px 0px; height: 60px; width: 30px; display:block; position:absolute; top: 10px; right: 0px; cursor: pointer;} .ulBrand:hover .fleche_gauche:hover {background:url(/ab/img/general/fleches-vignettes.png) no-repeat 0 -60px;} .ulBrand:hover .fleche_droite:hover {background:url(/ab/img/general/fleches-vignettes.png) no-repeat -30px -60px;} .liBrand {width: 107px; border: 1px solid #FFF; border-radius: 3px; padding: 7px 20px; margin-right: 20px; float: left; min-height: 100px;} .liBrand:hover {border: 1px solid #888888;} .liBrand a {color: #666666;} .liBrand a .imgBrand {max-width: 110px; max-height: 50px; display: block; margin-left: auto; margin-right: auto;} .liBrand a .lblBrand {margin-top:16px; text-align:center; font-size:12px; display:block; width:110px; line-height:14px; color: #666666; height: auto; overflow: hidden;} .liBrand a:hover .lblBrand {color: #333333; text-decoration: none!important;} @media screen and (max-width: 1024px) { .ulBrand .fleche_gauche { background: url(/ab/img/general/fleches-vignettes.png) no-repeat 0 0; height: 60px; width: 30px; display: block; position: absolute; top: 10px; left: 0px; cursor: pointer; } .ulBrand .fleche_droite { background: url(/ab/img/general/fleches-vignettes.png) no-repeat -30px 0px; height: 60px; width: 30px; display: block; position: absolute; top: 10px; right: 0px; cursor: pointer; } } /* Les marques */ .bgNosMarques {} #divMarques {padding-bottom:30px;} #divMarques .pListTitle {padding-top:30px;} #divMarques .caroussel_marques {padding-bottom:30px; padding-top:20px; max-width:1440px; overflow:hidden;} #divMarques .brandsAlpha {height:auto; line-height: 40px; background-color:#f7f7f7; text-align:center;} #divMarques .brandsAlpha ul li {font-size:20px; display:inline; padding-right:18px;} #divMarques .brandsAlpha ul li:last-child {padding-right: 0;} #divMarques .brandsAlpha a {color: #e96150;} #divMarques .brandsAlpha a:hover {text-decoration: none;} #divMarques .brands {padding-bottom: 30px;} #divMarques .brands .colAlpha {padding-top: 30px;} #divMarques .brands {display:block; margin-left:auto; margin-right:auto;} #divMarques .brandName {display:block; color: #e96150; font-size: 36px; font-family: Averta-Light; line-height: 36px; border-bottom: 1px solid #e96150; } #divMarques a.brandName:hover {text-decoration: none;} #divMarques .brands .colAlpha ul {padding: 16px 0 15px;} #divMarques .brands .col {float: left; padding-right: 22px; width: 232px!important;} #divMarques .brands .col:last-child {padding-right: 0;} #divMarques .brands li {line-height: 20px;} #divMarques .brands li img {vertical-align: top;} #divMarques .brands li a {font-size:14px; color: #333333;} #divMarques .brands li a:hover {text-decoration: underline;} /* Page intermediaire de marque */ .IntermediateBrandPage .brandHeader {background-color:#fff;border:1px solid #c8c8c8;border-top:none; margin-bottom: 15px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } .IntermediateBrandPage .brandHeader .brandImg {height:84px; width:190px; padding:10px 0; margin: auto;} .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 .brandHeader .brandDesc .brandLinkSearch .brandPageSearch input {height:26px;line-height:26px;color:#646464;vertical-align:middle; border-radius: 5px; width: 200px; font-size: 13px; margin-left: 10px; margin-right: 6px; } .IntermediateBrandPage .brandHeader .brandDesc .brandLinkSearch .brandPageSearch a {width:40px;padding-top:30px;background:transparent url(/ab/img/general/moteur/ok.png) no-repeat center 0;display:inline-block;vertical-align:top;} .IntermediateBrandPage .brandBanner {margin-bottom:15px;} .IntermediateBrandPage .odr {margin-bottom: 15px;} .IntermediateBrandPage h3 {background:#fff; bottom:-6px; font-family:Averta Regular,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; border: 1px solid #C8C8C8;} .IntermediateBrandPage .brandTopSales .lblBrandTopSales {padding: 7px 5px 0 15px; background:#fff; bottom:-6px; font-family:Averta Regular,arial; font-size:18px; position:relative; text-transform:uppercase; color:#141414; display:inline-block;} .IntermediateBrandPage .divBarre {border-top:1px solid #c8c8c8; 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; border: 1px solid #C8C8C8; 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; 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: Averta-Bold; line-height: 18px; color: #000; text-decoration: underline; overflow: hidden;} #brandCategories2 .brandCategoryListing a .nb_product {color: #009DD3; text-decoration: none;} #brandCategories2 .brandCategoryListing h4 {background:#fff; font-family:Averta Regular,arial; font-size:18px; text-transform:uppercase; color:#141414; display:block;} #brandCategories2 .brandCategoryListing .lastCategory {margin-bottom:10px} #brandCategoriesSeo {background-color:#FFF; border: 1px solid #C8C8C8 } #brandCategoriesSeo h3 {background:#fff; bottom:-6px; font-family:Averta Regular,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; border: 1px solid #C8C8C8 } #brandCategories h3 { background:#fff; bottom:-6px; font-family:Averta Regular,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 #c8c8c8; 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; 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} .brandSearch input {height:20px;line-height:20px;color:#646464;vertical-align:middle} /* Navigation */ .bgNav {background: #fff9e9; padding: 20px 0;} /* FAQ */ .bgFaq .largeur_site {max-width: 1054px; width: inherit!important;} .faq ol {list-style-position:inside;} .faq .faqMenu {float:left; width:27%; margin-right: 3%; padding:0;} .faq .faqMenu ul {display:block;} .faq .faqMenu li {display:block; min-height:22px;} .faq .faqMenu li a {color: #444;display: block; font-size:16px;line-height: 34px;min-height: 36px;transition: color 0.3s;-moz-transition: color 0.3s;-webkit-transition: color 0.3s; -o-transition: color 0.3s;} .faq .faqMenu li a:hover {color: #e96150;text-decoration: none;} .faq .faqMenu h2 {text-transform:uppercase; min-height:26px; color: #e96150; 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 {color:#fff;} .faq .faqMenu li.on a{color:#fff; background: #e96150; border:none} .faq .faqMenu li .level2 li { } .faq .faqMenu li .level2 li span.puce { float: left; line-height: 31px; padding-left: 12px; font-size: 16px;} .faq .faqMenu li .level2 li a { padding: 0 0 0 25px;} .faq .faqMenu .level1 h2 { } .faq .faqContenu {float: left;padding: 20px 0 30px 0;width: 70%;} .faq .faqContenu a {text-decoration:none;} .faq .faqContenu h3 {color: #666666;display: inline-block;font-family: Averta-Light;font-size: 28px;margin-bottom: 20px;margin-top: 10px; bottom: -5px;position: relative; text-transform:none;} .faq .faqContenu h4 {display:none;} .faq .faqContenu .titleWrapper {border-top:1px solid #DCDCDC;padding:20px 0} .faq .faqContenu .login Fail {font-size:11px;} .faq .faqContenu .violet{color:#e96150;font-family: Averta-Bold;} .faq .faqContenu .titre-part-faq {font-size:24px; color:#e96150; font-family: Averta-Bold;margin:0 auto;} .faq .faqContenu #page-faq a{color: #333333;border-bottom: 1px solid #ccc; transition: color 0.3s, border-color 0.3s;} .faq .faqContenu #page-faq a:hover{color: #e96150;border-bottom: 1px solid #e96150;} .faq .faqContenu #page-faq li{list-style: outside none none;padding: 36px 0 14px 0;} .faq .faqContenu #page-faq p{font-size:18px;line-height:1.6em;} .faq .faqContenu #page-faq .topic p{font-size:15px; line-height:22px; margin-top:14px;} .faq .faqContenu .info-alerte{color:#c23950; font-size:14px;line-height:1em;} .faq .faqContenu .info-min{font-size:14px; line-height:1em;} .faq .faqContenu .txt-paragraphe { width:812px;height:auto; display:block; padding:0px 40px 20px 88px; text-align:center;font-size:13px;line-height:19px;color:#666;font-family: 'Averta Regular';} .faq .faqContenu .faqCat {background:#f7f7f7; padding:5px 10px; display:block;} .faq .faqContenu .faqCat .catTitle {display:block; font-family:Averta Regular,arial; text-transform:uppercase;} .faq .faqContenu .faqCat ul li {list-style:decimal none inside; color:#e96150;} .faq .faqContenu .faqCat .on {} .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; color: #e96150;} .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 .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;} .faq .faqContenu .currentSearch span { color:#00288C} .faq .faqContenu #cluster ul, .faq .faqContenu #cluster li { display:inline} .faq .faqContenu .error {background-color: #c23950; border-radius: 3px; color: #ffffff !important; font-family: Averta Regular; font-size: 11px; height: 25px; margin-left:-370px;margin-top:-30px; line-height: 25px; padding-left: 20px; padding-right: 20px; position: absolute; text-align: center;} .faq .faqContenu .error span { background-image: url("/ab/img/general/fleche-bas-rouge.png"); background-repeat: no-repeat; display: block; height: 4px; left: 10px; position: absolute; top: 25px; width: 7px;} .faq .faqContenu .errorField {border:1px solid #c23950;} .faq .faqContenu .dynamicindicator.valid {margin-left:5px;} @media screen and (max-width: 1024px) { .bgFaq .faq .faqMenu { width: calc(100% - 40px); padding: 0 20px; } .faq .faqMenu ul { width: 100%; } .faq .faqMenu ul li.n3416 { display: none; } .faq .faqMenu .level1 h2 { width: 100%; text-align: center; } .faq .faqMenu .level2 ul { display: flex; flex-flow:wrap; justify-content: center; } .faq .faqMenu li a { width: auto!important; padding: 0!important; line-height: 24px!important; min-height: inherit; } .faq .faqMenu li.on a{color:#e96150; background: none; margin-bottom: -2px; border-bottom: 2px solid #e96150;} .faq .faqMenu li.on a:hover;{color:#e96150; border-bottom: 2px solid #e96150;text-decoration: none;} .faq .faqMenu li a:hover {color:#444; background: none; margin-bottom: -2px; border-bottom: 2px solid #DDD; text-decoration: none;} .faq .faqContenu { width: calc(100% - 40px)!important; margin: 0 20px; } .faq .faqMenu li .level2 li {position: relative; margin: 0 12px 18px;} .faq .faqMenu li .level2 li:not(:first-child):before {content: ''; position: absolute;left: -14px; top: calc(50% - 2px);width: 4px;height: 4px; border-radius: 2px; background-color: #d8d8d8;} .faq .faqMenu li .level2 li span.puce {display: none;} .faq .ligne-accueil, .faq .ligne-carre { width: 100%!important; } .faq .ligne-accueil .col6 { width: 48%!important; } .faq .ligne-accueil .col6.gauche { margin-right: 4%!important } .faq .ligne-accueil .topic { width: auto!important; } } @media screen and (max-width: 768px) { .faq .ligne-accueil .col6 { width: 100%!important; margin-top: 15px; } .faq .ligne-accueil .col6.gauche { width: 100%!important; } .faq .ligne-carre { margin-top: 0; } .faq .picto_cercle { margin-left: calc(50% - 40px); } .faq .ligne-accueil .topic { height: auto; } } @media screen and (max-width: 480px) { .faq .faqMenu li a {font-size: 14px!important;} .faq .faqMenu li .level2 li {position: relative; margin: 0 12px 8px;} } /* Faq Recherche */ .faqSearch { background:#EDEDED;padding:8px 8px 8px 8px} .faqSearch .search { height:21px;width:80%; padding-left:26px} .faqSearch a.button { margin:0;margin-left:8px} /* Suggest */ .searchSuggest {z-index:5000;} body.miniHeader .menuSousCat .search .searchSuggest {left:0;} .searchSuggest .suggestList {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 #C8C8C8;} .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 .suggestListItem { cursor:default; padding-left:30px;} .menuSousCat .search .searchSuggest a {background-image:none;width:auto;padding-top:0;} body.miniHeader .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;height:80px;} .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;} .BasketPage {padding: 0;background: #fff9e9;} #pagePanier .LigneProduit .dispo {display:block; margin:auto; background-position:center center; width:132px;} #pagePanier #divPremierePartie .entete {} #pagePanier #divPremierePartie .entete .commander4 { margin-top: 18px; font-size:15px} #pagePanier .titre {font-family:Averta-Bold; font-size:46px; display:flex; height:150px;width:100%; text-align: center;color: #444;align-items: center;justify-content: center;} #pagePanier .basketAction {float:left; height:64px; padding-top:18px; position:relative; display: none;} #pagePanier .basketAction a {float:left; height:43px; width:43px; border:1px solid #dddddd; border-radius:2px; overflow: hidden; margin-right:10px;} #pagePanier .basketAction a:hover {border:1px solid #666666; background-color:#f3f3f3;} #pagePanier .basketAction a {position:relative;overflow:visible;} #pagePanier .basketAction a .legende {display:none;padding-bottom:4px;z-index:10;background:url(/ab/img/panier/fleche-bas-infobulle.png) no-repeat center bottom transparent;top:-39px;position:absolute;} #pagePanier .basketAction a .legende span {background-color:#333333; color:#ffffff; border-radius:3px;padding:5px;display:block;text-align:center;} #pagePanier .basketAction a:hover .legende {display:block;} #pagePanier .basketAction a.saveBasket .legende {left:-44px;} #pagePanier .basketAction a.saveBasket .legende span{width:125px;} #pagePanier .basketAction a.clearBasket .legende {left:-25px;} #pagePanier .basketAction a.clearBasket .legende span{width:86px;} #pagePanier .precedent a.btn, #pagePanier .suivant a.btn {min-width: 260px; font-size: 16px;height: 48px;line-height: 48px;} @media screen and (max-width: 1024px) { #pagePanier #divPremierePartie .entete { height: auto; } #pagePanier .titre { font-size:36px; } } @media screen and (min-width: 769px) { .hideOnDesktop{ display: none !important; } } @media screen and (max-width: 768px) { .hideOnMobile{ display: none !important; } } #pagePanier .divBasketLink { display: inline-block; margin-left: 1em; } #pagePanier .basketLink { color: gray; border-radius: 3px; height: 44px; width: 520px; text-align: center; } #pagePanier .copyLink { display: inline-block; background-image: url(/ab/img/panier/picto-copy.png); background-repeat:no-repeat; background-position:center center; float: right; height: 43px; width: 43px; margin-left: 10px; } #pagePanier .basketAction a.saveBasket { background-image: url(/ab/img/panier/picto-sauvegarde.png); background-repeat:no-repeat; background-position:center center;} #pagePanier .basketAction a.shareBasket { display: none;} #pagePanier .basketAction a.printBasket { display: none; } #pagePanier .basketAction a.clearBasket { background-image: url(/ab/img/panier/picto-poubelle.png); background-repeat:no-repeat; background-position:center center; margin-right: 0; } #pagePanier .basketContent {padding-top:5px;} #pagePanier .numUpDownInput {width:38px; height:40px; text-align:center; color:#666666; border-radius:2px; border:1px solid #dddddd; float:left; margin-left:19px;font-size:16px; } #pagePanier .plus_moins {float:left; margin-left:4px; margin-top: 5px; } #pagePanier a.numUpDown.plus { margin-bottom: 4px; } #pagePanier .numUpDownInput { padding-top: 0;} #pagePanier #divBtCommander .stillPurchase { width:184px;height:24px; display:inline-block;margin-right: 25px;position:relative;} #pagePanier #divBtCommander .stillPurchase.hover { background-position: 0 -24px; } #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: 161px;border: 1px solid #b2bfdd;border-top: none; padding:4px 10px 0px 10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;text-align:left; } #pagePanier #divBtCommander #stillPurchase li { padding:5px 0;display:block; } #pagePanier #divBtCommander #stillPurchase li.sep { border-top:2px solid #fff; } #pagePanier #divBtCommander #stillPurchase a { text-decoration:underline; } #pagePanier #divBtCommander .btn.commander4 {font-size: 15px} #pagePanier .emptyBasket { height:338px; margin-bottom:30px; margin-top:20px; text-align:center;} #pagePanier .emptyBasket .lblEmptyBasket {font-size:30px; line-height:30px; display:block; color:#666666; font-family: Averta Regular; padding-top:39px; padding-bottom:15px;} #pagePanier .emptyBasket .imgEmptyBasket {padding-bottom:40px; display:block; margin:auto;} #pagePanier .trHeader .fidelity .AideFidelite {height:14px; width:14px; display:inline-block; background-image:url(/ab/img/panier/picto-infobulle.png); position:relative; vertical-align:top;} #pagePanier .trHeader .fidelity .AideFidelite .divFidelite {background-color:#444444; color:#ffffff; font-family:Averta Regular; font-size:11px; line-height:16px; padding:10px; position:absolute; top:20px; width:100px; text-transform:initial; text-align:left;z-index:1;} #pagePanier .trHeader .fidelity .AideFidelite:hover .divFidelite {display:block!important;} #pagePanier sup { vertical-align: 0.5em; } #pagePanier .quantity { width: 100px;} #pagePanier .remove { width:36px; } #pagePanier .trHeader {background-color:#F3F3F3; height:34px;} #pagePanier .hdBasket:first-child {padding-left:10px;} #pagePanier .LigneProduit {border-bottom:1px solid #E5E5E5; height:114px; } #pagePanier .LigneProduit td{} #pagePanier td.vignette {padding:20px 24px 20px 10px; width:100px;} #pagePanier td.vignette img {height:100px; width:100px;} #pagePanier .LigneProduit .dgnLongue {padding-right:20px;} #pagePanier .LigneProduit .dgnLongue a { color:#333333;text-decoration:none;font-size:15px; } #pagePanier .LigneProduit .dgnLongue a:hover {text-decoration:underline;} #pagePanier .LigneProduit .dgnLongue a img { padding: 2px 4px; } #pagePanier .LigneProduit .dgnLongue span { font-size: 13px;} #pagePanier .LigneProduit .dgnLongue span.lblMarque {color:#666666;text-transform:uppercase; } #pagePanier .LigneProduit .dgnLongue span.hplProduct {font-size:13px;color:#333333; } #pagePanier .LigneProduit .fidelity {width:114px; padding-right:14px; color:#666666; font-size:13px;} #pagePanier .LigneProduit .availability {width: 184px;} #pagePanier .LigneProduit .availability span {display:block;} #pagePanier .LigneProduit .availability .indicDispoYes, #pagePanier .LigneProduit .availability .indicDispoNo, #pagePanier .LigneProduit .availability .indicDispoOnOrder {font-size:12px;color:#888888;text-transform:uppercase;} #pagePanier .LigneProduit .availability .indicDispoYes:after, #pagePanier .LigneProduit .availability .indicDispoNo:after, #pagePanier .LigneProduit .availability .indicDispoOnOrder:after {content:"\0025CF"; position: absolute; font-size: 20px; margin-left: 4px; margin-top: -2px;} #pagePanier .LigneProduit .availability .indicDispoYes:after {color: #58b9a6;} #pagePanier .LigneProduit .availability .indicDispoNo:after {color: #cdcdcd;} #pagePanier .LigneProduit .availability .indicDispoOnOrder:after {color: #f0d67f;} #pagePanier .LigneProduit .availability .descDispo {font-size:15px;color:black;} #pagePanier .LigneProduit .availability .dispoStockStore {margin-top:1em;} #pagePanier .LigneProduit .price {width:90px; padding-right:14px; text-align:center; color:#666666; font-size:20px;} #pagePanier .LigneProduit .quantity { padding-top:50%; } #pagePanier .LigneProduit .redPrice{color:#EC3838;} #pagePanier .LigneProduit .barrePrice{background:url(/ab/img/catalogue/prixbarre.svg) no-repeat;background-size: 100% 100%;} @media screen and (max-width: 768px) { #pagePanier .LigneProduit .price { padding-right: 0 } #pagePanier .numUpDownInput { margin-left: 0; } #pagePanier .LigneProduit .quantity { padding-left: 0; } #pagePanier .LigneProduit .quantity > div { display: inline-block; } #pagePanier .plus_moins { float: none; } #pagePanier .LigneProduit .quantity, #pagePanier .TotalPrice{ display: none; } #pagePanier .LigneProduit .availability { width: 80px; padding-right: 0; } #pagePanier .LigneProduit .dgnLongue { padding: 20px 20px 20px 0; } } @media screen and (max-width: 480px) { #pagePanier td.vignette { padding: 0} #pagePanier .remove {padding: 0;} } #pagePanier .LigneProduit .inactive .div_inactive {font-family: Averta Regular; font-size:15px; color: #333333; background-color:#f7d0c9; height:50px; line-height:50px; background-image: url("/ab/img/panier/picto-info-rouge.jpg"); background-repeat: no-repeat; padding-left:43px; position:relative;} #pagePanier .LigneProduit .inactive .div_inactive .remove {position:absolute; top:18px; right:9px;} #pagePanier .deliveryServices .info {height:14px; width:14px; display:inline-block; background-image:url(/ab/img/panier/picto-infobulle.png); position:relative; vertical-align:text-top;margin-top:3px; background-repeat: no-repeat; margin: 0 5px;} #pagePanier .deliveryServices .info span {background-color:#444444; color:#ffffff; font-family:Averta Regular; font-size:11px; line-height:16px; padding:10px; position:absolute;z-index:1; top:20px; width:300px; text-transform:initial; text-align:left;display:none;} #pagePanier .deliveryServices .info:hover span {display:block;} #pagePanier .deliveryServices .note {display: block;margin-left:30px;} #pagePanier .LigneProduit.trProductWithServices {border-bottom:0 none;} #pagePanier .LigneProduit.trProductWithServices td.vignette {border-left:1px solid #E5E5E5;vertical-align:top;} #pagePanier .ligneService td {padding:10px;} #pagePanier .ligneService.selected td {background-color: #f3f3f3;} #pagePanier .ligneService td.first {border-left:1px solid #39c2b1;} #pagePanier .ligneService td.last {border-right:1px solid #39c2b1;} #pagePanier .ligneService.top td {border-top:1px solid #39c2b1;} #pagePanier .ligneService.bottom td {border-bottom:1px solid #39c2b1;} #pagePanier .ligneService td.empty {border:0 none;background-color:transparent!important;border-right:1px solid #E5E5E5;} #pagePanier .ligneServiceSeparator {height:10px;border:1px solid #E5E5E5;border-top:0 none;} #pagePanier input[type=radio]:not(old):checked + label {background-position: 0 0;} #pagePanier input[type="radio"]:not(old) + label {display: inline-block;padding-left: 30px;background: url('/ab/img/Account/radio-bouton.png') no-repeat 0 -20px;line-height: 20px;margin-left:-20px;} #pagePanier input[type=radio]:not(old) {width: 20px;padding: 0;opacity: 0;} #pagePanier .matelsomServices .dropDownExtender {display:inline;} #pagePanier .matelsomServices .dropDownExtender input {background: url("/ab/img/general/fleche-champ-deploiement.png") no-repeat scroll 100% 50% #fff;border-radius: 3px;color: #999999;cursor: default;font-family: Averta Regular;font-size: 12px;height: 27px;padding-left: 11px;padding-right: 23px;width: 150px;} #pagePanier .matelsomServices .dropDownExtender .srtFlyout {background-color: #fff;border-color: -moz-use-text-color #000000 #000000;border-radius: 0 0 3px 3px;border-style: none solid solid;border-width: medium 1px 1px;box-shadow: 1px 2px 0 #c4c4c4;cursor: default;height: auto;overflow-y: auto;position: absolute;visibility: hidden;width: 184px;z-index: 10;} #pagePanier .matelsomServices .dropDownExtender .srtFlyout li {font-size: 12px; font-family: Averta Regular; color:#999999; padding-left: 11px; height: 22px; line-height:22px; margin-bottom: 1px; display:block;} #pagePanier .matelsomServices .dropDownExtender .srtFlyout li.highlighted {background-color: #dddddd;} #pagePanier .matelsomServices .dropDownExtender .srtFlyout li.selhighlighted {background-color: #dddddd;} #pagePanier .matelsomServices .dropDownExtender .srtFlyout li.close {display:none;} #pagePanier .quantite{ min-width: 86px } #pagePanier .hdBasket {font-family:Averta Regular; font-size:11px; color:#333333; font-weight:normal;text-transform:uppercase; } #pagePanier .infosPaiementPanier {display:flex;} #pagePanier .logos {display:flex;padding-top: 1em;} #pagePanier .logoPayment {background-color:#f3f3f3;display:flex;align-items:center;text-align:center;width:68px;height:46px;margin-right:2em;} #pagePanier .precedent, #pagePanier .suivant {width:50%;float:left;} #pagePanier .moyensPaiement {width:50%;float:left;} #pagePanier .montantsPanier {width:50%;float:left;} #pagePanier .moyensPaiement, #pagePanier .montantsPanier {margin: 3% 0 2% 0;} #pagePanier .nextStep {display:flex;margin-top:1em;margin-bottom:2em;} #pagePanier .montantsPanier {font-size:1.3em;letter-spacing:0.2px;} #pagePanier .montantsPanier .lblMontant, #pagePanier .montantsPanier .montant {color:#888;} #pagePanier .montantsPanier .economies .lblMontant, #pagePanier .montantsPanier .economies .montant {color: #ec3838!important;} #pagePanier .montantsPanier .total, #pagePanier .montantsPanier .total .montant {color: #444!important;} #pagePanier .tablePrixPanier{ width: 100%; } #pagePanier .tablePrixPanier td { font-size:15px;color:#888; } #pagePanier .zone-texte-mp { font-size:1.3em;letter-spacing:0.2px; color:#444!important;} #pagePanier .tdLogo { height: 46px; width: 100px; padding-right: 2em;} #pagePanier .imgPayment { margin: auto; } #pagePanier .logoPayment:nth-child(1) .imgPayment {width: 58px;} #pagePanier .logoPayment:nth-child(2) .imgPayment {width: 43px;} #pagePanier .logoPayment:nth-child(3) .imgPayment {width: 52px;} #pagePanier .logoPayment:nth-child(4) .imgPayment {width: 46px;} #pagePanier .montant { display:inline-block; float:right; } #pagePanier .sousTotal {padding-bottom:0.8em;} #pagePanier .fdp {display: flex; padding-bottom:0.8em;} #pagePanier .lblFdp {flex:1; display: flex; align-items: center;} #pagePanier .economies {padding-bottom:0.8em;} #pagePanier .calculFdp {display:inline-block;border-radius:20px;padding:7px 20px 7px 20px;background:#f3f3f3;color:#444;font-family:Averta-SemiBold;text-decoration:none;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;-o-transition: all 250ms ease-out;} #pagePanier .calculFdp:hover {background:#DDD;} #pagePanier .total {} #pagePanier .total span { font-family: Averta-Bold; font-size: 24px!important; } #pagePanier .lastTr { height: 100px; } #pagePanier .commander { float:right; } #pagePanier .labelPaiementSecur { margin-right:10px; color: #888;} #pagePanier .lblTotalRappelEuro {display:block; text-align:right;} #pagePanier .lbePanierHT{ text-align:left; text-decoration: underline} #pagePanier .prixUnitaire{ width:70px} #pagePanier .sommeHT {width:70px; text-align:right;} #pagePanier .offreFdpOffert { position:relative; height:90px; width:100%; margin-bottom: 20px; } #pagePanier #offreRelaisColis { display: flex; position:relative; height:70px; width:100%; background: url("/ab/img/panier/livraison-relais.png") 30px 0px no-repeat #e0f5f1; margin-bottom: 20px; } #pagePanier #offreRelaisColis a {display:flex; cursor:pointer; text-align: center;width: 80%; margin: 0 auto;align-items: center;justify-content: center;} #pagePanier #offreRelaisColis a:hover {text-decoration:none;} #pagePanier #offreRelaisColis span { font-size:24px; color:#333333; font-family: Averta Regular;} #pagePanier #offreRelaisColis em { position: absolute; right: 5px; bottom: 2px; font-style: normal; text-decoration: underline; font-size: 10px; } #pagePanier #offreRelaisColis span strong { color: #57b9a5; } @media screen and (max-width: 1024px) { #pagePanier #divMoyensPaiement {width: 100%;padding: 10px 0;display: flex;flex-flow: wrap;justify-content: center;} #pagePanier .modalPopup.estimationFdp { height:auto !important; } #pagePanier .listCountry { margin-bottom:1em; } #pagePanier .modesLivraison { display:block !important; columns:2; margin-top: 1em; } #pagePanier .defaultMode { display: inline-grid !important; margin-top:auto !important; margin-right:auto !important; } #pagePanier .centerBtn { text-align:center; padding-top:2em; } #pagePanier .labelPaiementSecur { display:none;} #pagePanier .nextStep { display:block; } #pagePanier .precedent, #pagePanier .suivant { text-align:center; float: none; width: auto;} #pagePanier .commander { float:none; margin-top: 1em; } #pagePanier #offreRelaisColis span { font-size:20px; } } @media screen and (max-width: 768px) { #pagePanier .quantite, #pagePanier .sommeHT {display: none;} #pagePanier .hdBasket {font-size: 10px;} #pagePanier .montantsPanier {width:100%;margin:5%;} #pagePanier #divPrixPanier {width: 100%;} #pagePanier #divPrixPanier .montant {width: 125px;} #pagePanier .prixUnitaire{ display: none;} #pagePanier .tablePrixPanier{ width: 60%; margin : 0 auto;} #pagePanier #offreRelaisColis span { font-size:16px; } #pagePanier #offreRelaisColis a {width: 60%;} } #pagePanier .advantage {background:url("/ab/img/panier/picto-info.png") no-repeat #ebf9f7 0 0; height:50px; height:50px;line-height:50px; padding-left:50px;padding-right:13px;margin-top:10px;font-family:Averta Regular;color:#666666;font-size:16px;} #pagePanier .advantage .btn {float:right;height:26px;width:105px;min-width:105px;background:url("/ab/img/panier/btn-utiliser.png") no-repeat #ebf9f7 0 0;padding:0;margin-top:10px;} #pagePanier .advantage .amount {color:#39c2b1;} #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-left:700px; text-align:right; width:280px; color:#01288f;font-weight:bold} #pagePanier .minuscule{ text-transform:lowercase} #pagePanier .gras{ font-weight:bold} #pagePanier .basketSales { position:relative; padding: 20px 0 30px;} #pagePanier .divCodePromo .divCodePromoSaisie{height:auto; font-family:Averta Regular; font-size:16px; color:#666666; line-height:44px; display: flex; flex-flow: wrap; justify-content: center;padding: 15px 0;} #pagePanier .divCodePromo .divCodePromoSaisie .inputPromo {height:42px; width:244px; padding-left:10px; margin-left:14px; margin-right:14px; color:#999999; font-size:16px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #pagePanier a.btn.btnAddVoucher {width:140px; padding:0;} #pagePanier .divCodePromo .warning {display:block; height:40px; padding-top:12px; color:#ec1436; font-size:18px; text-align:center; font-family:Averta Regular; } @media screen and (max-width: 1024px) { #pagePanier .divCodePromo .divCodePromoSaisie {height: auto; padding: 0; display: flex; flex-flow: wrap; justify-content: center;padding: 15px 0} #pagePanier .divCodePromo .divCodePromoSaisie > span { width: 100%; padding: 0; text-align: center; display:block; line-height: 24px;} #pagePanier .divCodePromo .divCodePromoSaisie .inputPromo {margin-left: 0; margin-top: 15px;} #pagePanier a.btn.btnAddVoucher {margin-top: 15px} } @media screen and (max-width: 768px) { #pagePanier .basketSales { display: flex; flex-direction: column; justify-content: center; } #pagePanier #divBtCommander {text-align: center; float: none; width: auto;} #pagePanier .basketSales a {width: 250px; margin: 0 auto;} } #pagePanier .divPourUtiliserAvoir {font-size:11px; color:#666666; font-family: Averta Regular; height:40px; line-height:40px; text-align:center;} #pagePanier .divPourUtiliserAvoir a {color:#39c2b1; text-decoration:underline; cursor:pointer;} #pagePanier .alerte_fleche {float:left; width:930px; height: 7px; } #pagePanier #divBtCommander{ /*padding-right:20px;*/ float:right;width:420px;/*padding-top:10px;*/ text-align:right} #pagePanier .UtiliserCredit{ font-size:10px} #pagePanier #divNavRelaisColis{ margin-bottom:15px} #pagePanier #divProduitsConsultes{ border-top:1px solid #444; margin-right:10px; margin-top:15px} #pagePanier .trait{ bottom:-10px; display:inline-block; padding-top:10px; position:relative; padding-right:5px} #pagePanier .Center{ text-align:center} #pagePanier #divBtCommanderHaut { float:right;width:420px; text-align:right} #pagePanier #divBtCommander .secure { display: inline-block; margin: 10px;} #pagePanier #divBtCommanderHaut .secure { display: inline-block; margin: 10px;} #pagePanier .divBtCommanderHaut { float:right;width:420px; text-align:right; display: none;} #pagePanier .divBtCommanderHaut .secure { display: inline-block; margin: 10px;} @media screen and (max-width: 768px) { #pagePanier #divBtCommander {text-align: center; float: none; width: auto; margin-top: 15px;} } #pagePanier #baAnchor { display:none; } #pagePanier .icoPanier { background: url(/ab/img/general/header/pictos-sprite.png) no-repeat -89px 0px; width: 23px; height: 23px; display: inline-block; margin-right: 12px; vertical-align: sub; } #pagePanier .blocParamsContour{width: calc(100% - 4px);min-height: 65px;margin-bottom: 10px;font-family: 'Averta Regular';font-size: 12px;color: #333333;} #pagePanier .paramContainer {text-align: left;height: 100%;display: inline-block;width: 100%;min-height: 65px;vertical-align: middle;border: 2px solid #DDDDDD;border-radius: 2px;margin-bottom: 0.5em;cursor: pointer;} #pagePanier .paramContainer:hover {text-decoration:none;} #pagePanier .variantTable {width: calc(100%);max-width: none;display: flex;align-items: center;flex-flow: wrap;position: relative;} #pagePanier .variantParamName {line-height:15px;font-size: 14px;color: #444444;width: 100%;position: absolute;top: 15px;left: 15px} #pagePanier .variantParam {display: inline-block;padding: 30px 15px 8px 15px; width:calc(100% - 30px) !important;text-align:left; height:27px; min-width:50px;background:#fff url(/ab/img/general/fleche-champ-deploiement-new.png) no-repeat 95% 50%;background-size: 13px; color: #444444; border: none;font-size: 24px; font-family: Averta-Bold;outline: none !important;box-shadow: none;} #pagePanier span.selectedValue {display: block;padding-top: 5px;} #pagePanier .pnlPopupChooseVariant {width:auto;max-width:930px;padding:40px;text-align:left;} #pagePanier .pnlPopupChooseVariant .title {margin-top: 0;margin-left: 0;} #pagePanier .productVariantWrapper{margin-right:18px;margin-top:1em;float:left;position:relative;border:2px solid transparent;cursor:pointer;transition:all 0.3s ease-in-out;mix-blend-mode:darken;} #pagePanier .productVariantWrapper:hover{background-color:#f1f1f1;} #pagePanier .pnlPopupChooseVariant img {width:180px;height:180px;padding:15px 15px 30px 15px;} #pagePanier .variantLink:hover{text-decoration:none;} #pagePanier .productVariantWrapper .variantLink {transition:all 0.3s ease-in-out;mix-blend-mode:darken;} #pagePanier .productVariantWrapper .variantLink:hover {background-color:#f1f1f1;} #pagePanier .variantInfo{text-align:center;display:grid;padding-bottom:1em;} #pagePanier .variantName{font-size:24px;font-weight:bold;color:#444;padding-bottom:30px;} #pagePanier .productVariantSelectedWrapper .variantName {color:#58b9a6;} #pagePanier .variantSelected{background-repeat:no-repeat;background-image:url(/ab/img/Account/check-coin.png);width:40px;height:40px;float:left;position:absolute;margin-left:2px;margin-top:2px;} #pagePanier .productVariantSelectedWrapper{margin-right:20px;margin-top:1em;float:left;position:relative;border:2px solid #58b9a6;cursor:pointer;} #pagePanier .modalPopup.estimationFdp {max-width:690px;} #pagePanier .modalPopup.estimationFdp .title {padding-left: 25px;} #pagePanier div#pnlEstimationFdp {display: block; margin:25px;} #pagePanier span.infosZoneTitle, span.infosModeTitle {font-family:Averta-Bold;font-size:20px!important;margin-bottom:20px;} #pagePanier .selectCountry {margin-top:1em;margin-bottom: 2em;} #pagePanier .selectCountry select{margin-right: 14px;} #pagePanier .selectCountry input{border:0;} #pagePanier .listCountry {float:none;cursor:default;height:44px;line-height:44px;width:300px !important;padding-right:23px;background:#fff url(/ab/img/Account/fleche-champ-deploiement-44px.png) no-repeat 100% 50%;border-radius:3px;color:#666666;font-size: 15px;padding-left:11px;-webkit-appearance:none;} #pagePanier .modesLivraison {display:flex;} #pagePanier .defaultMode {display:grid;width:105px;margin-top:2em;margin-bottom:2em;margin-right:2em;} #pagePanier .logoShipping {min-height:90px;text-align:center;} #pagePanier .defaultImg, #pagePanier .defaultInfo {margin:0 auto;text-align:center;} #pagePanier .defaultInfo {height:40px;font-size:1.1em;padding-top:0.2em;} #pagePanier .estimationPrix {width:fit-content;border-radius:20px;padding:4px 20px 8px 20px;background:#f3f3f3;color:#444;font-family:Averta-Bold;text-align:center;margin:20px auto 0 auto;font-size:16px;} #pagePanier .infoEstimation, #pagePanier .infoPrix {display:block;font-size:15px;line-height:20px;} #pagePanier .infoEstimation {font-family:Averta-Bold;margin-top:1em;} #pagePanier .largeur_site_2 {max-width: 1054px;background-color: #fff;} #pagePanier .productListing.thumbs .productWrapper, .productListing.thumbs .groupWrapper {width: 21.25%;} #pagePanier .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 60px;} #pagePanier .productListing.thumbs .productWrapper.e3 {margin-right: 0px;} @media screen and (max-width: 1024px) { #pagePanier .productListing.thumbs {margin: 0 2%;} #pagePanier .productListing.thumbs .productWrapper {width: 30%; margin: auto; margin-right: 5%; margin-bottom: 70px; height: auto;display: flex; flex-flow: wrap;} #pagePanier .productListing.thumbs .productWrapper.f3, #pagePanier .productListing.thumbs .productWrapper.e3.f3 {margin-right: 0;} #pagePanier .productListing.thumbs .productWrapper.e3 {margin-right: 5%;} } .public-sales-basketpage .modalPopupSendFriend {width:880px!important;} .public-sales-basketpage .modalPopupSendFriend .paragraphe {width:auto!important;margin-bottom:30px;margin-left:0px!important;} .public-sales-basketpage .modalPopupSendFriend .sendfriend {margin-right:30px;margin-left:40px; margin-bottom:40px;} .public-sales-basketpage .modalPopupSendFriend .libelle {font-family:'Averta Regular';font-size:14px;color:#666666;width:370px;} .public-sales-basketpage .modalPopupSendFriend .zoneSaisie {background-color:#f3f3f3;padding:20px;width:330px;height:98px;} .public-sales-basketpage .modalPopupSendFriend .saisie {display:inline-block;margin-bottom:20px;} .public-sales-basketpage .modalPopupSendFriend .saisie.left {margin-right:40px;} .public-sales-basketpage .modalPopupSendFriend .textbox {float:right;} .public-sales-basketpage .modalPopupSendFriend .champSaisie {height:44px;line-height:44px;} .public-sales-basketpage .modalPopupSendFriend .btn {margin-top:20px;} .public-sales-basketpage .modalPopupSendFriend .info{margin-left:30px!important;} .public-sales-basketpage .modalPopupBasketVoucherSelection {width:1004px!important;} .public-sales-basketpage .alertBon {padding:0 40px 40px 40px; clear:both;} .public-sales-basketpage .alertBon .rouge {color:#ec1436;} .public-sales-basketpage .alertBon .gris {color:#666666;} .public-sales-basketpage .alertBon .alertBonTitle {font-size:28px; font-family:Averta-Light; display:block; text-transform:uppercase; padding-bottom:30px; color:#333333;} .public-sales-basketpage .alertBon .alertBonTitleInfo {width:879px; display: block; background-color:#f7d0c9; height:50px; line-height:50px; background-image: url("/ab/img/panier/picto-info-rouge.jpg"); background-repeat: no-repeat; padding-left:43px; font-size:14px;} .public-sales-basketpage .alertBon .alertBonWrapper {padding-top: 20px;} .public-sales-basketpage .alertBon ul {float:left; width: 450px; border-left:1px solid #fff; } .public-sales-basketpage .alertBon ul.nonCumulable {padding-left:22px; } .public-sales-basketpage .alertBon ul li:first-child {font-family: Averta Regular; font-size:14px; text-transform: uppercase; background-color:#39c2b1; color:#ffffff; height:30px; line-height:30px; padding-left:10px; } .public-sales-basketpage .alertBon ul .alertBonItems { margin-top:16px; } .public-sales-basketpage .alertBon ul .alertBonItem { display:block; border-left:1px solid #ec1436; padding-left:15px; font-size:14px; line-height:22px; } .public-sales-basketpage .alertBon ul .basketCost {display:block; text-transform:uppercase; font-family:Averta Regular; font-size:14px; color:#666666; border:1px solid #dddddd; height:30px; line-height:30px; margin-top:16px; padding: 0 5px; position:relative;} .public-sales-basketpage .alertBon ul .totalReducMontant {position:absolute; right:5px;} .public-sales-basketpage .alertBon ul .alertBonAction {padding-top:10px; display:block; text-align:center; height:45px;} .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; text-align:justify;} .public-sales-basketpage .stockalertpopup .StockAlertValidate {text-align:center; padding-top:30px;} .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 .SecureTableGen .calign {text-align:center;} .public-sales-basketpage .stockalertpopup .SecureTableGen .caseQuantite {width:110px;} .public-sales-basketpage .stockalertpopup .stockalertquestion {margin: 15px 0 5px;display:block;} .public-sales-basketpage .stockalertpopup input[type=radio]:not(old){width: 20px; padding: 0; opacity : 0;} .public-sales-basketpage .stockalertpopup input[type="radio"]:not(old) + label{display: inline-block;margin-left:-30px;padding-left:30px;background: url('/ab/img/Account/radio-bouton.png') no-repeat 0 -20px;line-height : 20px;} .public-sales-basketpage .stockalertpopup input[type=radio]:not(old):checked + label{background-position : 0 0;} @media screen and (max-width: 768px) { .public-sales-basketpage .stockalertpopup input[type="radio"]:not(old) + label {height: 20px; width: 100%;} } .public-sales-basketpage .modalPopup {width:860px;} .public-sales-basketpage .modalPopup .titre_popup {color: #333333; display: block; font-family: Averta-Light; font-size: 28px; padding:40px 40px 0;} .public-sales-basketpage .modalPopup .content {padding:40px;} .public-sales-basketpage .modalPopup .content input{color:#666666; font-size:16px; height:41px; margin-right:10px; padding-left:10px; width:244px; border-radius:2px;} .public-sales-basketpage .modalPopup .btn.vert{margin-bottom: 0!important;} @media screen and (max-width: 768px) { .public-sales-basketpage .modalPopup .content input {height: 0} .public-sales-basketpage .modalPopup .content {padding: 25px} .public-sales-basketpage .stockalertpopup .SecureTableGen .caseQuantite {width: 60px;} } .public-sales-basketpage .modalPopupBasketClear {width:660px;} .public-sales-basketpage .modalPopupBasketClear .oui, .public-sales-basketpage .modalPopupBasketClear .non {margin-right:5px; margin-top:10px;} .public-sales-basketpage .modalPopupAddShareBasket .oui, .public-sales-basketpage .modalPopupAddShareBasket .non {margin-right:5px; margin-top:10px;} .public-sales-basketpage .header .rounded{ position:inherit !important} .public-sales-basketpage .divProduits.rounded{ position:inherit !important} #pagePanier .productWrapper{margin:10px 19px 20px 0;} #pagePanier .productWrapper.lastProduct {margin:10px 0px 20px 0;} #pagePanier .divProduits {margin-top: 10px;padding-top:20px;} #pagePanier .divProduits .title {display:block; font-family:Averta-ExtraBold; font-size:14px; color:#444; border-bottom:1px solid #d9d9d9; height:56px; margin-bottom:20px; line-height:56px;text-transform: uppercase;letter-spacing: 0.2em;} #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; } #pagePanier .idCategorie { color:#646464;font-family:Arial;font-size:12px;} #pagePanier .typeBA {color:#ec1436;} #pagePanier .ltDesignation{font-weight:normal; color:#141414;} #pagePanier .TotalPrice {color:#000000; font-size:20px; text-align: center; width: 90px; } #pagePanier .reducBA {border-bottom: 1px solid #E5E5E5; height:90px;} #pagePanier .reducBA .TotalPrice {color:#ec1436;} #pagePanier .tdEspace{ height:5px; background-color:#FFF} #pagePanier .basketactu {margin-bottom:10px;} #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;width:870px;} @media screen and (max-width: 1024px) { .pnlWiewedProduct { width: calc(100% - 20px); } } .divPropositionsArticles .addedToBasket { bottom:85px; left:330px; padding:4px; position:relative;} .pnlWiewedProduct .articleAjoute { display:block; color: #39c2b1; font-size:36px; font-family: Averta-Light; margin:40px; } .pnlWiewedProduct #imageEtTexte {margin: 0 40px; border-bottom: 1px solid #dddddd;} .pnlWiewedProduct #contenuImage {float:left; width:70px; height: 70px; margin:0 0 20px;} .pnlWiewedProduct #contenuImage img {width: 70px; height: 70px;} .pnlWiewedProduct #texteImage {float: left; margin-left: 13px;} .pnlWiewedProduct .marqueProduit {color:#666666; font-size:14px; display:block; float:left; margin-right:3px;} .pnlWiewedProduct .nomProduit {color:#000000; font-size:15px; display:block; float:left;} .pnlWiewedProduct #dQte {float: left;} .pnlWiewedProduct .lblQuantiteProduit {float: left; margin-right:2px; margin-left:0; font-size:14px;} .pnlWiewedProduct .divQuantiteProduit {float:left; margin-right:15px;} .pnlWiewedProduct .prixProduit {float: left; line-height: 27px; font-size: 17px; height: 27px; display: block;} .pnlWiewedProduct .prixRefProduit {float: left; color: #666666; margin-left: 5px; background-image: url("/ab/img/catalogue/prixbarre.svg"); background-repeat:no-repeat; background-position:center center; height: 27px; display: block; line-height: 27px; font-size: 17px;} @media screen and (max-width: 1024px) { .pnlWiewedProduct .articleAjoute { line-height: 42px; margin: 41px 10px 20px 10px;; text-align: center; font-size: 30px; } } @media screen and (max-width: 768px) { .pnlWiewedProduct .divQuantiteProduit {display: flex!important;} .pnlWiewedProduct .prixProduit {display: flex!important;} .pnlWiewedProduct #imageEtTexte { display: flex; flex-flow: wrap; margin: 0 10px; padding-bottom: 25px; } .pnlWiewedProduct #contenuImage { width: 20%; } .pnlWiewedProduct #texteImage { width: 80%; margin-left: 0; } .pnlWiewedProduct .articleAjoute { font-size: 28px; } .pnlWiewedProduct .lblContinueShopping { font-size: 16px; } } @media screen and (max-width: 768px) { .pnlWiewedProduct #imageEtTexte { display: flex; flex-flow: wrap; } .pnlWiewedProduct #contenuImage { margin-right: 15px; } .pnlWiewedProduct #contenuImage img { width: 100%; height: auto; } .pnlWiewedProduct #texteImage { width: calc(80% - 15px); } } /* Operation constructeur dans la popup d'ajout au panier */ .pnlWiewedProduct .opNow {padding:10px 40px 0;} .pnlWiewedProduct .opNow a {float:right;} .pnlWiewedProduct .opNow .now {color:Red; text-transform:uppercase;} .pnlWiewedProduct .pnlProduits {margin: 25px 40px 0;} .pnlWiewedProduct .ProduitsHeader {padding-bottom: 17px; line-height: 18px;} .pnlWiewedProduct .ProduitsHeader .lblProposition {color:#333333; font-size:18px; width: 574px; display: inline-block;} .pnlWiewedProduct .ProduitsHeader .lblPrix {width: 116px; display: inline-block; text-align:center; padding-right: 10px; text-transform:uppercase;} .pnlWiewedProduct .ProduitsHeader .lblQuantite {width:63px; display: inline-block; text-align:center; padding-right:10px; text-transform:uppercase;} .pnlWiewedProduct .prixProduits {float: left; line-height: 70px; text-align: center; width: 116px;} .pnlWiewedProduct .divQuantite {float: left; line-height: 70px; text-align: right; padding-right:2px; width:55px; } .pnlWiewedProduct .articleAjoutePropositions {display:block; color: #32b554; width: 480px; position: absolute; bottom:15px; left: 82px; font-size: 18px; font-family: Averta-Bold;} .pnlWiewedProduct .divImageInformationProduit {float:left; width:574px;} .pnlWiewedProduct .divImageArticles {float:left; width: 70px;} .pnlWiewedProduct .divInformationProduits {float:left; width:484px; padding:10px;} .pnlWiewedProduct .divInformationProduits .marqueProduits {color: #666666;} .pnlWiewedProduct .divImageInformationProduit:hover span{text-decoration:underline;} .pnlWiewedProduct .imgArticles{height: 70px; width: 70px;} .pnlWiewedProduct .divAjoutProduit{ float: left; padding-top: 21px; text-align: center} .pnlWiewedProduct .divPropositionsArticles{background-color:#f3f3f3; height:70px; margin-bottom:1px; padding:2px;} .pnlWiewedProduct .divChoixPopUp {background-color:#e8f7eb; height:70px; position: relative; margin-bottom: 1px; padding: 2px; } .pnlWiewedProduct .numUpDownInput {display: inline-block; height: 28px; width: 36px; background-color: #ffffff; border: 1px solid #dddddd; border-radius:3px; line-height: 25px; text-align: center; color: #666666;} .pnlWiewedProduct .pnlBouton {padding:20px 40px 10px;} .pnlWiewedProduct .pnlBouton .lbPoursuivreAchat {float:left;} .pnlWiewedProduct .pnlBouton .lbVoirPanier {float:right;} @media screen and (max-width: 1024px) { .pnlWiewedProduct .ProduitsHeader {display:flex; flex-flow: wrap; align-items: center;} .pnlWiewedProduct .ProduitsHeader .lblProposition {width: 70%;} .pnlWiewedProduct .ProduitsHeader .lblPrix {width: 20%; padding: 0} .pnlWiewedProduct .ProduitsHeader .lblQuantite {width: 10%; padding: 0} .pnlWiewedProduct .divPropositionsArticles {height: auto;} .pnlWiewedProduct .divImageInformationProduit {width: 70%; display: flex !important; flex-flow: wrap; align-items: center; height: 100%} .pnlWiewedProduct .divImageArticles {width: 20%; display: flex; align-items: center; height: 100%} .pnlWiewedProduct .divInformationProduits {width: calc(80% - 20px); padding: 0 10px;} .pnlWiewedProduct .prixProduits {width: 20%} .pnlWiewedProduct .divQuantite {width: calc(10% - 20px)} .pnlWiewedProduct .articleAjoutePropositions {bottom: 0px; left: 100px;} .pnlWiewedProduct .imgArticles {width: 100%; height: auto; max-width: 70px;} } @media screen and (max-width: 768px) { .pnlWiewedProduct .pnlBouton { display: flex !important; flex-flow: wrap; justify-content: center; } .pnlWiewedProduct .pnlBouton .lbPoursuivreAchat, .pnlWiewedProduct .pnlBouton .lbVoirPanier { width: 68%; margin-bottom: 15px; float: none; } .pnlWiewedProduct .pnlProduits {margin: 10px;} .pnlWiewedProduct .ProduitsHeader .lblProposition {font-size: 12px;} .pnlWiewedProduct .articleAjoutePropositions {display: none} .pnlWiewedProduct .ProduitsHeader .lblPrix, .pnlWiewedProduct .ProduitsHeader .lblQuantite{font-size: 11px} .pnlWiewedProduct .ProduitsHeader .lblProposition, .pnlWiewedProduct .divImageInformationProduit {width: 60%;} .pnlWiewedProduct .ProduitsHeader .lblQuantite {width: 20%} .pnlWiewedProduct .divQuantite {width: calc(20% - 20px)} } .pnlWiewedProduct .pnlCategorie {height: 60px; padding-left:40px; padding-top: 20px; background-color:#f0f6f6;} .pnlWiewedProduct .lblContinueShopping {font-family:Averta-Light; font-size:18px; color:#333333; display:block; padding-bottom:10px;} .pnlWiewedProduct .pnlCategorie a {text-decoration:underline; color:#39c2b1; display:inline-block; font-size:14px; font-family:Averta Regular; padding-right:12px;} @media screen and (max-width: 1024px) { .pnlWiewedProduct .pnlCategorie { height: auto; padding: 25px 10px; text-align: center; } } /********************************************************/ .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 {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 {padding-bottom: 30px;} .article span.topTitle {display:block; font-family:Averta-Light; height:59px; line-height:59px; font-size:28px;} .article .summaryTitle {color:#8e8e8e; font-size:1.1em; font-family:Averta-Bold;} .article .listing .titre {display:inline; text-transform:uppercase; font-size: 1.1em; font-family: Averta-Bold;} .article .listing .titre a {color: #000;} .article a.selected {font-weight:bold; text-decoration:none} .topGuide {background: #f7f7f7; height: 200px; border: 1px solid #dddddd; position: relative;} .topGuide .zoneHome {width:565px; float:left; cursor:pointer;} .topGuide #btImgContainer {position:absolute; bottom:0; left:0;} .topGuide .selectTop {background: #f1ece8; height: 20px; opacity: 0.8; padding-bottom: 5px; padding-left: 15px; padding-top: 5px; position: absolute; width: 550px;} .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:#000;font-family: Averta Regular;text-transform:uppercase;font-size:15px; width:430px; overflow:hidden; text-align: left;} .topGuide .selectTop a.btImg {background: #fff; color: #000000; font-family: Averta-Bold; margin-right: 10px; width: 20px;line-height:20px;} .topGuide .selectTop a.btImg.selected { background:#e96150; color: #ffffff;} .topGuide .topVisited {float:left;padding:10px 10px 10px 20px;width:397px;height:180px;} .topGuide .topVisited .title {font-family:Averta-Bold; text-transform:uppercase; font-size:18px; color: #e96150;} .topGuide .topVisited ul {padding-top:10px;padding-left:15px;} .topGuide .topVisited li {color: #e96150; font-family: Averta-Bold; list-style-type: disc; text-transform: uppercase;} .topGuide .topVisited li a {color: #000; text-decoration: none;} .topGuide .topVisited li.sstitle {color: #000; font-style: italic; font-family: Averta Regular; list-style-type: none; text-transform: none;} .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; color:#000;} .guideFocus .guideContent .catGuide .listingCat a.selected {text-decoration:none;} .guideFocus .guideContent .catGuide .listingCat li {background:url("/ab/img/guides/fleche.png") no-repeat left center; display:inline; padding-left:15px; padding-right:10px;} .guideContent .guideContentTitre {display: block; font-family: Averta-Light; font-size: 20px; padding-bottom: 5px; text-transform: uppercase;} .guideContent .listing li {float:none; width:auto;padding:10px; margin-bottom:15px; list-style:none;} .guideContent .listing li.typeGuide {background: #f7f7f7;} .guideContent .listing li a {color:#000;} .guideContent .listing .desc {padding-top: 5px;} .guideContent .listing .sstitre {padding-left: 5px;} .guideContent .listing .titleGuide {float:left; padding-left: 10px; width:678px; text-align: justify;} .guideContent .listing .titleGuide span {display:block;} .guideContent .listing .titleGuide a {color: #8e8e8e; text-decoration: underline;} .guideContent .listing .iGuide {float:left; width:286px;} .guideContent .listing .date {color:#8e8e8e; padding-left: 5px;} .article .headerGuideFocus .resume .summary {background-color:#f1ece8; padding:10px; margin-top: 15px;} .article .headerGuideFocus .resume .summaryTitle {display:block;} .article .headerGuideFocus .resume .summary ul {width:200px; padding-top:10px; float:left;} .article .headerGuideFocus .resume .summary li {background: url("/ab/img/guides/fleche.png") no-repeat left center; padding-left: 15px; line-height:1em;} .article .headerGuideFocus .resume .summary li a {text-decoration:none; color:#000;} .article .headerGuideFocus .resume .summary li a:hover {text-decoration:underline;} .article .headerGuideFocus .resume .imgGuideFocus {float:left; width:270px} .article .headerGuideFocus .resume .guideFocusChapeau {float:left; width:704px;padding-left:20px; text-align: justify;} .article .headerGuideFocus .resume span {display:block; color:#8e8e8e;} .article .headerGuideFocus .resume a {text-decoration:underline;} .article .guide h2 {display: inline; font-family: Averta-Light; font-size: 18px; position: relative; text-transform: uppercase;} .article .guide .articleContent h2 {bottom:0;} .article .guide .articleContent h3 {font-size:1.1em;font-weight:bold;} .article .guide .articleContent ul { list-style-type:disc;margin-left:40px; } .article .productListing.listinglight .fiche { bottom:0; } .article .articleContent {display:block;padding-top:20px;padding-bottom:30px;} .article .articleContent table {width:100%} .article .articleContent .productListing.listinglight .productWrapper.e4 {border-bottom:1px solid #c8c8c8;} .article .articleContent a {color:#000; text-decoration:underline;} @media screen and (max-width: 1024px) { .guideFocus { width: calc(100% - 40px); margin: 0 20px; } .topGuide { display: flex!important; flex-flow: wrap; height: auto; } .topGuide a { width: 50%; overflow: hidden; position: relative; } .topGuide .zoneHome { width: auto!important; height: 100%!important; position: absolute; left: 50%; transform: translateX(-50%); } .topGuide .selectTop { width: calc(50% - 5px); padding-left: 5px; } .topGuide .topVisited { width: calc(50% - 20px); padding: 10px; } .topGuide .selectTop a.topGuideItem { width: auto; font-size: 12px; } .topGuide .selectTop a.btImg { margin-right: 5px; } .article .headerGuideFocus .resume .imgGuideFocus { width: 30%; height: auto; } .article .headerGuideFocus .resume .guideFocusChapeau { width: calc(70% - 20px) ; } .article .headerGuideFocus .resume { margin-top: 25px; } .article .headerGuideFocus ~ .guide .articleContent table img { width: 300px; } } @media screen and (max-width: 768px) { .topGuide a { width: 100%; height: 180px; } .topGuide .selectTop { width: 100%; } .topGuide .zoneHome { height: auto!important; width: 100%!important; } .topGuide .topVisited { width: 100%; height: auto; } .topGuide #btImgContainer { top: 150px; } .guideContent .listing .titleGuide { width: 100%; padding-right: 10px; padding-left: 0; } .article .headerGuideFocus ~ .guide .articleContent table img { width: 200px; } } @media screen and (max-width: 480px) { .topGuide .zoneHome { width: auto !important; height: 100% !important; } .article .headerGuideFocus .resume .imgGuideFocus { width: 100%; } .article .headerGuideFocus .resume .guideFocusChapeau { width: 100%; padding: 0; } .article .headerGuideFocus ~ .guide .articleContent table tr { display:flex; flex-flow: wrap; flex-direction: column; } .article .headerGuideFocus ~ .guide .articleContent table img { width: auto; max-height: 180px; margin: 0 auto; display: block; } .guideContent .listing .iGuide { width: 100%; } } /********************************************************/ /* Page generique de destination des mails */ .bgInformationPage {background: #fff9e9; padding: 20px 0;} .genericMessage {padding: 20px 30px;} .genericMessage .wrapper-message {padding-top:20px;} .genericMessage .wrapper {padding-top:20px; font-size: 14px;} /* Operations constructeur */ .opPage {background: #fff9e9; padding: 20px 0;} .opConstructeur .titreOpConstructeur {min-height: 50px; padding-top: 9px; position: relative; text-transform:uppercase;} .opConstructeur .titreOpConstructeur .titre {font-family:Averta-Light; font-size:28px; line-height:28px; padding-right:10px; display:block; color:#666666; text-transform:none; float:left; max-width:890px; text-align:justify;} .opConstructeur .titreOpConstructeur .nbOpConstructeur, .opConstructeur .titreOpConstructeur .nbOpProduct {display:block; float:left; background-color: #666666; border-radius: 10px; color: #ffffff; font-family: Averta Regular; font-size: 12px; height: 12px; line-height: 12px; padding: 5px 10px; margin-top:3px;} .opConstructeur .opContent {padding:10px 0 30px 0;} .opConstructeur .opContent li {float:left; width:488px; padding:0px 0px 20px 0px; height:120px; border-bottom:1px solid #dddddd; margin: 20px 0 0;} .opConstructeur .opContent li.op1 {margin-right:18px;} .opConstructeur .opContent li a {text-decoration:none;} .opConstructeur .opContent li .divOp {float:left;width:348px;} .opConstructeur .opContent li .divDescriptionOp {padding-top:8px; height:50px; overflow:hidden;} .opConstructeur .opContent li .titreOp {text-transform:uppercase; color:#000000; font-family:Averta-Bold; font-size:14px; display:block;} .opConstructeur .opContent li .descriptionOp {color:#333333; font-family:Averta Regular; font-size:14px; line-height:16px; display:block;} .opConstructeur .opContent li .dateFinOp {color:#666666; font-family:Averta Regular; font-size:12px; text-transform:uppercase; display:block; padding:6px 0px 10px 22px; background-image:url("/ab/img/odr/picto-horaire.png"); background-repeat:no-repeat; background-position:0px 6px;} .opConstructeur .opContent li img {float:left; width:120px; height:120px; padding-right:20px;} .opConstructeur .opContent li .boutonOp {border: 1px solid #000000; border-radius:3px; padding: 2px 5px; color:#000000; opacity:0.6; text-transform:uppercase; float:left; display:block;} .opConstructeur .opContent li .boutonOp:hover {opacity:1;} .opConstructeur .opContent li .boutonOpDetails {margin-right:10px;} .opPageProduits {} .opConstructeur .descriptionOpConstructeur {color:#333333; font-family:Averta Regular; font-size:14px; line-height:16px; display:block; padding-bottom:20px;} .opConstructeur .dateFinOpConstructeur {color:#666666; font-family:Averta Regular; font-size:12px; text-transform:uppercase; display:block; padding:6px 0px 10px 22px; background-image:url("/ab/img/odr/picto-horaire.png"); background-repeat:no-repeat; background-position:0px 6px;} /* Operations constructeur control (nav, catégorie intermédiaire, page produit) */ .odr { margin-bottom: 10px; } .odr .rounded { z-index:0; } /* offres remboursement version 2017*/ .opConstructeur-new .titreOpConstructeur {min-height: 50px; padding-top: 9px; position: relative; text-transform:uppercase;} .opConstructeur-new .titreOpConstructeur .titre {font-family:Averta-Light; font-size:28px; line-height:28px; padding-right:10px; display:block; color:#666666; text-transform:none; float:left; max-width:890px; text-align:justify;} .opConstructeur-new .titreOpConstructeur .nbOpConstructeur, .opConstructeur .titreOpConstructeur .nbOpProduct {display:block; float:left; background-color: #666666; border-radius: 10px; color: #ffffff; font-family: Averta Regular; font-size: 12px; height: 12px; line-height: 12px; padding: 5px 10px; margin-top:3px;} .opConstructeur-new {width: 994px; } .opConstructeur-new .opContent li { border: 1px solid #dddddd; float: left; height: auto; list-style:none; margin: 0 0 30px; padding: 0; position:relative; width: 478px; } .opConstructeur-new .opContent li:nth-child(2n+1) { margin-right:30px; } .ODR{ background: #fff none repeat scroll 0 0; clear: left; position: relative; overflow:hidden; } .opConstructeur-new .opContent li .imgOp { float: left; margin:0; outline: 0 none; padding:0; z-index:1; height:180px;} .opConstructeur-new .opContent li .divOp { float: left; width: 446px; height:auto; margin:0; line-height: normal; padding: 12px 16px; } .opConstructeur-new .opContent li .titreOp { color: #3c3c3c; display: block; font-family: Averta Regular; font-size: 24px; height: 82px; padding-bottom: 12px; text-transform:none; overflow: hidden;} .opConstructeur-new .opContent li .dateFinOp { background-image: url("/ab/img/odr/ico-calendrier-odr.png"); background-position: 0 6px; background-repeat: no-repeat; color: #666666; font-family: Averta Regular; font-size: 12px; padding: 8px 0 4px 24px; text-transform:uppercase; } .opConstructeur-new .opContent li .dateFinOpBold { color: #666666; margin-left:4px; font-family: Averta Regular; font-size: 12px; text-transform:uppercase; font-weight:bold;} .zonemasque { background-color:#000000; box-sizing: border-box; height: 100%; line-height:340px; left: 0; width: 100%; opacity:0; overflow: hidden; position: absolute; text-align:center; top:0; transition: all 250ms ease-in-out 0s; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; z-index:20;} .opConstructeur-new .opContent li:hover .zonemasque { opacity:0.85;} .zonemasque .lien-odr { margin:auto; padding:0; height:140px; width:280px; text-align:center; vertical-align:middle; display:block;} .zonemasque .bouton-odr{font-size:16px; color:#DDDDDD; line-height:30px; padding:12px; height:auto; width:auto; position:relative; margin:0 0 10px; text-decoration:none; display:block; transition: all 250ms ease-in-out 0s; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s;} .zonemasque .bouton-odr:hover{color:#FFFFFF;text-decoration: none;} .zonemasque .bouton-odr.bordure{border:1px solid #FFFFFF;} .zonemasque .bouton-odr.bordure:hover{ color:#000000; background-color: #FFFFFF;} /* Operation constructeur home */ .homeOpe { padding:10px 15px; width: 280px;background:#EBEBEB; } .homeOpe h2 {padding:0px 0px 5px;} .homeOpe h2 a {text-decoration: none;} .homeOpe .imgOpe { border: 2px solid #CE2129; display:block; float:left; width:85px; } .homeOpe .infosOpe { float:left;width:179px;padding-left:10px; } .homeOpe .infosOpe span { display:block;height:49px;overflow:hidden; } .homeOpe .infosOpe a { display:block;text-decoration:underline; } .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-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px} .secure-sales-commandstep4page #divEtape2{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px} .secure-sales-commandstep4page #divEtape3{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:48.5%; top:9px} .secure-sales-commandstep4page #divEtape4{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:68.5%; top:9px; background-position:0 50%} .secure-sales-commandstep4page #divEtape5{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:88%; top:9px; background-position:0 100%} .secure-sales-commandstep5page #divEtape1{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px} .secure-sales-commandstep5page #divEtape2{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px} .secure-sales-commandstep5page #divEtape3{ background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:48.5%; top:9px} .secure-sales-commandstep5page #divEtape4{background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:68.5%; top:9px} .secure-sales-commandstep5page #divEtape5{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:Averta Regular; color:#002A8B; left: 11px; padding-top: 5px; position: absolute} #divEtape3 span { padding-top: 5px; font-size:14px; font-weight:bold; font-family:Averta Regular; color:#002A8B; left: 11px; position: absolute} #divEtape4 span { padding-top: 5px; font-size:14px; font-weight:bold; font-family:Averta Regular; color:#002A8B; left: 11px; position: absolute} #divEtape5 span { padding-top: 5px; font-size:14px; font-weight:bold; font-family:Averta Regular; 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;} .pnlPopupAdresseAdd .divTitreAjouterAdresse{ width:520px; color:#02288d; font-size:18px; float:left; margin-top:10px; margin-bottom:10px; font-weight:bold; font-family:Averta Regular} .pnlPopupAdresseAdd .test{ display:block} .pnlPopupLostLogin .divTitreLostLogin{color: #333333; display: block; font-family: Averta-Light; font-size: 28px; padding: 40px 40px 0;} .pnlPopupLostLogin .contentPopupLostLogin {padding: 40px;} .pnlPopupLostLogin .explain {display:block; padding-bottom: 15px;} .pnlPopupLostLogin .champFormulaire {margin: 0!important;} .pnlPopupLostLogin .btn {margin-bottom: 0!important; margin-top:27px!important;} .pnlPopupLostLogin .pictureValidator { 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 .advert{ display:block} .pnlPopupLostLogin .dynamicvalidator {font-size:1em;} .pnlPopupLostLogin .mailerror {display:block;color:#ff0000;} .waitingLostMdp { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background-color:#ffffff;opacity:.6 } .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:Averta Regular} .pnlShareBasket .bskImport {display:none;padding-top:20px;text-align:center; } .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:Averta Regular} .dynamicindicator {display:inline-block; vertical-align:middle; margin:0 4px 6px 0;height:24px; width:24px;visibility:visible} .dynamicindicator.hide {visibility:hidden} .dynamicindicator.required {background-image:none;} .dynamicindicator.valid {background-image:url(/ab/img/Account/bulle-validation.png);} .dynamicindicator.error {background-image:none;} .dynamicvalidator {font-size:0.9em; line-height:32px;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 {margin: 40px auto;} #landing .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 60px;} #landing .productListing.thumbs .productWrapper.f3 {margin-right: 0px;} @media screen and (max-width: 1024px) { #landing .productListing.thumbs .productWrapper {margin: auto;margin-right: 5%;margin-bottom: 70px;} #landing .productListing.thumbs .productWrapper.f3, #landing .productListing.thumbs .productWrapper.e3.f3 {margin-right: 0;} #landing .productListing.thumbs .productWrapper.e3 {margin-right: 5%;} } @media screen and (max-width: 768px) { #landing .productListing.thumbs .productWrapper, #landing .productListing.thumbs .productWrapper.f3 {margin-right: 6%;} #landing .productListing.thumbs .productWrapper.e1, #landing .productListing.thumbs .productWrapper.e3 {margin-right: 0;} } /* Sitemap Categories */ .bgSitemapCategory {padding: 0;} .SitemapCategory {position:relative;padding: 50px 40px;} .SitemapCategory .presentation {margin-bottom:50px;} .SitemapCategory .presentation .titre_presentation {display:block; text-align:center;} .SitemapCategoryCol {float:left; padding:6px; width:32%;} .SitemapCategory a {color: #444;} .SitemapCategory .catMenuTitle a {color: #444;} .SitemapCategory .catMenuTitle {font-size: 1.2em; font-family: Averta-Bold; padding: 5px 4px; } .SitemapCategory .catn2 {font-size: 1.2em; display:block; float:left; padding-right: 5px;} .SitemapCategory .catn3 {font-size: 1.1em; display:block; float:left; padding-right: 5px;} .SitemapCategory .catn4 {font-size: 1em; display:block; float:left; padding-right: 5px;} .SitemapCategory .catn5 {font-size: 0.9em; display:block; float:left; padding-right: 5px;} .SitemapCategory .catn6 {font-size: 0.8em; display:block; float:left; padding-right: 5px;} .SitemapCategory li img {vertical-align:middle; cursor:pointer;} .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: Averta Regular, arial;text-transform: uppercase;bottom: -5px; } .public-newsletterpage .newsPage .newsPageWrapper { border-top: 1px solid #C8C8C8;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: Averta Regular,arial;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase } .lost-login .pwdOutOfDate { display:inline-block;padding-top:20px; } .genericWaitingLoader { height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background-color:#ffffff;opacity:.6} .blue {color:#002A89; } /************************************ partenaire ******************************************************/ body.partnerContest { background-image:none; } body.partnerContest .logo { background-image:none;height:77px; } body.partnerContest #header { padding-bottom: 15px; } body.partnerContest .contentLoginPartner { padding-bottom:210px; } body.partnerContest .partnerLogin { background: #fff; border: 1px solid #c8c8c8; 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; } .partnerBgHeader { height: 79px;width: 100%;position: absolute;margin-top: 20px; } body.partnerContest .miniEncart#compte .miniEncartContent:hover em, body.partnerContest .miniEncart#compte.focused .miniEncartContent em, body.partnerContest .miniEncart#compte .miniEncartContent div.wrapper div.rounded_br { background-color:#fff; } body.partnerContest .disconnectWrapper {position:relative;width:100%;} body.partnerContest .disconnectWrapper .disconnect {position:absolute;right:0;top:-62px;z-index:99;} .partnerContest #topMenu { background:#656565; } .partnerContest #topMenu ul li#groupe { display:none; } .partnerContest #topMenu ul li#boutiques { display:none; } .partnerContest .catinfos { display:none; } .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 #C8C8C8; margin-bottom:10px; } .partnerContest .partnerCat { position: relative; z-index: auto; background: #fff; border: 1px solid #c8c8c8; padding: 5px 15px 5px 15px; margin: 10px 0; } .partnerContest .partnerCat li { float:left;margin-right:20px; } .partnerContest .partnerCat li .selected {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 .vignette { border-right: 1px solid #000;padding-top:52px; } /*Finalisation commande*/ .partnerContest .thanks { display:none !important; } .partnerContest #pagePanier #divBtCommander .stillPurchase.hover { background-position: 0 0; } /************************************ /partenaire ******************************************************/ .cguComment {text-decoration:underline;} .cguComment:hover {text-decoration:none;font-family:Averta Regular;color:#333333;font-size:13px;} .pnlAddCommentNotAllowed .title{font-family:Averta-Light;font-size:28px;color:#333333;text-transform:none;margin-bottom:36px; } /* code promo liste */ .code-promo-list {background: #fff; padding: 10px 20px 30px; border: 1px solid #C8C8C8;} .code-promo-list .seo {text-align: justify; font-size: 11px; line-height: 1.2em; padding-bottom: 9px;} .code-promo-list .lblTitreListe {position: relative; bottom: -5px; font-family: Averta Regular; text-transform: uppercase; font-size: 20px; padding-right: 0.5em; display: inline; background: #FFFFFF;} .code-promo-list ul {border-top: 1px solid #C8C8C8;} .code-promo-list .bloc_code_promo {width: 460px; height: 106px; float:left; margin-top: 30px;} .code-promo-list .bloc_code_promo_2 {margin-right: 30px;} .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 .txt {float: left; width: 259px; padding-right: 5px; font-family: Arial; padding-top: 7px;} .code-promo-list .lblMotifAttribution {font-weight: bold; font-size: 15px; color: #000000; line-height: 19px; display: block; max-height: 40px; overflow:hidden;} .code-promo-list .lblAvecLeCodePromoLDLC {line-height: 19px; font-size: 13px;} .code-promo-list .lblCode {color: #ec0000; line-height: 19px; font-size: 13px;} .code-promo-list .lblDateFin {color: #717171; font-size: 11px; display: block;} .code-promo-list .hplDetailsConditions {display: block; text-decoration: underline; font-size: 11px;} /* code promo page */ .code-promo-page {background: #fff; padding: 30px 20px; border: 1px solid #C8C8C8;} .code-promo-page .bloc_code_promo {width: 945px; height: 135px;} .code-promo-page .lblMontantOuTaux {display: block; width: 145px; padding: 40px 80px 0 30px; 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 .lblMotifAttribution {font-weight: bold; font-size: 20px; color: #000000; line-height: 25px; display: block;} .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 .lblDateFin {color: #717171; font-size: 11px; display: block; } .code-promo-page .hplProducts {text-decoration: underline; } .code-promo-page .gcu {text-align: justify; font-size: 11px; line-height: 1.2em; padding: 15px 15px 15px 0; display: block;} .code-promo-page table {border: 1px solid #C8C8C8; color: #646464; margin-bottom: 30px; font-size: 11px; font-family: Arial;} .code-promo-page table tr {border: 1px solid #C8C8C8;} .code-promo-page table tr td {padding: 5px;} .code-promo-page table .info {color: #141414;} .code-promo-page table .reduction_random {text-transform: capitalize;} .code-promo-page .lblTitreLinks {position: relative; bottom: -5px; font-family: Averta Regular; text-transform: uppercase; font-size: 20px; padding-right: 0.5em; display: inline; background: #FFFFFF;} .code-promo-page .trait {border-top: 1px solid #C8C8C8;} .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;} .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;} .accountLogout .buttonLogout {top:0px; } .accountLogout .Logout { color:#e96150;text-transform:uppercase;font-family:Averta Regular; line-height:20px; } .accountLogout .Logout:hover { color:#e96150;text-transform:uppercase;text-decoration:underline; } .accountLogout {float:right;color:#e96150;margin-right:30px;top:-30px;position:relative; } @media screen and (max-width: 768px) { .accountLogout {margin-right: 10px} .accountLogout .Logout span {display: none} } /* champs form*/ .formulaireShareBasket input, .formulaire option{ color: #666666; font-size: 16px;} .formulaireShareBasket .required{color:#39C2B2;margin-left:3px;font-size:18px;} .formulaireShareBasket .color {display:inline;color:#39C2B2;margin-left:3px;} .formulaireShareBasket .lib{height:20px; width:230px; display:inline-block; font-family:Averta Regular; font-size:18px; color: #666666;} .formulaireShareBasket .tb{width:340px;border-radius:3px;height:44px;} .formulaireShareBasket .champFormulaire{margin-bottom:10px;} .formulaireShareBasket .champValide{background-image:url(/ab/img/Account/bulle-validation.png);width:24px;height:24px;display:inline-block;vertical-align:middle;margin-left:10px;} .formulaireShareBasket .hidden{display:none!important;} .formulaireShareBasket .champFormulaire .widthPasswordField {width:130px;margin-right:10px;} .formulaireShareBasket .validField {border:1px solid #39C2B1;} .formulaireShareBasket .errorField {border:1px solid #c23950;} .formulaireShareBasket .hideField {border:1px solid blue;} .formulaireShareBasket .libRequiredField {width:680px;text-align:center;} .libRequiredFieldAccount {text-align:center; padding-bottom: 10px;} @media screen and (max-width: 1024px) { .formulaireShareBasket .tb{max-width: 80%;} .formulaireShareBasket .champFormulaire{margin-top: 25px; } } .libRequiredField .required {color:#39C2B2;margin-left:3px;font-size:18px;} .formulaireShareBasket .partPro{height:60px;width:754px;font-size:20px;color:#FFFFFF;background-color:#39C2B2;margin-left:-80px!important;margin-top:-30px;text-align:center;line-height:60px;} .formulaireShareBasket input.disabled {background-color:#F9F9F9;color:#999999;} .formulaireShareBasket .valeur {font-family:Averta Regular; font-size:18px; color: #666666;} .formulaireShareBasket .valeur.disabled {color:#999999;} .formulaireShareBasket input[type=radio]:not(old){width: 20px; margin: 20px; padding: 0; opacity : 0;} .formulaireShareBasket input[type="radio"]:not(old) + label{display: inline-block;margin-left:-30px;padding-left:30px;background : url('/ab/img/Account/radio-bouton.png') no-repeat 0 -20px;line-height : 20px;} .formulaireShareBasket input[type=radio]:not(old):checked + label{background-position : 0 0;} .formulaireShareBasket .titlePartFormAccount {font-family:Averta-Bold; font-size:18px; color:#666666; display:inline-block; margin-top:20px; margin-bottom:15px;} .formulaireShareBasket .btn {margin-top:30px;margin-bottom:50px;} .formulaireShareBasket .sortZone{float:none;display:inline-block;} .formulaireShareBasket .sortZone input{float:none;margin-right:5px;} .formulaireShareBasket .sortType{display:inline-block;} .formulaireShareBasket .info {background-color:#c23950; padding-left:20px;padding-right:20px; height:25px; color: #ffffff!important; border-radius: 3px; font-size: 11px; font-family: Averta Regular; line-height: 25px; position: absolute; margin-left: -379px; margin-top: -30px;text-align:center;} .formulaireShareBasket .info span {background-image: url(/ab/img/general/fleche-bas-rouge.png); background-repeat: no-repeat; position: absolute; left: 10px; top: 25px; width: 7px; height: 4px; display: block;} /* fin champs form */ .miniHeader #results__dfclassic{position:fixed!important;top:93px!important;} .df-classic {font-family: 'Averta Regular'!important;} /*#df-results__dfclassic{left:50%!important;margin-left:-437px!important;}*/ #df-results__dfclassic a,#doofinder a:hover{text-decoration:none!important;} /*#df-results__dfclassic .product{padding-top:16px!important;}*/ #df-results__dfclassic .df-card__title{margin:0 0 10px 0;} #df-results__dfclassic div.nouveau {background-color: #39C2B1;color: #FFFFFF;font-family: Averta Regular;font-size: 11px;height: 18px;line-height: 18px;position: static;text-align: center;text-transform: uppercase;width: 70px;z-index: 1;display:block;margin-top:-18px;margin-left:auto;margin-right:auto;} #df-results__dfclassic div.coindesaffaires {background-color: #feeef1;color: #FFFFFF;font-family: Averta Regular;font-size: 11px;height: 18px;line-height: 18px;position: static;text-align: center;text-transform: uppercase;width: 130px;z-index: 1;display:block;margin-top:-18px;margin-left:auto;margin-right:auto;} #df-results__dfclassic div.promo {background-color: #ec3838;color:#FFFFFF;font-family: Averta Regular;font-size: 11px;height: 18px;line-height: 18px;position: static;text-align: center;text-transform: uppercase;width: 80px;z-index: 1;display:block;margin-top:-18px;margin-left:auto;margin-right:auto;} #df-results__dfclassic div.cadeau {background-color: #501690;color:#FFFFFF;font-family: Averta Regular;font-size: 11px;height: 18px;line-height: 18px;position: static;text-align: center;text-transform: uppercase;width: 90px;z-index: 1;display:block;margin-top:-18px;margin-left:auto;margin-right:auto;} #df-results__dfclassic .cadeau span,#doofinder .promo span,#doofinder .nouveau span, #doofinder .livStand span{color:#ffffff;} #df-results__dfclassic .price{font-weight:bold;} #df-results__dfclassic .dPrice{height:18px;} #df-results__dfclassic .basket{text-align:center;} #df-results__dfclassic span.prixBarre{color:#000;font-weight:bold;text-decoration:line-through;font-size:90%;margin-right:10px;} #df-results__dfclassic span.prixPromo, #doofinder span.prixPromo sup{color:#d4002c;font-weight:bold;} #df-results__dfclassic h1 {display:block;} #df-results__dfclassic sup{font-size:0.6em!important;vertical-align:0.4em!important;} #df-results__dfclassic div.livStand {background-color: #58b9a6;color:#FFFFFF;font-family: Averta Regular;font-size: 11px;height: 18px;line-height: 18px;position: static;text-align: center;text-transform: uppercase;width: 126px;z-index: 1;display:block;margin-top:-18px;margin-left:auto;margin-right:auto; border-radius: 2px;} #df-results__dfclassic .emptyNote{height:13px;} #df-results__dfclassic .emptyStock{height:5px;text-align:center;} #df-results__dfclassic .productTitle{text-align:center!important;height:36px;overflow:hidden;} #df-results__dfclassic .df-card{text-align: center!important;} #df-results__dfclassic li.special{min-height:40px!important;height:40px!important;padding-top:0!important;} #df-results__dfclassic li.cat{background-color:#f5f5f5!important;} #df-results__dfclassic li.cat:hover{background-color:#e5e5e5!important;} #df-results__dfclassic .special .emptyNote{height:0px!important;} #df-results__dfclassic .special .emptyStock{height:0px!important;} #df-results__dfclassic .special .dPrice{height:0px!important;} #df-results__dfclassic .special .productTitle{height:auto!important;} #df-results__dfclassic .special .container{display:flex;align-items:center;justify-content:center;height:40px;} li.product.special.last {background-color:#ff0000!important;display:block!important;} li.product.special.last2 {background-color:#ff0000!important;display:block!important;float:right!important;margin-right:200px!important;} #df-results__dfclassic li.brand{background-color:#e5e5e5!important;} #df-results__dfclassic li.brand:hover{background-color:#f5f5f5!important;} #df-results__dfclassic a.ajoutPanier {background:url("/ab/img/catalogue/vignettes-sprite.png") no-repeat scroll -87px -49px transparent;width:43px;height:43px;display:inline-block;border-radius:3px;margin-left:3px;} .cTxtSearch {width:320px;} a.anchor{display: block; position: relative; top: -95px; visibility: hidden;} /* Popup choix des pays */ .countryChoice {width:645px;height:310px;text-align:center;background:url(/ab/img/general/layers/pays/bg-localisation.jpg) no-repeat 0 0;} .countryChoice .title { display: block; font-family: Averta-Bold; font-size: 18px; text-transform: none; color: #141414; margin: 20px; } .countryChoice .countryChoiceLogo{margin-top:15px;margin-left:180px;background:url(/ab/img/general/header/header-sprite.png) no-repeat scroll 0 -75px;padding:65px 0px 0px 0px} .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(/ab/img/general/layers/pays/ico-france.png) no-repeat center top;} .countryChoice .libe {background:url(/ab/img/general/layers/pays/ico-belgique.png) no-repeat center top;} .countryChoice .lich {background:url(/ab/img/general/layers/pays/ico-suisse.png) no-repeat center top;} .countryChoice .lilu {background:url(/ab/img/general/layers/pays/ico-luxembourg.png) no-repeat center top;} .countryChoice .linkCountryChoice { font-size:14px;} /* Bandeau recommandation CNIL pour les cookies */ #tc_privacy {background: rgb(124, 128, 128); left: 0px; width: 100%; bottom: 0px; position: fixed; z-index: 1002;padding: 1%;} #tc_privacy_container_text{ display: inline-block; width:60%; vertical-align:middle; } #tc_privacy_text{color: rgb(255, 255, 255); font-size: 14px;} #tc_privacy_container_button{display:inline-block;margin-left: 2%;} #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;} .CookieChoicePopup input.btn, #tc_privacy input.btn{border-radius: 60px;} .CookieChoicePopup input, #tc_privacy input{border:none;} #ctl00_lbSaveCookiesChoices{margin:auto; display: block;} /* POPIN CHOIX COOKIES */ .CookieChoicePopup {width: 730px;margin: auto;} .CookieChoicePopup #divCookieChoicePopup {margin: 40px;} .CookieChoicePopup .cookie-choice {width: 47%;display: inline-block;margin: 20px 0px 0px;vertical-align: top;} .CookieChoicePopup .cookie-choice:nth-child(odd) {margin-left: 3%;} .CookieChoicePopup .cookie-choice h3 {text-transform: capitalize;font-size: 15px;color: #444;margin: 0;} .CookieChoicePopup .cookie-choice p {color: #888;margin-top: 10px;font-size: 13px;} .CookieChoicePopup .cookie-choice span {text-transform: capitalize;float: right;color: #58b9a6;} .CookieChoicePopup .more-info {text-align: center;margin: 2em 0;} .CookieChoicePopup #divCookieChoicePopup a.btn { margin: auto;width: 168px;display: block;margin-top: 15px;} .CookieChoicePopup .dontOverrideLink {margin-bottom: auto !important;} #divCookieChoicePopup .cookie-choice input[type="checkbox"]{display: block !important;} .btnCookies{display: inline-block;} #btnCookiesAllAccept{margin-right:10px;} #btnCookiesNotAccept{margin-right:10px;} #btnCookiesChoices{background-color:#fff;color:#444!important;} #btnCookiesChoices:hover{background-color:#eee;} @media screen and (max-width: 1240px) { #tc_privacy_container_text{width:100%;text-align: center;display:block;} #tc_privacy_container_button{width:100%; margin: 2% auto 0;display:block;} } @media screen and (max-width: 1024px) { .CookieChoicePopup #divCookieChoicePopup {margin: 25px;} } @media screen and (max-width: 768px) { #tc_privacy {padding: 3%;} #tc_privacy_container_text{} #tc_privacy_text{font-size: 12px;} #tc_privacy_container_button{} .CookieChoicePopup input.btn, #tc_privacy input.btn{font-size:13px;min-width: inherit;} .CookieChoicePopup input, #tc_privacy input{} } @media screen and (max-width: 640px) { .CookieChoicePopup input.btn, #tc_privacy input.btn{padding: 0 16px;height: 32px;line-height: 32px;margin-bottom: 10px;} } .birthList h1 {width:100%;height:20px;margin-bottom:0px;padding:0;} .birthList input , .birthList textarea {height:44px;padding-left: 11px;padding-right: 23px;width: 400px;} .birthList textarea {height:100px;} .birthList textarea.tb{border-radius:3px;margin:0px 0px 0px 0px;padding:17px;font-family: Averta Regular,arial,geneva,helvetica,sans-serif;color: #000;background-color: #fff;border: 1px solid #cccccc;padding:10px 23px 10px 11px;font-size:14px;} .birthList .inputBirthList {} .birthList .lib {width:180px;display:block;margin-bottom:20px;} .birthList .libTextArea {width:180px;margin:0;padding:0;} .birthList .divTxtBirthList {margin: 0 auto!important;width: 50%;} .birthList .birthListDescAction {display:block;margin-bottom:20px;} .birthList .dropDownExtender {height:44px;margin: auto;} .birthList .dropDownExtender input {background: url("/ab/img/general/fleche-champ-deploiement.png") no-repeat scroll 100% 50% #fff;border-radius: 3px;color: #999999;cursor: default;font-family: Averta Regular;font-size: 16px;height:40px;padding-left: 20px;padding-right: 23px;width: calc(100% - 43px);} .birthList .dropDownExtender .srtFlyout {background-color: #fff;border-color: -moz-use-text-color #000000 #000000;border-radius: 0 0 3px 3px;border-style: none solid solid;border-width: medium 1px 1px;box-shadow: 1px 2px 0 #c4c4c4;cursor: default;height: auto;overflow-y: auto;position: absolute;visibility: hidden;width: 300px;z-index: 10;} .birthList .dropDownExtender .srtFlyout li {font-size: 16px; font-family: Averta Regular; color:#888; padding-left: 20px; height: 40px; line-height:40px; margin-bottom: 1px; display:block;} .birthList .dropDownExtender .srtFlyout li.highlighted {background-color: #eee;} .birthList .dropDownExtender .srtFlyout li.selhighlighted {background-color: #eee;} .birthList .dropDownExtender .srtFlyout li.close {display:none;} .birthList .message{margin:0 24px;} .birthList .errorMessage { color:#ec3838; } .birthlistWaiting { background:#B2BEDC url(/ab/img/ajax-loader.gif) no-repeat 50% 60%; border-radius: 3px; font-family: Averta-Light; font-size: 16px; text-align: center; min-width: 152px; padding: 0 24px; text-decoration: none !important; height: 44px; line-height: 44px; display: inline-block; cursor: default; } .disabledCreateListButton, .disabledCreateListButton span { display: none; } .birthList .reseaux_sociaux {float:right;font-family:'Averta Regular';color:#666666;padding:0;margin:0;line-height:40px;vertical-align:top;} .birthList .reseaux_sociaux_bouton {padding:0;margin:0;margin-right:5px;} .birthList .addthis_toolbox{display:inline-block;vertical-align:-5px;} /*Boutons réseaux sociaux*/ .birthList .btnSocial{display:inline-block;} .birthList .btnFB{margin-left:280px;float:left;width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-f.png) #BBBBBB;} .birthList .btnFB:hover{background-color:#3B5998;} .birthList .btnTW{float:left;width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-t.png) #BBBBBB;} .birthList .btnTW:hover{background-color:#00ACEE;} .birthList .btnG{float:left;width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-g.png) #BBBBBB;} .birthList .btnG:hover{background-color:#D74937;} .birthList .btnP{float:left;width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-p.png) #BBBBBB;} .birthList .btnP:hover{background-color:#CD1D1F;} .birthList .btnM{float:left;width:20px;height:20px;border-radius:2px;background:url(/ab/img/fiche-produit/partage-M.png) #BBBBBB;cursor:pointer;} .birthList .btnM:hover{background-color:#39C2B1;} .bgBirthList {} .formpasslist {text-align:center;position:relative;} .formpasslist2, .formpasslist3 {position:relative;} .formpasslist .info {background-color:#c23950; padding-left:20px;padding-right:20px; height:25px;top:-3px;color: #ffffff!important; border-radius: 3px; font-size: 11px; font-family: Averta Regular; line-height: 25px; position: absolute;text-align:center;left:190px;} .formpasslist .info span {background-image: url(/ab/img/general/fleche-bas-rouge.png); background-repeat: no-repeat; position: absolute; width: 7px; height: 4px; display: block;} .formpasslist .tb, .formpasslist2 .tb, .formpasslist3 .tb{margin-top:26px;margin-bottom:24px;width:256px;border-radius:3px;height:44px;margin-right:10px;font-family:Averta-Light;padding-left:10px;color: #666666; font-size: 16px;} .formpasslist2 .info {background-color:#c23950; height:25px;top:-2px;left:165px;color: #ffffff!important; border-radius: 3px; font-size: 11px; font-family: Averta Regular; line-height: 25px; position: absolute;text-align:center;padding-left:10px;padding-right:10px;} .formpasslist2 .info span, .formpasslist3 .info span {background-image: url(/ab/img/general/fleche-bas-rouge.png); background-repeat: no-repeat; position: absolute; width: 7px; height: 4px; display: block;top:24px;left:20px;} .formpasslist3 .info {background-color:#c23950; height:25px;top:-2px;left:165px;color: #ffffff!important; border-radius: 3px; font-size: 11px; font-family: Averta Regular; line-height: 25px; position: absolute;text-align:center;padding-left:10px;padding-right:10px;} .birthListHomeHeader { background:#fff url(/ab/img/liste-de-naissance/header-page-ldn.jpg) no-repeat 100% 100%;width:1054px;height:276px;margin:0;padding:0;} .birthListCreationTitle {font-family:Averta Regular;font-size:36px;color:#444;text-align:center;padding-top:50px;display:block;height: 60px;} .birthListCreateSubtitle {border-bottom:1px solid #e97676;color:#e97676;font-family:Averta-Light;font-size:28px;height:35px;vertical-align:top;display:block;width:100%;margin-top:50px;} @media screen and (max-width: 768px) { .birthList .divTxtBirthList {width: 100%;margin-left: 0!important} } @media screen and (max-width: 480px) { .birthListCreationTitle { font-size:24px; line-height: 36px; } } .modalPopup.changeProduct #blocprixcontour, .modalPopup.viewProduct #blocprixcontour{width:382px;height:240px;} .modalPopup.changeProduct #blocprixcontour .blocprix, .modalPopup.viewProduct #blocprixcontour .blocprix {margin:0;padding:0;} .modalPopup.changeProduct .content, .modalPopup.viewProduct .content {margin:30px 40px 40px 40px;padding:0;} .modalPopup.changeProduct #blocOptionsContour, .modalPopup.viewProduct #blocOptionsContou{border:1px solid #DDDDDD;width:382px; min-height:47px;line-height:47px;margin-bottom:10px;font-family:'Averta Regular';font-size:15px;color:#333333;} .modalPopup.changeProduct #blocOptionsContour .blocOptionsPoint, .modalPopup.viewProduct #blocOptionsContour .blocOptionsPoint{background-image:url(/ab/img/fiche-produit/fleche-bas-bloc-option.png);width:11px;height:6px;position:absolute;margin-left:185px;} .modalPopup.changeProduct .content input, .modalPopup.viewProduct .content input {height:27px;font-size:12px;} @media screen and (max-width: 1024px) { .modalPopup.changeProduct .content, .modalPopup.viewProduct .content { margin: 0; padding: 20px 0 } .modalPopup.changeProduct .content > div, .modalPopup.viewProduct .content div { float: none!important; } .modalPopup.changeProduct #blocprixcontour, .modalPopup.viewProduct #blocprixcontour{display: block; margin: 0 auto;} } @media screen and (max-width: 480px) { .modalPopup.changeProduct #blocprixcontour, .modalPopup.viewProduct #blocprixcontour { width: 100%; } .modalPopup.changeProduct #blocprixcontour .prix, .modalPopup.viewProduct #blocprixcontour .prix {width: calc(100% - 30px)!important;margin: 10px 15px!important;} .modalPopup.changeProduct .panier, .modalPopup.viewProduct .panier { width: calc(100% - 48px)!important;} } .ParamValuesType{display:inline-block;vertical-align:middle;margin-left:5px;} .ParamValuesType input {cursor:default;text-align:left; height:27px; min-width:50px; background:#fff url(/ab/img/general/fleche-champ-deploiement.png) no-repeat 100% 50%; color: #999999; border-radius: 3px; font-size: 12px; font-family: Averta Regular;padding:0;margin:0; padding-left: 5px;} .ParamValuesFlyout {display:inline-block;text-align:left;border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: none; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; background-color:#fff;z-index:10;visibility:hidden;position:absolute;cursor:default;overflow-y:auto; box-shadow: 1px 2px 0 #c4c4c4;} .ParamValuesFlyout li {margin:0;padding:0;text-align:left;font-size: 12px;min-width:80px; font-family: Averta Regular; color:#999999; padding-left: 11px; height: 22px; line-height:22px; margin-bottom: 1px; display:block;} .ParamValuesFlyout li input {opacity:0; margin:0;padding:0;height:0;min-width:80px;} ul.ParamValuesFlyout li.item {min-width:80px;text-align:left;margin:0px;padding:0px; padding-left: 5px;} .ParamValuesFlyout .selected {min-width:80px;text-align:left;margin:0;padding:0; padding-left: 5px;} .ParamValuesFlyout .highlighted {background-color: #dddddd;min-width:80px;text-align:left;margin:0;padding:0; padding-left: 5px;} .ParamValuesFlyout .selhighlighted {background-color: #dddddd;min-width:80px;text-align:left;margin:0;padding:0; padding-left: 5px;} .ParamValuesFlyout .close {display: none;} .variantParamName { line-height:15px;} .variantTable { min-width: 120px; max-width:150px; display: inline-block; margin-right: 34px; min-height: 47px; max-height:47px; vertical-align: middle; } .variantContainer { text-align: center; margin: 0px auto; width: 378px; display: table; vertical-align: middle; } #pagePanier .modalPopup.changeProduct h1, .modalPopup.viewProduct h1{display:block;width:362px;min-height:85px;font-family:'Averta-Light';margin-top:0;padding-top:0;font-size:24px;text-align:left;color:#000000;margin-left:0;padding-left:0;} #pagePanier .modalPopup.changeProduct h1, .modalPopup.viewProduct h1 { display: inline-block; width: 360px; } .modalPopup.changeProduct h1 .marque, .modalPopup.viewProduct .marque{color:#888888;} .modalPopup.changeProduct .content img.currentphoto, .modalPopup.viewProduct .content img.currentphoto {} @media screen and (max-width: 1024px) { .modalPopup.changeProduct .content img.currentphoto, .modalPopup.viewProduct .content img.currentphoto {display: block;margin: 0 auto} #pagePanier .modalPopup.changeProduct h1, .modalPopup.viewProduct h1 {width: 100%;text-align: center;margin: 20px 0;min-height: inherit} } @media screen and (max-width: 480px) { .modalPopup.changeProduct .content img.currentphoto, .modalPopup.viewProduct .content img.currentphoto {width: 100%} } .modalPopup.viewProduct .titreDesc{border-bottom:1px solid #DDDDDD;height:35px;vertical-align:top;font-family:'Averta-Light';font-size:28px;color:#666666;} #viewproduct .guillemet{color:#DDDDDD;display:inline-block;} #viewproduct .descriptif {font-family:Averta Regular; font-size:14px; line-height:18px; color:#555555; text-align:justify; padding: 15px 0 10px; display: block;} #viewproduct {position:relative} #viewproduct .wrapper {background:#fff;border:1px solid #c8c8c8;margin-top:10px;} #viewproduct .descwrapper {padding:30px 0px 0px 0px; margin-top:10px;} #viewproduct .occasion {text-align:justify;padding:20px 0 0;display:block;} #viewproduct .occasion span {font-weight:bold;font-size:1.2em;} #viewfichetech{padding:30px 0px 40px 0px;} #viewfichetech {position:relative} #viewfichetech .wrapper {background:#fff;border:1px solid #c8c8c8;padding:10px 15px 15px;margin:10px 0;} #viewfichetech h2 {background:#fff;position:relative;bottom:-1px;float:left;padding-right:.5em;font-family:Averta-Light,arial;font-size:28px;} #viewfichetech h2 span {display:none} #viewfichetech .select_critere {padding-left: 255px; padding-top: 10px;} #viewfichetech .texte_critere {background: #DDEBF4; border: 1px solid #00288C; width: 143px; padding: 3px;} #viewfichetech .fleche_critere {} #viewproductParametersList {width:100%;border-spacing: 0px;border-collapse: collapse; } #viewproductParametersList td {vertical-align:top} #viewproductParametersList .productParameterGroups {padding:25px 0 2px 0;font-weight:bold;color:#00288c;border-bottom:1px solid #DDDDDD;} #viewproductParametersList .productParameterGroupsFirst {padding:5px 0 2px 0;font-weight:bold;color:#00288c;border-bottom:1px solid #DDDDDD;} #viewproductParametersList .productParameterGroups2 {border-bottom:1px solid #DDDDDD;} #viewproductParametersList .productParameter, #viewproductParametersList .productParameterValues {border-bottom:1px solid #DDDDDD;padding:2px 0 2px 15px;} #viewproductParametersList .productParameter {width:310px;height:28px;padding-left:14px;background-color:#F7F7F7;color:#666666;font-family:'Averta-Bold';font-size:14px;line-height:28px;} #viewproductParametersList .productParameter input {margin:2px 0; position: absolute; left: 27%; } #viewproductParametersList .productParameterValues,#viewproductParametersList .productParameterValues a{color:#666666;font-family:'Averta Regular';font-size:14px;line-height:28px;} #viewproductParametersList tr.select {background: #DDEBF4;} #viewproductParametersList .identifier .type {display:none} #viewfichetech .date {display:block;margin:20px 0 0} #viewfichetech .doc {display:inline-block; line-height:26px;padding-left:36px;text-decoration:underline;margin-right:35px;} #viewfichetech .bouton_flottant {width:260px; right:50px; position: absolute;} #viewfichetech .searchSimilar {margin-top:1em; overflow:hidden;height:22px; opacity:1;} #viewfichetech .searchSimilar.hidden {height:0; opacity:0;} #viewfichetech .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} #viewaccroche {margin-top:30px;} #viewaccroche span.description{font-family:'Averta Regular';font-size:14px;color:#555555;margin-top:20px;margin-bottom:5px;} #viewproductParametersList h3{font-family:'Averta Regular';font-size:14px;color:#333333;margin-top:20px;margin-bottom:5px;} .modalPopup.changeProduct .inactive, .modalPopup.viewProduct .inactive {width:128px;padding:124px 45px;text-align:center;color:#646464;font-size:16px;font-style:italic;font-weight:bold;line-height:1.6em} .modalPopup.changeProduct .blocprix, .modalPopup.changeProduct .basket, .modalPopup.changeProduct, .modalPopup.viewProduct .blocprix{display:block;} .modalPopup.changeProduct .blocprix, .modalPopup.changeProduct .basket, .modalPopup.viewProduct .blocprix{text-align:left;} .modalPopup.changeProduct #blocprixcontour .prix, .modalPopup.viewProduct #blocprixcontour .prix {} .modalPopup.changeProduct .prix sup, .modalPopup.viewProduct .prix sup{font-family:'Averta-Bold';font-size:18px;vertical-align:12px;} .modalPopup.changeProduct .prix #dprixBarre, .modalPopup.viewProduct .prix #dprixBarre {display:inline-block;text-align:left;margin-left:9px;position:relative;} .modalPopup.changeProduct .prix .lblPrixBarre, .modalPopup.viewProduct .prix .lblPrixBarre {font-family:'Averta Regular';font-size:12px;color:#666666;display:block;} .modalPopup.changeProduct .prix .alertePrix,.modalPopup.viewProduct .prix .alertePrix {display:inline-block;background:url(/ab/img/fiche-produit/picto-alerte-prix.png) no-repeat center left;float:right;margin-top:22px;margin-right:16px;} .modalPopup.changeProduct .tax, .modalPopup.viewProduct .tax {font-size:.8em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none} .modalPopup.changeProduct .price, .modalPopup.viewProduct .price {font-family:'Averta-Bold';font-size:36px;line-height:59px;} #pagePanier .modalPopup.changeProduct span.refPrice, #upnBirthList .modalPopup.changeProduct span.refPrice, .modalPopup.viewProduct span.refPrice {margin-left:5px;padding:0;margin-top:-4px;font-family:'Averta Regular';text-decoration:none;border:0;font-size:13px;color:#666666;text-align:left;background: url("/ab/img/catalogue/prixbarre.svg") no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;} #pagePanier .modalPopup.changeProduct .blocprix .prix .refPrice sup, #upnBirthList .modalPopup.changeProduct .blocprix .prix .refPrice sup, .modalPopup.viewProduct .blocprix .prix .refPrice sup{font-family:'Averta Regular';border:0;font-size:10px;vertical-align:3px;} .modalPopup.changeProduct .reduc, .modalPopup.viewProduct .reduc {display:block;font-weight:bold} .modalPopup.changeProduct .deee, .modalPopup.viewProduct .deee {font-size:10px;color:#999999;display:block;margin-top:-18px;font-family:'Averta Regular';} .modalPopup.changeProduct .panier, .modalPopup.viewProduct .panier {width:calc(100% - 48px);height:54px;line-height:54px; font-family:'Averta-Bold';font-size:18px;color:#FFFFFF;text-align:center;} .modalPopup.changeProduct .basket .buy, .modalPopup.viewProduct .basket .buyt{display:inline-block;line-height:54px!important;} .modalPopup.changeProduct .blocdispo, .modalPopup.viewProduct .blocdispo{display:inline-block;vertical-align:bottom;width:70%;} .modalPopup.changeProduct .blocdispo .title_dispo, .modalPopup.viewProduct .blocdispo .title_dispo {font-size:.9em;font-weight:bold;text-align:left;padding:0 5px 0 15px;float:left;} .modalPopup.changeProduct .blocdispo #texteDispo, .modalPopup.viewProduct .blocdispo #texteDispo{display:block;width:100%;} .modalPopup.changeProduct .basket .numUpDownContainer, .modalPopup.viewProduct .basket .numUpDownContainer {display:flex;align-items:center;margin:0 0 1.5em 0;font-family:'Averta Regular';font-size:12px;color:#666666;} .modalPopup.changeProduct .lblQty, .modalPopup.viewProduct .lblQty {float:left;position:relative;display:inline-block;padding-right:5px;} .modalPopup.changeProduct .pourcent, .modalPopup.viewProduct .pourcent {position:absolute;margin-top:10px;margin-left:-120px;width:110px;height:110px;line-height:110px;font-size:36px;text-align:center; border-radius: 50%; background-color:#EC3838; color: #ffffff;font-family:'Averta Regular'} #pagePanier .changeProduct input.numUpDownInput, #upnBirthList changeProduct input.numUpDownInput, .modalPopup.viewProduct input.numUpDownInput{width:30px;height:30px;padding:0;margin:0;margin-bottom:1px;color:#666666;border-radius:2px;border:1px solid #dddddd;font-size:13px;} .modalPopup.changeProduct .variantParamValue input, .modalPopup.viewProduct .variantParamValue input {padding:0px 4px;} .modalPopup.changeProduct .titre_popup, .modalPopup.viewProduct .titre_popup {color: #333333; display: block; font-family: Averta-Light; font-size: 28px; padding:40px 40px 0;} .modalPopup.changeProduct .textDispoWithoutImage {height: 26px;} .modalPopup .dispo {display:inline;width:100%;line-height:16px;font-size:16px;padding-top:16px;font-family:Averta-Bold;color:#000000;} .modalPopup .separatorDisc {display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#666 !important;vertical-align:middle;margin-right:3px;margin-left:3px;} .modalPopup #texteAvailable {margin-top:3px;display:flex;flex-flow:wrap;align-items:center;width:220px;font-size:15px;color:#888888;} .modalPopup .noStock {width: auto !important;} .modalPopup .stockDispo:before {color:#58b9a6;content:"\0025CF";transform:translateY(-50%);font-size:21px;margin-left:10px;} .modalPopup .stockIndispo:before {color:#cdcdcd;content:"\0025CF";transform:translateY(-50%);font-size:21px;margin-left:10px;} .modalPopup .stockSoon:before {color:#f0d67f;content:"\0025CF";transform:translateY(-50%);font-size:21px;margin-left:10px;} .modalPopup .logoStock {width:35px;height:35px;background-image:url(/ab/img/catalogue/picto-dispo-web-new.png);background-repeat:no-repeat;background-position:7px 9px;} .modalPopup .quantityPriceStock {margin-top:10px;} .flexDisplay {display:flex !important;align-items:center;} .modalPopup.changeProduct #blocOptionsContour {border:2px solid #DDDDDD;border-radius:2px;width:calc(100% - 4px);min-height:65px;margin-bottom:10px;font-family:'Averta Regular';font-size:12px;color:#333333;} .modalPopup.changeProduct .variantContainer {text-align:left;height:100%;display:inline-block;width:100%;min-height:65px;vertical-align:middle;} .modalPopup.changeProduct .variantTable {width:calc(100%);max-width:none;display:flex;align-items:center;flex-flow:wrap;position: relative;} .modalPopup.changeProduct .variantParamName {line-height:15px;font-size:14px;color:#444444;width:100%;position:absolute;top:12px;left:15px;} .modalPopup.changeProduct .variantParamValue {width:100%;} .modalPopup.changeProduct .ParamValuesType {width:100%;display:inline-block;vertical-align:middle;margin-left:0;} .modalPopup.changeProduct .ParamValuesType input {padding:30px 15px 8px 15px;width:calc(100% - 30px) !important;cursor:default;text-align:left;height:27px;min-width:50px;background:#fff url(/ab/img/general/fleche-champ-deploiement-new.png) no-repeat 95% 50%;background-size:13px;color:#444444;border:none;font-size:24px;font-family:Averta-Bold;outline:none !important;box-shadow:none;} .modalPopup.changeProduct .ParamValuesFlyout {width:100%;left:-2px !important;display:inline-block;text-align:center;border-bottom:2px solid #DDDDDD;border-left:2px solid #DDDDDD;border-right:2px solid #DDDDDD;border-top:none;border-top-left-radius:0px 0px;border-top-right-radius:0px 0px;border-bottom-right-radius:3px 3px;border-bottom-left-radius:3px 3px;background-color:#fff;z-index:10;visibility:hidden;position:absolute;cursor:default;overflow-y:auto;box-shadow:none;} .modalPopup.changeProduct .ParamValuesFlyout .selected {font-size:16px;min-width:80px;text-align:left;margin:0;padding:0;padding-left:5px;} .modalPopup.changeProduct .ParamValuesFlyout .highlighted {font-size:16px;background-color:#dddddd;min-width:80px;text-align:left;margin:0;padding:0;padding-left:5px;} .modalPopup.changeProduct .ParamValuesFlyout .selhighlighted {font-size:16px;background-color:#dddddd;min-width:80px;text-align:left;margin:0;padding:0;padding-left:5px;} .modalPopup.changeProduct ul.ParamValuesFlyout li.item {font-size:16px;min-width:80px;text-align:left;margin:0px;padding:0px;padding-left:5px;} @media screen and (max-width: 1024px) { .modalPopup.changeProduct .titre_popup, .modalPopup.viewProduct .titre_popup {text-align: center;padding:30px 0 30px 0;} .modalPopup .flexDisplay {display:inline-block !important;} .modalPopup .logoStock, .modalPopup .stockDispo, .modalPopup .stockSoon{display:none;} } /*Bandeau cookie*/ #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; max-width: 70%; vertical-align: middle; } #cookieconsentPersonalize { background: none; border: currentColor; right: 10px; display: inline-block;background: rgb(142, 147, 146); margin: 10px 144px 10px 0; padding: 5px 10px; border: currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 12px; cursor: pointer; }#slidesWrapper {overflow:hidden;} #slidesInner {overflow:hidden;width:1014px;} /* Nouveau listing produit */ .productListing.thumbs .productWrapper:hover .reduc {opacity: 1;} .productListing.thumbs .productWrapper:hover .nb_modeles {opacity: 1;} .productListing.thumbs .productWrapper:hover img {opacity: 1;} .productListing.thumbs .productWrapper:hover .vignetteActions {z-index: 999!important;} .productListing.thumbs .productWrapper:hover .caractWrapper {display: inline;} .productListing.thumbs .vignetteActions {display:flex;margin-top: -75px; height: 60px; position:relative!important;z-index: 999!important;order: 3; margin-left: auto; opacity: 0;-webkit-transition: opacity 300ms ease-in-out;-moz-transition: opacity 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: opacity 300ms ease-in-out;} .productListing.thumbs .btnFiche {display: none;} .productListing.thumbs .productWrapper, .productListing.thumbs .groupWrapper {height: auto;} .productListing.thumbs .productWrapper .img_prix_dispo {display: flex; order: 1; width: 100%;} .productListing.thumbs .productWrapper .img_prix_dispo > div { width: 100%;} .productListing.thumbs .productdispo {border-bottom: 1px solid #fff;border-top: 1px solid #fff;} .productListing.thumbs h2 {text-overflow: ellipsis;} .productListing.thumbs h2 .brandName{text-transform: uppercase; font-size: 11px; padding-bottom: 5px; letter-spacing: 0.1em} .productListing.thumbs h2 a {line-height: 1.2em;} .productListing.thumbs .brandName{width:100%;text-transform: uppercase;font-size: 11px;padding-bottom: 5px;letter-spacing: 0.1em;} .productListing.thumbs .bandeaux {width:100%;min-height:22px; position:relative; line-height:auto; z-index:1; display: flex; order: 2;} .productListing.thumbs .productWrapper:hover .nouveau {opacity: 1;} .productListing.thumbs .productWrapper:hover .livStand {opacity: 1;} .productListing.thumbs .endOfPromo{top:238px;margin : 0 auto;line-height:20px;left:60px;width:auto;} .productListing.thumbs .caractWrapper {display: none;padding-top: 10px;} .productListing.thumbs .categories_cdf {display: none;} .productListing.thumbs .note {display: block;padding: 0!important;float: none;margin-top: 2px;} .productListing.thumbs .productWrapper:hover .endOfPromo {opacity: 1;} .productListing.thumbs .priceNote{border: none;height: 44px;} .productListing.thumbs .productWrapper {margin: 0px 22px 48px 0px;} .productListing.thumbs .designation{font-size: 16px;height: 70px;line-height: 1.2em;padding: 10px 0 0px!important;margin-bottom:8px;width:100%;} .productListing.thumbs .prix {margin: 0 auto 4px!important;} .productListing.thumbs .prix .price {font-size: 20px;height: 24px;} .productListing.thumbs .price{font-family: Averta-Semibold; color: #444;} .productListing.thumbs .rz .price {color: #EC3838} .productListing.thumbs .prix .price sup{font-size: 11px;vertical-align: 6px;} .productListing.thumbs .refprice{font-size: 15px;} .productListing.thumbs .startFromPrice {color: #444;width: 140px;font-size: 11px;top: -14px;} .productListing.thumbs {margin-bottom: 0;} .productListing.thumbs .productWrapper:hover .img_prix_dispo {} @media screen and (max-width: 1024px) { .productListing.thumbs {margin: 0 2%;} .productListing.thumbs .productWrapper {width: 30%; margin-right: 5%; height: auto;display: flex; flex-flow: wrap;} .productListing.thumbs .productWrapper .img_prix_dispo{border: none; display: flex; order: 1; width: 100%;} .productListing.thumbs h2 {margin: 0;} .productListing.thumbs .designation{width: 100%; padding: 0 !important; margin: 10px 0 5px 0} .productListing.thumbs .brandName {width: 100%;} .productListing.thumbs .bandeaux {} .productListing.thumbs .vignetteActions {display: flex; width: 50px; order: 2; position: relative !important; height: 60px; margin-top: -50px; z-index:0!important;opacity: 1;} .productListing.thumbs .vignetteActions a {width: 100%; position: absolute;} .productListing.thumbs .dDetail .caractWrapper {display: none;} .productListing.thumbs .ajoutFavoris {display: none;} .productListing.thumbs .ajoutComparateur {display: none;} .productListing.thumbs .productWrapper:hover .dDetail{display: none;} .productListing.thumbs .productWrapper:hover .img_prix_dispo {border: none; } .productListing.thumbs .prix { margin: 2px auto 0 auto !important;} .productListing.thumbs .note {margin-top: 0;} } @media screen and (max-width: 768px) { .productListing.thumbs .productWrapper {width: 47%; margin-right: 6%; margin-bottom: 30px;} .productListing.thumbs .productWrapper:nth-child(3) {margin-right: 0!important;} .productListing.thumbs .designation {height: 60px;} .productListing.thumbs h2 a {line-height: 1em;} .productListing.thumbs .designation a{font-size: 0.9em;} } @media screen and (max-width: 680px) { .productListing.thumbs .designation {height: 66px;} } .zone-cat-new {position: relative;display: flex!important; flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;width: 100%;} .zone-cat-new .bloc-cat-new {width: 100%;} .zone-cat-new .bloc-cat-new li {float: left;list-style:none; margin: auto;margin-right: 5%;margin-bottom: 20px;width: 21.25%;height:auto;} .bloc-cat-lien{ width: 100%;height: auto;} .zone-cat-new .bloc-cat-new li .imgCat {float: left;margin:0;outline: 0 none;padding:0; position: relative;z-index:3;width: 100%;height: 100%;} .zone-cat-new .bloc-cat-new li .divCat {float: left; width: 100%;height:auto;margin:0;line-height: normal;padding: 0;position: relative;z-index:3;} .zone-cat-new .bloc-cat-new li .titreCat { color: #444;display: block; font-size: 16px;height: 32px; padding: 10px 0 0; } /*.zone-cat-new .bloc-cat-new li:nth-child(1) .divCat {background-color: #fef8e5;} .zone-cat-new .bloc-cat-new li:nth-child(2) .divCat {background-color: #f7e2d3;z-index: 1;} .zone-cat-new .bloc-cat-new li:nth-child(3) .divCat {background-color: #f3e5e2;} .zone-cat-new .bloc-cat-new li:nth-child(4) .divCat {background-color: #eaf3fb;} .zone-cat-new .bloc-cat-new li:nth-child(5) .divCat {background-color: #f4f1ea;} .zone-cat-new .bloc-cat-new li:nth-child(6) .divCat {background-color: #e1eae3;}*/ .zone-cat-new .bloc-cat-new li:hover .couleurCat {opacity:0.7;box-shadow: inset 0 0 0 2px #fff;} @media screen and (max-width: 1024px) { .bloc-cat-lien {width: 100%; margin-bottom: 30px;} .zone-cat-new .bloc-cat-new li .imgCat {} .zone-cat-new .bloc-cat-new li .divCat { width: 100%;} .zone-cat-new .bloc-cat-new li:hover .couleurCat {box-shadow: none;} } @media screen and (max-width: 768px) { .zone-cat-new .bloc-cat-new li {width: 47%;margin-right: 6%;margin-bottom: 40px;} .zone-cat-new .bloc-cat-new li:nth-child(2n+2) {margin-right: 0;} } /* FOOTER SITE MOBILE/CLASSIQUE */ .footerOnlyDesktopDisplay { text-align: center; background-color: #F5F5F5; padding: 6px; } .footerOnlyDesktopDisplay input { font-size: 11px; color: #444; text-transform: uppercase; border: none; background: none; } .footerOnlyDesktopDisplayInput { font-size: 11px; color: #444; text-transform: uppercase; border: none; background: none; } .infoDispoProduits { background-color: #f9e6d7; max-width: 994px; padding: 30px 30px; margin: 0 auto 20px; } .infoMsgCovid { background-color: #e6d1cc; max-width: 994px; padding: 30px 30px; margin-bottom: 20px; } .infoDispoProduits span, .infoMsgCovid span { display:inline-block; } .infoDispo, .infoCovid { background: #e96150; color: #FFFFFF; border-radius: 50%; height: 18px; width: 18px; text-align: center; font-size: 14px; line-height: 19px; font-family: Averta-Bold; margin-right: 8px;} .infoDispoProduitsTitle, .infoCovidTitle { font-family: Averta-Bold; font-size: 18px; padding-bottom: 8px; } .infoDispoProduitsDesc, .infoCovidDesc { font-size: 16px; line-height: 24px; padding-left: 30px; } #pagePanier .divCmdCadeau {height:64px; background-color:#f3f3f3; font-family:Averta Regular; font-size:16px; color:#666666; line-height:64px; padding-left:20px; margin-bottom: 1px;} #pagePanier .divCmdCadeau img {line-height:92px;vertical-align:middle;padding-right:1em;} #pagePanier .infoCadeau {height:14px;width:14px;display:inline-block;background-image:url(/ab/img/panier/picto-infobulle.png);position:relative;top:-8px;margin-left:5px;margin-right:13em;background-repeat:no-repeat;} #pagePanier .infoCadeau span {background-color:#444444;left:-100px;color:#ffffff;font-size:12px;line-height:16px;padding:10px;position:absolute;z-index:1;top:20px;width:280px;display: none;} #pagePanier .infoCadeau:hover span {display:block;} #pagePanier .rbNo {margin-left:2em;} @media screen and (max-width: 768px) { #pagePanier .divCmdCadeau img {display:none;} #pagePanier .divCmdCadeau {font-size:14px;} #pagePanier .infoCadeau {margin-right:1em;} #pagePanier .rbNo {margin-left:0.5em;} }