/*---------------------------------------------------------- = BAOCSS Responsive v.1.1 /1 Reset /2 Styles génériques (Balises, Objets, Classes, Plugins) /3 Styles spécifiques (Layout, Style par page) /4 Styles responsive (Mobiles, tablettes, ...) ----------------------------------------------------------*/ @import "fonts/fonts.css"; @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600); /*==================== /1 Reset ======================*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } fieldset, img { border: 0; } img { font-style: italic; vertical-align:bottom; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q { quotes: none; } q:before, q:after { content: ''; content: none; } abbr, acronym { cursor: help; border: 0; } a { text-decoration: none; } pre, code { font-family: monospace; } b, strong { font-weight: normal; } sub, sup {font-size: 65%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } input, select, option, optgroup, textarea { font: inherit; } [type="submit"], [type="button"], [type="reset"], button { cursor:pointer; border:0; overflow:visible; } [type="submit"]::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, ::-moz-focus-inner {border:0; padding: 0;} [type="submit"]:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; } textarea {resize:none;} button {margin:0;} /* HTML5 (si besoin) */ /* article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } */ /* Box model */ *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* Ballot screen pour IE7>= ==============================*/ #ballot {border:2px solid #FFD61F; border-left:none; border-right:none; background:#FFF7C0;} #ballot .inner {width:740px; margin:0 auto; overflow:hidden;} #ballot .warning {background:url(../images/ico_warning.png) no-repeat center 5px; width:85px; float:left; font-size:13px; text-align:center; font-weight:bold; padding:55px 0 0;} #ballot p {width:260px; float:left; font-size:12px; padding:12px 0 0 15px; line-height:14px;} #ballot p strong {display:block; font-size:14px; margin:0 0 5px;} #ballot ul {float:left;} #ballot li {float:left; width:75px; margin:7px 0 0; text-align:center; font-size:11px;} #ballot li a {background:url(../images/logos_browser.png) no-repeat left top; padding:35px 0 0; text-align:center; display:block; text-decoration:none; font-weight:bold; color:#000; line-height:14px; cursor:pointer;} #ballot .firefox a {background-position:-55px -2px;} #ballot .chrome a {background-position:22px -2px;} #ballot .safari a {background-position:-231px 0;} #ballot .opera a {background-position:-138px -1px;} #ballot .ie a {background-position:-328px -2px;} /*==================== /2 Styles génériques ======================*/ /* Balises =====================*/ html {line-height:1.333; font-size: 62.5%;} /* Pour garder la compatibilité IE8, déclarer la font-size en px avant la déclaration en rem */ body {font-size: 12px; font-size: 1.2rem;-webkit-text-size-adjust: none; } img {max-width:100%; height:auto;} a[href^="tel"] {color:inherit;} h1 {color:#333; font-size: 33px; font-size: 3.3rem; text-transform: uppercase; padding: 20px 0} h2, .cat-filters-ttl {color:#666; font-size: 32px; font-size: 3.2rem; text-transform: uppercase;} h3 {color:#333; font-size: 28px; font-size: 2.8rem; text-transform: uppercase;} h4 {color:#333; font-size: 28px; font-size: 2.8rem; text-transform: uppercase;} /* fonts =====================*/ b, strong, h1, h3, .slide-type2 .pager-ttl , .slide-type2_item .slide-type2_ttl span, .clear-filters p, .product-actions .btn-action, .estimated-delivery .i-date-delivery, .stars .note, .references .product-price a , .references .product-name a, .basket .product .name, .delivery label span, .wrap-recap .paiement-act, .wrap-recap .round-help, .wrap-recap .line-total .flleft, .wrap-recap .title, .steps .grid-1-3 .num, .menu-user li a, .page-login .subtitle, .price, .what-is-it .title, .what-is-it .percent, .footer .based, .footer .number, .footer .wrap-add p strong, .footer .title, .legal, .submenu > li > a , .flat-card:hover .infos .plus , .flat-card:hover .infos .title, .flat-card:hover .infos .title .price, .panel-nav li .name, .summary-table > .head > div, .exclu-menu a , .panel-nav li a, .ttl-product-beta.ttl-product-beta, .block-product-price .price-old, .product-availability .product-dispo, .cat-filters h2, .cat-filters-ttl {font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700;} .wrap-coll-small .title-coll strong, h2, h4, .active-count, .store-grid .title, .cat-filters .active a, .links a, .wrap-recap .temps-delivery, .table-user th, .page-create .form-title, .storelocator span, .top-vente-grid .title {font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600;} .wrap-coll-small .title-coll span, .citynames, .partners-list-ttl, .link-showrooms, .lang .children > li > a, .stock-figures {font-family: 'Open Sans', sans-serif; font-weight: 300;} body, [class^="grid-"], .ttl-product-alpha, .all-styles h2, .styles h2 {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;} /* Boutons =====================*/ [class*="btn-"] {display:inline-block; font-size:15px; font-size: 1.5rem; line-height:normal; margin:0; -webkit-appearance: none;-webkit-border-radius: 0;-moz-border-radius:0;border-radius: 0; padding: 0;outline: 0} .btn-icon {background: none; height: 31px; padding: 1px 6px;} .btn-icon i {vertical-align: middle;} .btn-action, input.btn-action {background:#e20c7c; color:#FFF; border-color:#e20c7c; text-transform: uppercase; height: 35px; padding: 0 35px; font-size: 14px; font-size: 1.4rem} a.btn-action {line-height: 35px;} .btn-action:hover, input.btn-action:hover {background:#CF1287;} .btn-action.small {font-size: 13px; line-height: 28px; height: 28px; padding: 0 10px} .btn-back, input.btn-back {background:#333; color:#FFF; border-color:#333; text-transform: uppercase; height: 35px; padding: 0 35px; font-size: 14px; font-size: 1.4rem} a.btn-back {line-height: 35px;} .btn-back:hover, input.btn-back:hover {background:#000;} .btn-alert, input.btn-alert {background:#999; color:#FFF; border-color:#999; text-transform: uppercase; padding: 8px; font-size: 12px; font-size: 1.2rem; max-width: 250px} .btn-retour {line-height: 35px; color:#E3097C; text-decoration: underline;display: inline-block; padding: 0 5px;} .btn-retour:hover {color:#7e7f7f;} .btn-social {padding-left: 0; width: 300px; text-align: left; margin-bottom: 5px} .btn-social i {vertical-align: middle; margin:-3px 15px 0} .wrap-login .btn-social {width: 35px; padding: 0; text-align: center; margin: 0 1px } .wrap-login .btn-social i {margin: 0} .btn-fb {background:#3B5998;} .btn-fb:hover {background:#2b4782;} .btn-gplus {background: #dd4b39} .btn-gplus:hover {background: #c83624} .btn-twitt {background: #00acee} .btn-twitt:hover {background: #0791c6} .btn-pin {background: #cb2124} .btn-pin:hover {background: #b20d10} /*=====================================*/ /* Icônes ================ */ [class^="i-"], .s:before {background:url('../images/ico@1x.png') no-repeat; display:inline-block;} .s:before {content:"";} /* Fait appel au fichier sprite, mais n'est pas forcémment une icône */ .i-txt {text-indent: -9999em; text-align: left;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .i-search {background-position: -5px -22px;width: 24px;height: 23px;} .i-link-showrooms {background-position:-528px -230px; width:20px; height:26px;} .i-user {background-position:-6px -55px;width: 25px;height: 24px;} .js-open .i-user {background-position:-680px -55px; width: 25px;height: 24px;} .i-basket {background-position:-5px -89px;width: 24px;height: 22px;} .js-open .i-basket {background-position: -680px -89px;width: 24px;height: 22px;} .i-s-tweet {background-position:-45px -3px;width: 35px;height: 34px;} .i-s-tweet:hover {background-position:-45px -45px;width: 35px;height: 34px;} .i-s-pin {background-position:-96px -3px;width: 35px;height: 34px;} .i-s-pin:hover {background-position:-96px -45px;width: 35px;height: 34px;} .i-s-facebook {background-position:-147px -3px;width: 35px;height: 34px;;} .i-s-facebook:hover {background-position: -147px -45px;width: 35px;height: 34px;} .i-s-gplus {background-position:-198px -3px;width: 35px;height: 34px;} .i-s-gplus:hover {background-position:-198px -45px; width: 35px;height: 34px;} .i-tweet {background-position:-118px -122px;width: 38px;height: 38px;} .i-tweet:hover {background-position: -118px -172px;width: 38px;height: 38px;} .i-pin {background-position: -183px -122px;width: 38px;height: 38px;} .i-pin:hover {background-position:-183px -172px;width: 38px;height: 38px;} .i-facebook {background-position:-53px -122px;width: 37px;height: 38px;} .i-facebook:hover {background-position: -53px -172px;width: 37px;height: 38px;} .i-gplus {background-position:-250px -122px;width: 38px;height: 38px;} .i-gplus:hover {background-position:-250px -172px;width: 38px;height: 38px;} .i-parag {background-position:-45px -89px;width: 67px;height: 19px;} .i-login {background-position: -6px -204px;width: 25px;height: 24px;} .i-passwrd {background-position: -6px -237px;width: 21px;height: 24px;} .i-cb {background-position:-248px -10px;width: 44px;height: 32px;} .i-master {background-position:-305px -10px;width: 58px;height: 32px;} .i-visa {background-position: -377px -10px;width: 52px;height: 32px;} .i-cheque {background-position:-447px -8px;width: 68px;height: 30px;} .i-paypal {background-position:-251px -64px;width: 92px;height: 25px;} .i-cofinoga {background-position:-371px -61px;width: 80px;height: 35px;} .i-sofinco {background-position: -481px -54px;width: 102px; height: 36px;} .i-star-small {background-position: -11px -128px;width: 23px;height: 22px;} .base .i-star-small {background-position: -11px -161px;width: 23px;height: 22px;} .wrap-color .i-star-small {background-position: -11px -128px;width: 23px;height: 22px;} .base .i-star-big {background-position: -319px -216px;width: 31px;height: 31px;} .wrap-color .i-star-big {background-position: -318px -175px;width: 31px;height: 31px;} .base .i-star-mini {background-position: -364px -205px; width: 14px;height: 14px;} .wrap-color .i-star-mini {background-position: -364px -182px;width: 14px;height: 14px;} .i-nav {background-position: -7px -279px;width: 19px;height: 19px;} .i-arrow-tobot {background-position:-28px -5px;width: 8px;height: 6px;} .i-fr {background-position:-3px -3px;width: 18px;height: 10px;} .i-en {background-position: -139px -95px;width: 17px;height: 10px;} .i-close {background-position:-5px -306px; width: 21px;height: 21px;} .i-profil {background-position: -50px -223px;width: 18px;height: 17px;} .i-address {background-position: -48px -266px;width: 23px;height: 18px;} .i-orders {background-position: -81px -309px;width: 18px;height: 17px;} .i-invoices {background-position: -85px -265px;width: 12px;height: 19px;} .i-logout {background-position: -114px -223px;width: 13px;height: 18px;} .i-mod {background-position:-116px -270px;width: 14px;height: 14px;} .i-del {background-position: -145px -266px;width: 15px;height: 16px;} .i-show {background-position: -318px -124px;width: 33px;height: 32px;} .i-mini-twitter {background-position: -371px -112px;width: 28px;height: 29px;} .i-mini-twitter:hover {background-position:-371px -145px;width: 28px;height: 28px; } .i-mini-pinterest {background-position:-412px -112px;width: 29px;height: 29px;} .i-mini-pinterest:hover {background-position:-412px -145px; width: 29px;height: 28px; } .i-mini-facebook {background-position: -454px -112px; width: 28px;height: 29px;} .i-mini-facebook:hover {background-position:-454px -145px;width: 28px;height: 28px; } .i-mini-gplus {background-position: -496px -112px;width: 28px;height: 29px;} .i-mini-gplus:hover {background-position:-496px -145px;width: 28px;height: 28px; } .i-mini-mail {background-position:-539px -112px;width: 28px;height: 29px;} .i-mini-mail:hover {background-position: -539px -145px;width: 28px;height: 28px; } .i-fake-check {background-position: -159px -216px;width: 13px;height: 12px;} .active .i-fake-check {background-position: -159px -237px;width: 13px;height: 12px;} .i-date-delivery {background-position:-469px -186px; width: 43px; height: 37px; } .i-arrow-to-bot:before {background-position:-90px -229px;width: 8px;height: 11px;} .i-pay-check {background-position:-20px -491px; width: 52px; height: 42px;} .i-pay-moneyorder {background-position:-20px -544px; width: 49px; height: 63px;} .i-pay-cmcic, .i-pay-be2bill {background-position: -23px -629px; width: 48px; height: 37px;} .i-pay-cmcic3X {background-position:-23px -682px; width: 48px; height: 59px;} .i-pay-paypal {background-position:-164px -567px; width: 48px; height: 48px; } .i-pay-ogone {background-position:-23px -916px; width: 70px; height: 30px;} .i-pay-ogonebe {background-position:-116px -915px; width: 59px; height: 36px;} /*.i-pay-ogone3xcb {background-position:-23px -960px; width: 70px; height: 49px;}*/ .i-pay-ogone3xcb {background-position:-23px -682px; width: 48px; height: 59px;} .i-pay-be2bill3xcb{background-position:-23px -682px; width: 48px; height: 59px;} .i-pay-sofinco {background-position: -22px -873px; width: 78px;height: 26px;} .i-pay-transfer {background-position: -159px -492px;width: 54px;height: 54px;} .i-sponsors {background-position: -621px -14px;width: 23px;height: 17px;} .i-delete {background-position: -622px -53px;width: 21px;height: 23px;} .i-phone {background-position:-487px -243px;width: 10px;height: 12px;} .i-small-fb {background-position:-620px -95px;width: 19px;height: 15px;} .i-small-gplus {background-position:-622px -117px;width: 19px;height: 15px;} .i-small-twitt {background-position:-622px -138px; width: 19px;height: 13px;} .i-small-pin {background-position:-622px -161px;width: 19px;height: 16px;} .i-frbe {background-position: -168px -94px; width: 19px; height: 11px;} .i-nlbe {background-position: -197px -94px; width: 19px; height: 11px;} .i-be {background-position:-224px -94px; width: 19px; height: 11px;} .i-cagnotte {background-position: -622px -190px;width: 15px;height: 17px;} /* notes */ .wrap-stars {display:inline-block;position: relative; height: 25px; width:132px; margin:15px 0 8px} .bigstars {width: 183px; height: 32px} .ministars {width:86px; height: 14px;} .wrap-stars span {display:block;width:100%;height: 25px; position: absolute;top:0;left: 0; overflow: hidden} .bigstars span {height: 32px;} .ministars span {height: 14px;} .wrap-stars .i-star-small {float:left; margin-left: 3px;} .wrap-stars .i-star-small:first-child{margin:0;} .wrap-stars .wrap-color {display: block; width: 190px; overflow: hidden} /*=====================================*/ /* Grid ================ */ .full { max-width: 980px; margin:0 auto; padding-right: 0;} .full.nopadding {padding: 0;} .grids {margin-left:-10px; letter-spacing:-0.31em; font-family: Times, serif;} .opera:-o-prefocus, .grids {word-spacing: -0.43em; /* Fix for Opera */font-family: Times, serif;} /* La classe doit absolument commencer par .grid- */ [class^="grid-"] {padding-left:10px; display: inline-block; vertical-align: top; word-spacing:normal; letter-spacing:normal;} .grids-0 {margin-left:0;} /* Si besoin de créer une grille sans marge */ .grids-0 > [class^="grid-"] {padding-left:0;} .grids-7 {margin-left:-7px;} /* Si besoin de créer une grille avec une marge différente */ .grids-7 > [class^="grid-"] {padding-left:7px;} .grids-20 {margin-left:-20px;} /* Si besoin de créer une grille avec une marge différente */ .grids-20 > [class^="grid-"] {padding-left:20px;} .grids-16 {margin-left:-16px;} /* Si besoin de créer une grille avec une marge différente */ .grids-16 > [class^="grid-"] {padding-left:16px;} .grids-40 {margin-left:-40px;} /* Si besoin de créer une grille avec une marge différente */ .grids-40 > [class^="grid-"] {padding-left:40px;} /* Grille alignée au milieu */ /* .grids */.grids-middle > [class^="grid-"] {vertical-align: middle;} /* Grille alignée en bas */ /* .grids */.grids-bottom > [class^="grid-"] {vertical-align: bottom;} /* Créer une grille en tableau Utilise le système de dimensions de la grid classique : .cell.grid-X Pour désactiver le tableau sur d'autres tailles d'écrans : .mob-unrow | .palm-unrow */ .row {display: table; width: 100%;} .row > .cell {display: table-cell; vertical-align: top;} /* Pour inverser le sens de la grille (cf media object) .row.row-revert / .grids.grids-revert */ .row-revert, .grids-revert {direction: rtl; text-align: left;} .row-revert .cell, .grids-revert [class^="grid-"] {direction:ltr;} /* Grid : .grid-1, .grid-half, ... */ .grid-auto {width:auto;} .grid-full {width:100%;} .grid-3-7 {width:42.857%;} .grid-4-7 {width:57.142%;} /* Moitiés */ .grid-half, .grid-1-2, .grid-2-4, .grid-3-6, .grid-4-8, .grid-5-10, .grid-6-12 {width:50%;} /* Tiers */ .grid-1-3, .grid-2-6, .grid-3-9, .grid-4-12 {width:33.3333333%;} .grid-2-3, .grid-4-6, .grid-6-9, .grid-8-12 {width:66.6666666%;} /* Quarts */ .grid-1-4, .grid-2-8, .grid-3-12 {width:25%;} .grid-3-4, .grid-6-8, .grid-9-12 {width:75%;} /* Cinquièmes */ .grid-1-5, .grid-2-10 {width:20%;} .grid-2-5, .grid-4-10 {width:40%;} .grid-3-5, .grid-6-10 {width:60%;} .grid-4-5, .grid-8-10 {width:80%;} /* Sixièmes */ .grid-1-6, .grid-2-12 {width:16.6666666%;} .grid-5-6, .grid-10-12 {width:83.3333333%;} /* Huitièmes */ .grid-1-8 {width:12.5%;} .grid-3-8 {width:37.5%;} .grid-5-8 {width:62.5%;} .grid-7-8 {width:87.5%;} /* Neuvièmes */ .grid-1-9 {width:11.1111111%;} .grid-2-9 {width:22.2222222%;} .grid-4-9 {width:44.4444444%;} .grid-5-9 {width:55.5555555%;} .grid-7-9 {width:77.7777777%;} .grid-8-9 {width:88.8888888%;} /* Dixièmes */ .grid-1-10 {width:10%;} .grid-3-10 {width:30%;} .grid-7-10 {width:70%;} .grid-9-10 {width:90%;} /* Douxièmes */ .grid-1-12 {width:8.3333333%;} .grid-5-12 {width:41.6666666%;} .grid-7-12 {width:58.3333333%;} .grid-11-12 {width:91.6666666%;} /*=====================================*/ /* Media object ================== */ .media, .media-body {overflow: hidden;} .media-img {float: left; margin-right:10px;} .media-rev {float: right; margin-left:10px;} /*=====================================*/ /* Navigation =====================*/ .nav > li, .nav > li > a {display:inline-block;} /* Navigation verticale */ .nav-vertical > li, .children > li {display:list-item;} /* Trigger sous-menu */ .has-children {position:relative;} /* Sous-menu */ .nav-children .children {position:absolute; top:100%; left:-99999em;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .nav-children .children > li {min-width:200px; float:left;} .nav-children .children > li > a {display:block;} /* Apparition sous-menu */ .nav-children .has-children.hover > .children, .nav-children .has-children:hover > .children {left:0;} /* Second niveau */ .nav-children .children .has-children:hover > .children {top:0; left:100%;} /*=====================================*/ /* Pagination ===============*/ .paginator {color:#333; white-space:nowrap; text-align:right;} .paginator * {display:inline-block; line-height:normal; padding:3px; font-size:12px; background:#ddd; color:#000; text-align:center;} .paginator span {background:#333; color:#fff;} /* Active */ .paginator .sep {background:none; color:#333;} .paginator a {background:#ddd; text-decoration:none !important;} .paginator a:hover {background:#aaa;} /*=====================================*/ /* Alertes et erreurs ======================================*/ .msg {padding:5px; margin:25px 40px 15px; border:1px solid; font-size: 14px;} .msg > li {max-width:999px; width:100%; margin:0 auto; padding:5px;} .msg-success {background:#DFF0D8; border-color:#D6E9C6; color:#468847;} .msg-error {background:#fceef3; border-color:#f18bae; color:#CF1287;} .msg-warning {background:#fceef3; border-color:#f18bae; color:#CF1287; font-weight: bold} .error {background:#fceef3; border-color:#f18bae; color:#CF1287; padding: 8px;} /*=====================================*/ /* Formulaires (.layout-form) ==============================*/ .layout-form label {display:block;} .layout-form input[type="date"], .layout-form input[type="number"], .layout-form input[type="text"], .layout-form input[type="password"], .layout-form textarea, .layout-form select {font-size:12px;font-size:1.2rem; border:1px solid #333;-webkit-border-radius: 0;-moz-border-radius:0;border-radius: 0;} .layout-form input[type="date"], .layout-form input[type="number"], .layout-form input[type="text"], .layout-form input[type="password"] {height:25px; line-height:25px;-webkit-appearance:none;} body input:-webkit-autofill { background-color: #fff !important; -moz-box-shadow: inset 0 50px 0 #fff; -webkit-box-shadow: inset 0 50px 0 #fff; box-shadow: inset 0 50px 0 #fff; } .layout-form select {-webkit-border-radius: 0;-moz-border-radius:0;border-radius: 0;position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjk0QjIyRDgyQzBGMTFFM0FFRDM4RjU0RTQ5NTk2RkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk0QjIyRDkyQzBGMTFFM0FFRDM4RjU0RTQ5NTk2RkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOTRCMjJENjJDMEYxMUUzQUVEMzhGNTRFNDk1OTZGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOTRCMjJENzJDMEYxMUUzQUVEMzhGNTRFNDk1OTZGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PidjmVQAAACFSURBVHjaYvz//z8DuYCJgQIwcJpZYAwTExOiNZ05cwanzUI49LARcrYiEJ8H4glo4pkgC9ENRtccBcRyQJyPZEAOEE8DYl0gDsfqZyhohZpeBDUApMEJKtcExNMJhXYxEPdB2cga64mNKmQDsGrE5mx0A3YA8W5yE8lufJKMA5YxAAIMAIfLGODxLLK+AAAAAElFTkSuQmCC); background-position: right center; background-repeat: no-repeat} .layout-form textarea, .layout-form select, .layout-form input[type="date"], .layout-form input[type="number"], .layout-form input[type="text"], .layout-form input[type="password"] {border: 1px solid #fff;background-color: #d7dfe5;-moz-box-shadow: 0 0 2px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);box-shadow: 0 0 2px rgba(0,0,0,.3); padding: 0 5px} .layout-form select {padding: 3px} .layout-form select , .layout-form textarea , .layout-form input[type="date"], .layout-form input[type="number"], .layout-form input[type="text"], .layout-form input[type="password"] {outline: 0} .layout-form textarea:focus, .layout-form select:focus, .layout-form input[type="date"]:focus, .layout-form input[type="number"]:focus, .layout-form input[type="text"]:focus, .layout-form input[type="password"]:focus {-moz-box-shadow: 0 0 6px rgba(207,19,134,.74);-webkit-box-shadow: 0 0 6px rgba(207,19,134,.74);box-shadow: 0 0 6px rgba(207,19,134,.74);} /* Formulaire en ligne (+.layout-form-inline) */ .layout-form-inline p {clear:both;} .layout-form-inline label {display:inline; padding-right:10px;} .layout-form-inline .copy {width:auto; padding:0;} .layout-form-inline .copy, .layout-form-inline .ui-state-error {margin-left:160px;} .layout-form-inline .error {display:block; margin-right: 10px;} /* Grille pour formulaire en ligne .form-grid-* sur le label ou sur l'élément parent */ label[class*="form-grid-"], [class*="form-grid-"] label {float:left; display:block;} label.form-grid-150, .form-grid-150 label {width:150px;} .form-grid-150 .form-grid-valid {margin-left:150px;} label.form-grid-190, .form-grid-190 label {width:190px;} .form-grid-190 .form-grid-valid {margin-left:190px;} label.form-grid-120, .form-grid-120 label {width:120px;} .form-grid-120 .form-grid-valid {margin-left:120px;} /* etc... */ /* Formulaires avec colonnes .form-col>p+p */ .form-row-col {overflow:hidden;} .form-row-col p {float:left; margin:0; clear:none;} .form-row-col p + p {margin-left:20px;} .area-full {width: 100%; height: 80px; margin:3px 0 8px;} /*=====================================*/ /* Tableaux (.layout-table) ============================*/ .layout-table {width: 100%; margin-bottom:15px;} /* Modules ==============================*/ /* jQuery UI Dialog */ .ui-dialog {background:#FFF; border:1px solid #BCBCBC; position: absolute; -webkit-box-shadow:3px 4px 5px rgba(0, 0, 0, 0.11); box-shadow:3px 4px 5px rgba(0, 0, 0, 0.11);} .ui-dialog-titlebar {text-align: right; background:#CED9DF; padding:7px; border:1px solid #D8E0E5;} .ui-dialog-title {float:left; padding:0 5px; font-size: 14px; font-size: 1.4rem; font-weight: bold;} .ui-dialog-titlebar-close {background:#E20C7C; color: #FFF; font-size: 11px; font-size: 1.1rem; text-transform: uppercase; vertical-align: top; padding:3px 8px;} .ui-dialog-titlebar-close:hover {background:#CF1287;} .ui-dialog-content {padding:15px;} /* jQuery UI Overlay */ .ui-widget-overlay {background:#AAAAAA; position:fixed; top:0; left:0; width:100%; height:100%; opacity: .80; filter:Alpha(Opacity=80); z-index: 20000;} /* plugins */ /**************************************/ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ /* Slider type 2 ==============================*/ .slide-type2 .bx-wrapper {margin-bottom: 0} .slide-type2_item {position: relative;} .slide-type2_item img {display: block; margin-bottom: 4px} .slide-type2_item .slide-type2_ttl {display: block; background: #df1a7c; line-height: 26px; height: 26px;} .slide-type2_item .slide-type2_ttl span {text-transform: uppercase; color:#fff;text-decoration: underline;} .bxslider-type2 {} .bxslider-type2_pager {padding-top: 18px;} .page-wrapper {overflow: hidden;} /*.bxslider-type2_pager {margin-left: -16px; width: 9999em; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }*/ .bxslider-type2_pager > a {position: relative;/*width: 249px; padding-left: 16px;*/ float: left;} .bxslider-type2_pager > a:first-child:before {display: none;} .bxslider-type2_pager > a:before {content:""; display: block; height: 100%; width: 1px; position: absolute; top:0; left:8px; background: #eaeaea} .slide-type2 .bxslider-type2_pagercontent {border-bottom:8px solid #eaeaea; height:245px; margin-bottom: 8px} .bxslider-type2_pager > a.active .bxslider-type2_pagercontent {border-bottom-color:#000;} .slide-type2 span {display: block;} .slide-type2 .pager-ttl {color:#000; padding: 26px 0 12px; font-size: 17px; text-transform: uppercase;letter-spacing: -0.3px} .slide-type2 .desc {color:#939393; font-size: 9px; text-transform: uppercase;;} .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;} .bx-wrapper img {max-width: 100%; } /** THEME ===================================*/ .bx-wrapper { -ms-touch-action: none;} .bx-wrapper .bx-viewport {} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 12px; width: 100%;} /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager { text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;} .bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999em;display: block; width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 0;background: url(../images/ico@1x.png) no-repeat -303px -346px; width: 8px; height: 46px;} .bx-wrapper .bx-next { right: 0; background: url(../images/ico@1x.png) no-repeat -388px -346px;width: 8px;height: 46px;} .wrap-slider-ref .bx-wrapper .bx-prev { left:0;} .wrap-slider-ref .bx-wrapper .bx-next { right:0; } .bx-wrapper .bx-prev:hover {background-position: -303px -346px;} .bx-wrapper .bx-next:hover {background-position: -388px -346px;} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top:-23px;outline: 0;width: 8px;height: 46px;text-indent: -9999px;z-index: 9999;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .bx-wrapper .bx-controls-direction a.disabled { display: none;} .bx-wrapper .bx-controls-direction a {} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999em;width: 10px;height: 11px;outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999em;width: 9px; height: 11px;outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;} .noUi-target * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; } .noUi-base { width: 100%; height: 15px; position: relative; max-width: 100%; max-height: 100%; border: 1px solid #bfbfbf; z-index: 1; } .noUi-handle { background: #EEE; height: 30px; width: 30px; border: 1px solid #BFBFBF; margin:-10px 0 0 -10px; } .noUi-handle-upper {margin: -10px 0 0 -20px; } .noUi-active { background: #E9E9E9 } .noUi-active:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; height: 100%; border: 1px solid #DDD; } .noUi-connect { background: #CF1386 } .noUi-background { background: #DDD } .noUi-origin { position: absolute; right: 0; top: 0; bottom: 0; z-index: 0; border-radius: inherit; } .noUi-origin-upper { background: inherit!important } .noUi-z-index { z-index: 10 } .noUi-vertical { width: 40px; height: 100%; } .noUi-vertical .noUi-origin { bottom: 0; left: 0; } .noUi-vertical .noUi-handle { margin: -23px 0 0 -3px } .noUi-target[disabled] .noUi-base { background: #999 } .noUi-target[disabled] .noUi-connect { background: #BBB } .noUi-state-tap .noUi-origin { -webkit-transition: left .3s,top .3s; transition: left .3s,top .3s; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow _NO__DOTCOMMA__AFTER__*/ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; _NO__DOTCOMMA__AFTER__*/ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1 } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .tooltipster-light { -moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #cccccc;background: #ededed;color: #666666;} .tooltipster-light .tooltipster-content {font-family: Arial, sans-serif;font-size: 14px;line-height: 16px;padding: 8px 10px;} /* DatePicker Container */ .ui-datepicker { width: 216px; height: auto; margin: 5px auto 0; font: 9pt Arial, sans-serif; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); background: #fff; } .ui-datepicker a { text-decoration: none } /* DatePicker Table */ .ui-datepicker table { width: 100% } .ui-datepicker-header { background: #E3097C; color: #e0e0e0; font-weight: bold; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); text-shadow: 1px -1px 0px #000; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border: 1px solid #E3097C; } .ui-datepicker-title { text-align: center } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url('../images/arrow.png'); background-repeat: no-repeat; line-height: 600%; overflow: hidden; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-next { float: right; background-position: center 0px; } .ui-datepicker thead { background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); border-bottom: 1px solid #bbb; } .ui-datepicker th { text-transform: uppercase; text-align: center; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=0); } .ui-datepicker tbody td { padding: 0; border-right: 1px solid #bbb; } .ui-datepicker tbody td:last-child { border-right: 0px } .ui-datepicker tbody tr { border-bottom: 1px solid #bbb } .ui-datepicker tbody tr:last-child { border-bottom: 0px } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=1); } .ui-datepicker-calendar .ui-state-default { background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%); background: -o-linear-gradient(top, #ededed 0%,#dedede 100%); background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%); background: linear-gradient(top, #ededed 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); } .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7 } .ui-datepicker-calendar .ui-state-active { background: #E3097C; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); color: #fff; text-shadow: 0px 1px 0px #4d7a85; filter: dropshadow(color=#4d7a85, offx=0, offy=1); border: 1px solid #E3097C; position: relative; margin: -1px; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } html.swipebox { overflow: hidden!important } #swipebox-overlay img { border: none!important } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999!important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #swipebox-slider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; } #swipebox-slider .slide { background: url("../images/loader.gif") no-repeat center center; height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0; } #swipebox-action, #swipebox-caption { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-action { bottom: -50px } #swipebox-action.visible-bars { bottom: 0 } #swipebox-action.force-visible-bars { bottom: 0!important } #swipebox-caption { top: -50px; text-align: center; } #swipebox-caption.visible-bars { top: 0 } #swipebox-caption.force-visible-bars { top: 0!important } #swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close { background-image: url("../images/icons.png"); background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 0; } #swipebox-action #swipebox-close { background-position: 15px 12px; left: 40px; } #swipebox-action #swipebox-prev { background-position: -32px 13px; right: 100px; } #swipebox-action #swipebox-next { background-position: -78px 13px; right: 40px; } #swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } #swipebox-slider.rightSpring { -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; } #swipebox-slider.leftSpring { -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; } @-moz-keyframes rightSpring { 0% { margin-left: 0px } 50% { margin-left: -30px } 100% { margin-left: 0px } } @-moz-keyframes leftSpring { 0% { margin-left: 0px } 50% { margin-left: 30px } 100% { margin-left: 0px } } @-webkit-keyframes rightSpring { 0% { margin-left: 0px } 50% { margin-left: -30px } 100% { margin-left: 0px } } @-webkit-keyframes leftSpring { 0% { margin-left: 0px } 50% { margin-left: 30px } 100% { margin-left: 0px } } @media screen and (max-width: 800px) { #swipebox-action #swipebox-close { left: 0 } #swipebox-action #swipebox-prev { right: 60px } #swipebox-action #swipebox-next { right: 0 } } /* Skin --------------------------*/ #swipebox-overlay { background: #0d0d0d } #swipebox-action, #swipebox-caption { text-shadow: 1px 1px 1px black; background-color: #0d0d0d; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#0d0d0d, #000000); background-image: -moz-linear-gradient(#0d0d0d, #000000); background-image: -o-linear-gradient(#0d0d0d, #000000); background-image: linear-gradient(#0d0d0d, #000000); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; } #swipebox-action { border-top: 1px solid rgba(255, 255, 255, 0.2) } #swipebox-caption { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: white!important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; } /*=====================================*/ /* Classes réutilisables ==============================*/ .center {text-align:center;} .left {text-align: left;} .right {text-align:right;} .flleft {float:left;} .flright {float:right;} .for-print, .no-display {display:none;} .hidden {position:absolute; top:-9999em; left:-9999em;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .clear {clear:both; line-height:1px; height:0; font-size:1px;} .cf:before, .cf:after {content: " "; display: table;} .cf:after {clear: both;} .nodisplay {display: none;} /*==================== /3 Styles spécifiques ======================*/ /* Div vente flash home */ /*.sold-sell {max-width:130px; height:280px; text-align:center; position:fixed; z-index:100;} .sold-sell.fixed-left {top:50%; left:7%;} .sold-sell.fixed-right {top:50%; right:7%;} .sold-sell a {display:block; height:100%; padding-top:20px;}*/ .sold-sell {position:fixed; top:50%; left:0; right:0; z-index:100; height:0;} .sold-sell-wrapper {max-width:980px; margin:0 auto; position:relative;} .sold-sell .fixed-left, .sold-sell .fixed-right {position:absolute; padding:10px; min-width:150px;} .sold-sell .fixed-left {left:100%;} .sold-sell .fixed-right {right:100%;} .sold-sell a {display:block;} /* Gestion des iframe de tracking */ ._avazuIfrFixed {position: absolute;} body > img[border="0"] {position:absolute; top:-9999em;} /* Layout ============*/ html, body {min-height: 100%; height: 100%} /** * Affichage des partenaires  */ .partners {position:relative; background:#e5e5e5; text-align:center;} /* Déclaration pour les images de ce bloc */ .partners img {vertical-align:middle;} .ie8 .partners img {max-width:none;} /* Corrige bug sur IE8 empêchant l'affichage des images */ /** * Liste des parternaires  * [1] On fixe la hauteur du conteneur principal puis on aligne ces enfants sur cette hauteur */ .partners-list {font-size:0;} .partners-list > li {position:relative; padding:0 20px; height:40px;/* [1] */ font-size:12px; font-size:1.2rem; vertical-align:top;} .partners-list > .is-current:after {content:""; position:absolute; bottom:0; left:50%; margin-left:-5px; width:0; height:0; border:0 solid transparent; border-width:0 5px 8px 5px; border-bottom-color:#FFF;} .partners-list > li > a {display:block; height:100%;/* [1] */} .partners-list > li > a:before {content:"";display: inline-block; height:100%; vertical-align:middle;} .lang a {line-height:10px; display: inline-block;} .lang a i {vertical-align: middle;} .top { min-height: 16px;} .header {min-height: 67px; background:#fff; border-bottom:1px solid #e7e7e7;} .ie8 .layout {overflow: visible} .header .full {position: relative;z-index: 99999} .header .wrap-logo {line-height: 62px; padding: 35px 0 0;} .logo {display:inline-block; max-width: 100%;} .disclaimer-command {color:red; font-size:16px; margin:20px 0; padding:20px; border:2px solid red; text-align:center;} .telephone {text-transform: uppercase; position: absolute; top: 30px; left: 60px} .telephone .question {color:#b9b9b9; font-size: 10px} .telephone .num {color:#d0127c; font-size: 13px; font-size:1.3rem; line-height: 21px;} .telephone .i-phone {margin-right: 6px} .telephone .local {color:#b9b9b9; font-size: 8px; font-size:0.8rem;} /* Lien showroom */ .link-showrooms {position:absolute; top:23px; right:60px; display:inline-block; width:100px; color:#A2A1A1; font-size:8px; font-size:0.8rem; text-transform:uppercase; text-align:center;} .link-showrooms .i-link-showrooms {display:block; margin:0 auto 5px;} .head-nav { text-align: right; padding-right: 10px; padding-bottom: 10px} .main-nav { letter-spacing:-0.31em;min-width: 166px; height: 31px; margin-bottom: 18px} .opera:-o-prefocus, .main-nav {word-spacing: -0.43em; /* Fix for Opera */} /* La classe doit absolument commencer par .grid- */ .main-nav li {vertical-align: top; word-spacing:normal; letter-spacing:normal;} .head-nav .elem-auto {border-left:1px solid #fff; height: 31px; position: relative;display: inline-block; padding: 0} .head-nav .elem-auto:before {content:" "; height: 31px; width: 1px; display: inline-block; background: #949494; position: relative; float: left;} .head-nav li:first-child .elem-auto:before {display: none;} .head-nav li:first-child .elem-auto{border-left:none; border-right: none} .head-nav .elem-auto.act-search {border-left: none} .head-nav .elem-auto .btn-icon {padding: 1px 11px} .head-nav .act-basket { position: relative; padding-right: 12px} .head-nav .lang > li {padding: 8px 12px} .lang .children > li {min-width:100%; background: #e7e7e7; border-top:1px solid #595959;border-bottom: 1px solid #fff;} .lang .children > li:hover {background: #fff} .lang .children > li > a {padding: 10px 0 10px 0; color:#000; font-size:11px; font-size:1.1rem; line-height:11px; text-align: center;} .lang .children i {vertical-align:top;} .act-basket .round {display:inline-block; color:#fff; text-align:center; line-height: 18px; width: 18px;height: 18px;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;background-color: #cf1385; font-size: 11px; font-size: 1.1rem; position: absolute;top: -5px; right: 10px} .search-form {position: relative;z-index: 0; padding-left: 243px} .header .search-form input[type="text"] {position: relative; z-index: 0; margin-top: 1px;height:21px; line-height:21px; width: 510px; background: #fff} .search-form button {position: relative; z-index: 8; padding: 1px 11px 1px 5px !important} .logged {position: absolute;bottom: 8px;right: 10px;} .logged a {color:#cf1386;} .wrap-sub-menu {display: inline-block; word-spacing:normal; letter-spacing:normal;position: absolute; top:156px;right:0; max-height:0;width: 205px;border: 1px solid #cf1385;background-color: #ebebeb;overflow: hidden;z-index: -10; opacity: 0; -moz-box-shadow: 0 2px 4px rgba(0,0,0,.4);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.4); box-shadow: 0 2px 4px rgba(0,0,0,.4); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwNyAyNjgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjA3IiBoZWlnaHQ9IjI2OCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #f7f7f7 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%); background-image: linear-gradient(bottom, #f7f7f7 0%, #fff 100%); -moz-transition: 0.6s;-ms-transition: 0.6s;-o-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;} .ie8 .wrap-sub-menu {-moz-box-shadow: 0 0 0 rgba(0,0,0,0);-webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); background: none !important; background-color: #f7f7f7 !important; border-color:#585858;} .ie8 .elem-auto.js-open + css3-container + .wrap-sub-menu, .elem-auto.js-open + .wrap-sub-menu { opacity:1;z-index: 99999;max-height:999em;overflow: visible;-moz-transition: 0.6s;-ms-transition: 0.6s;-o-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s; } .ie8 .elem-auto.js-open + css3-container + .wrap-sub-menu {border-color:#cf1385;} .wrap-login .goto {color:#CF1386; text-decoration: underline;} .wrap-login [type="password"] + small {padding-right: 5px} .wrap-login .goto:hover {color:#7E7F7F; text-decoration: underline;} .wrap-login input[type="checkbox"] {margin:4px 5px 0;} .wrap-login .wrap-icon {width: 33px;height: 31px;background-color: #CF1386;display: inline-block; line-height: 31px; text-align: center;} .wrap-login .wrap-icon i {vertical-align: middle;} .wrap-login p {padding: 5px 0} .wrap-login .wrap-input {padding: 14px 0 0} .wrap-login .wrap-input input {border:none; width: 170px; padding: 0 5px; background: #f1f2f3; height: 31px; outline: 0} .wrap-login .wrap-input input:focus {-moz-box-shadow: 0 0 6px rgba(207,19,134,.74);-webkit-box-shadow: 0 0 6px rgba(207,19,134,.74);box-shadow: 0 0 6px rgba(207,19,134,.74);} .login-head {background: #CF1386; color:#fff; padding: 5px; text-transform: uppercase;} .wrap-sub-menu .products-list li {padding: 5px; background: #fff; text-align: left} .wrap-sub-menu .products-list li:nth-child(2n) {background: #efefef} .wrap-sub-menu .products-list li a {color:#000; display: block;} .wrap-sub-menu .products-list li a span {display: block;} .wrap-sub-menu .products-list img {max-width: 60px} .wrap-login .total-line {padding: 5px; line-height: 24px; border-top: 1px solid #ccc} .wrap-login .total-line .price {font-size: 15px; font-size: 1.5rem;} /* nav */ .main-cont {position: relative; padding-top: 42px;} .panel-nav { position: absolute;top:0;left: 0; width: 100%;} .panel-nav .full {/*max-width: 940px;*/padding: 0;padding-right: 0;} .panel-nav .full .grids {background-color: rgba(0,0,0,.65); margin: 0; max-height: 60px;} .ie8 .panel-nav .full .grids {background: #585858;} .panel-nav .link-magazine, .panel-nav .link-highlight {background:#da1c79;} {background:#da1c79;} .panel-nav li a {display: inline-block; color:#fff; font-size: 15px; font-size: 1.5rem; text-transform: uppercase;padding: 12px 15px;line-height: 18px; } .panel-nav li li a {font-size: 14px; font-size: 1.4rem; } .panel-nav li a.desk-hide {display: none} .panel-nav li a:hover {background: #fff; color:#000;} body {overflow-x:hidden; -webkit-overflow-scrolling:touch;} .layout {position: relative; height: 100%; min-height:100%; /*overflow-x:hidden;*/z-index: 0;} .wrap {position:relative; width: 100%;min-height:100%; left:0;} .site-nav {position: relative;} .site-nav > li > ul {display: none;} .site-nav .grid-auto {padding: 0} /* @Olivier 20150831 : Style désactivé en attente création catégorie "Vente privée" .site-nav > .grid-auto:last-child {background: #d22323} */ .site-nav > .grid-auto:hover > a, .site-nav > .active > a {background-color: #fff; color:#333;} .site-nav > .grid-auto:hover > ul, .site-nav > .active > ul {display: block;position: absolute;left: 0; top:42px; width: 100%; background: #fff; text-align: left;} .site-nav > .grid-auto:hover > ul {z-index: 9999} .site-nav > .grid-auto:hover > ul a, .site-nav > .active > ul a {padding:5px 13px; color:#000;} .site-nav > .grid-auto:hover .grids, .site-nav > .active .grids {background: #d7dfe5 ; text-align: center;} .ie8 .site-nav > .grid-auto:hover .grids, .ie8 .site-nav > .active .grids {background: #d7dfe5;} .site-nav > .grid-auto:hover .grids .active, .site-nav > .active .grids .active {background: #e20c7c;} .site-nav > .grid-auto:hover .grids .active a, .site-nav > .active .grids .active a { color:#fff;} .site-nav > .grid-auto:hover .grids .active a:hover, .site-nav > .active .grids .active a:hover{background: #fff; color:#e20c7c;} /* Footer */ .main-foot {background: #ced9df; min-height: 192px;} .footer .wrap-disclaimer {background: #fff;} .disclaimer {padding: 10px 0; text-align: center; font-size: 9px;font-size: 0.9rem;} .footer .disclaimer p {font-size: 9px;font-size: 0.9rem; text-transform: none;} .footer .last-line {background: #E3097C; line-height: 18px; color:#fff; text-transform: none; font-size: 11px} .last-line a {color: #fff; text-decoration: none; font-size: 11px} .last-line a:hover {color:#ccc;} .footer .grids {padding:0 0 14px} .main-foot-txt {padding:20px 0 10px 0;} .footer .grids .grid-1-3 {min-height: 158px;border-right: 1px solid #fff;} .footer .grids .no-border {border:none;} .footer .follows {font-size: 18px; font-size: 1.8rem;color:#cf1386;line-height: 15px;padding-top: 25px;} .footer p {text-transform: uppercase;} .footer p strong {} .footer .no-border .title {padding-bottom: 13px} .footer .contactez p {padding-bottom: 13px} .footer .title {line-height: 13px;font-size: 17px; font-size:1.7rem; text-transform: uppercase; padding: 10px 0 0;} .footer .wrap-add p {padding-top: 15px;font-size: 11px; font-size: 1.1rem;} .footer .site {font-size: 11px; font-size: 1.1rem;} .footer .number {font-size: 15px; font-size:1.5rem; color:#E3097C; } .footer .based {font-size: 11px; font-size: 1.1rem; } .social-foot {top: 14px;position: relative;} .social-foot i {margin: 0 13px;} .virement {display: inline-block; color: #fff; line-height: 13px;} .ico-pay * {vertical-align: middle; margin: 5px } .footer ul {display: inline;} .footer ul li {display: inline;} /* breadcrumb */ #breadcrumb {border-bottom: 1px solid #e0e0e0; color:#666; font-size: 12px; font-size: 1.2rem; padding: 10px 0 4px} #breadcrumb > div {display:inline-block;} #breadcrumb a {color: #666;font-size: 12px; font-size: 1.2rem;} #breadcrumb a:hover {color:#000; text-decoration: underline;} /* menu vendeur */ #menu-seller {position: fixed; top: 0; left: 0; right: 0; width: 100%; background: rgba(000,000,000,.7); padding: 6px; z-index: 99999} .btn-sellers {padding: 0 20px; height: 30px; line-height:30px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; background-color: #fff;color:#333; font-weight: bold; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExNSAzOSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzljOWM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTUiIGhlaWdodD0iMzkiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, #c9c9c9 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #c9c9c9 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #c9c9c9 0%, #fff 100%); background-image: linear-gradient(from bottom, #c9c9c9 0%, #fff 100%);} .btn-sellers:hover {} #menu-seller li {color:#fff; padding-right: 5px} .order-history .btn{display: inline-block;height: 10px; width: 12px; text-indent: -9999em;position: relative;float: right; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .order-history .btn .ui-icon-carat-1-s {position:absolute; top:0; left:0; display: inline-block;text-indent:0; height: 10px; width: 12px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKBAMAAAByAqLJAAAABGdBTUEAALGPC/xhBQAAABJQTFRFAAAAAAAAAAAAAAAAAAAAAAAA4CsZogAAAAV0Uk5T6wwK9QCz5d/pAAAAMElEQVQI12MwDQWCYAZlCOUE4hoxuAC5wSoMLkCukQuDi4tysAqIcmR0AVEggEoBADvbD93Upi89AAAAAElFTkSuQmCC) no-repeat;} .order-history .btn .ui-icon-carat-1-n {position:absolute; top:0; left:0; display: inline-block;text-indent:0; height: 10px; width: 12px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAMAAAC38k/IAAAABGdBTUEAALGPC/xhBQAAAD9QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsyWCLwAAABR0Uk5TWrHk9vADjS1C2zDq+TZ7JMkJFQCol8xdAAAAPElEQVQI12MQRgIMBDhcSBxeZj44h59bRIQByhHiFBER4eEAcwQFRECAhR3IYWUUgQAmIWEGNhEYEBAEACaPCD+V/rhrAAAAAElFTkSuQmCC) no-repeat;} .wrap-orders-showroom .search {width: 50%; margin: 0 auto 30px} #users-showroomsellers-list .table-user td a, #orders-showroomsellers-list .table-user td a {color: #e3097c;} .wrap-orders-showroom .search #amount {width: 85%; display: inline-block; margin: 0 5px 10px 0} #orders-showroomsellers-list {overflow-x: hidden;} #users-showroomsellers-list .table-user td .btn-small, #orders-showroomsellers-list .table-user td .btn-small {font-size: 12px; padding: 0 8px; color:#fff;} #users-showroomsellers-list .users .layout-form input[type="text"], #orders-showroomsellers-list .users .layout-form input[type="text"], #users-showroomsellers-list .users .layout-form select, #orders-showroomsellers-list .users .layout-form select, #users-showroomsellers-list .users .layout-form label, #orders-showroomsellers-list .users .layout-form label {width: auto; display: inline-block;} #users-showroomsellers-list .users .layout-form label.form-grid-140, #orders-showroomsellers-list .users .layout-form label.form-grid-140 {width: 140px} #users-showroomsellers-list .users .layout-form p, #orders-showroomsellers-list .users .layout-form p {padding: 3px 0} /**************************************/ /* Encart personnalisable du footer ====================================*/ /** * Permet d'aligner verticalement un contenu lorsque ses dimensions ainsi que celles de son parent sont inconnues
*/ .v-align-wrap {letter-spacing: -0.31em; /* Corriger le problème avec les polices non web-safe */ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;} .opera:-o-prefocus, .v-align-wrap {word-spacing: -0.43em; /* Fix for Opera */} .v-align-wrap:before {content: ""; display: inline-block; height: 100%; vertical-align: middle;} .v-align {display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing:normal;} /* Sites partenaires */ .partners-footer {margin-top:20px; text-align:center;} .ttl-partners-footer {color:#c0c0c0; font-size:20px; font-size:2rem; letter-spacing:0.2em; text-align:center;} .partner-footer {padding:0 15px 15px; text-align:center; text-transform:uppercase;} .partner-footer-logo {position:relative; padding-bottom:56.25%;} .partner-footer-logo a {position:absolute; top:0; left:0; height:100%; width:100%;} .partner-footer-content {margin-bottom:15px; font-size:10px; font-size:1rem; text-align:left;} .btn-partner-footer {padding:3px 20px; border:1px solid; color:#000; font-size:9px; font-size:0.9rem;} .btn-partner-footer:hover {color:#CF1287;} /* home */ /**************************************/ #default-index-index {background:#fff} .bx-wrapper{margin-bottom: 10px;} .slider {max-height: 452px; overflow: hidden;} /* Slideshow  =============*/ /** * [1] On définit la hauteur du slideshow par rapport à son ratio (height/width*100) * [2] On ajoute `overflow:hidden` pour masquer les autres slides au chargement de la page * [3] Une fois le slideshow chargé, la hauteur est de nouveau définie en fonction du contenu */ .slideshow-new {position:relative; padding-bottom:41.8%; /* [1] */ margin:0 0 5px; background:#FFF; overflow:hidden; /* [2] */ z-index:1;} .slideshow-new .wrap {position:absolute; top:0; right:0; bottom:0; left:0; /* [1] */} .no-js .slideshow-new .bxslider-type2 {height:100%;} .no-js .slideshow-new .bxslider-type2 > li {height:100%;} .slideshow-new .slide-type2_item img {margin:0;} /* [3] */ .slideshow-new.loaded {padding-bottom:0; overflow:visible;} .slideshow-new.loaded .wrap {position:static;} /* Pagination */ .slideshow-new .bx-pager.bx-default-pager a {background:#e2e0de; text-indent: -9999em; display: block; width:14px; height:14px; margin: 0 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow:0 0 2px 0 black; -moz-box-shadow:0 0 2px 0 black; box-shadow:0 0 2px 0 black;} .slideshow-new .bx-pager.bx-default-pager a:hover, .slideshow-new .bx-pager.bx-default-pager a.active {background:#999795;} .full-size-round {width: 227px;height: 227px; margin: 20px auto 20px; position: relative;} .round-illus {width: 227px;height: 227px;border: 8px solid #7d7f7f;-moz-border-radius: 121px;-webkit-border-radius: 121px;border-radius: 121px; overflow: hidden;position: absolute;top:0; left: 0;} .round-illus img {-moz-border-radius: 121px;-webkit-border-radius: 121px;border-radius: 121px; overflow: hidden;} .round-illus.deco { -moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.2); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2); box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.2);} .round-illus.deco:hover {border-color:#CF1386; cursor:pointer; } .social i {margin: 0 5px} .top-vente-grid .desc { padding-bottom: 20px; color:#7d7d7d; text-transform: uppercase; padding:0 45px 15px;} .top-vente-grid .title {font-size: 17px; font-size: 1.7rem;color:#7d7d7d; text-transform: uppercase; padding-bottom: 5px} .top-vente-grid .title strong {font-weight: normal; color:#333;} .top-vente-grid .social {padding-bottom: 25px} .what-is-it {padding: 0 25px;} .what-is-it h3 {padding: 20px 0} .what-is-it .grid-1-3 {padding: 0 1px 0 0} .what-is-it .percent {color:#fff; background: #e3097c; line-height: 47px; font-size: 31px; font-size:3.1rem;} .what-is-it .text-present {padding: 15px 60px 40px;} .what-is-it .title {line-height: 47px; font-size: 17px; font-size:1.7rem; text-transform: uppercase; color:#333;} .what-is-it p {color:#7d7d7d; text-transform: uppercase;} .wrap-nl {background: #fff; padding: 12px 0 0} .bulle-nl {margin:0 auto; width: 424px;height: 424px;-moz-border-radius: 212px;-webkit-border-radius: 212px;border-radius: 212px;background-color: rgba(0,0,0,.8);} .ie8 .bulle-nl { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */position: relative;} .ie8 .bulle-nl input[type="text"] {background-color: #fff !important; position: relative;} .sep-top {background:url(../images/spacer.png) 0 0 repeat-x; height:9px; margin-top: 8px;} .bgd-newsletter {position:relative;background-image:url(../images/2.jpg);} [data-background-ratio] {background-position:50% 0;background-repeat: no-repeat;height: 450px;position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .gallery {padding: 0 ;} .gallery .full-size-round {width: 152px;height: 152px; margin: 20px auto; position: relative;} .gallery .round-illus {width: 152px;height: 152px;border: 4px solid #7d7f7f;-moz-border-radius: 76px;-webkit-border-radius: 76px;border-radius: 76px; overflow: hidden;position: absolute;top:0; left: 0;} .gallery .round-illus.deco { -moz-box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,0.2); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.2); box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,0.2);} /* nl */ .title-nl {padding: 10px 20px; display: inline-block; text-transform: uppercase; border: 1px solid #fff; border-left: none; border-right:none; color:#fff; font-size: 24px;font-size: 2.4rem;} .bulle-nl p { padding: 16px 0} .bulle-nl form {padding-top: 35px;} .bulle-nl form input[type="text"] {width: 276px;height: 34px;background-color: #fff;} .bulle-nl form input[type="text"]:focus {-moz-box-shadow: 0 0 6px #e3097b;-webkit-box-shadow: 0 0 6px #e3097b;box-shadow: 0 0 6px #e3097b;} .store-grid .title {font-size: 27px; font-size: 2.7rem; text-transform: uppercase; padding: 10px 0} .store-grid .desc {text-transform: uppercase; color:#7d7d7d; font-size: 14px; font-size: 1.4rem; padding-bottom: 15px} .wrap-new-coll {margin: 120px 0 -25px; border-top: 2px solid #5f5f60;} .wrap-new-coll h3 span {display:inline-block; border-top: 2px solid #5f5f60; border-bottom: 2px solid #5f5f60; line-height: 45px; padding: 10px 60px;background: #fff;position: relative; top:-60px;} .gallery .equal-size {height: 300px;position: relative;} .zone-price {position: absolute;bottom: 0; right: 0; width: 100%;} .price {color: #e3097b;font-size: 35px; font-size:3.5rem;} .promo-price-percent {display:inline-block; width:55px; height:20px; margin:4px 0 0 5px; line-height:20px; font-size:1.4rem; color:#fff; text-align:center; vertical-align:top; background:#DF197B;} .price-old {color:#ababab;font-size: 12px; font-size: 1.2rem; text-transform: uppercase;} .price-old span {font-size: 16px; font-size: 1.6rem;} .title-collection {text-transform: uppercase; font-weight: bold; font-size: 17px; padding: 0 0 8px} .full.gallery .grid-1-3 {position: relative;} .full.gallery .wrap-coll-small { display: block; max-width: 286px;height: 154px; margin: 0 auto 20px; } .wrap-coll-small .title-coll {width: 100%; display: inline-block; position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(255,255,255,.7); display: none} .wrap-coll-small:hover .title-coll {display: inline-block;} .wrap-coll-small .title-coll * {display: block;} .wrap-coll-small .title-coll span {color:#333; font-size: 22px; text-transform: uppercase; padding-top: 50px} .wrap-coll-small .title-coll strong {color:#333; font-size: 22px; text-transform: uppercase;} .full.gallery > .grids:first-child {padding: 0 60px} .ie8 .wrap-coll-small .title-coll {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-8 */} .flat-card {text-align: center; margin-bottom: 7px; position: relative;} .flat-card.mini {height:170px } .flat-card.small {height:258px } /*.flat-card.medium {height:320px }*/ .flat-card.medium {height:365px;overflow: hidden;} /*.flat-card.big {height:497px }*/ .flat-card.big {height:567px } .flat-card.one, .flat-card.one .infos {background:#8AC8ED} .flat-card.two, .flat-card.two .infos {background:#EFBB2A} .flat-card.three, .flat-card.three .infos {background:#D22656} .flat-card.four, .flat-card.four .infos {background:#50C3C6} .flat-card.five, .flat-card.five .infos {background:#04697D} .flat-card.six, .flat-card.six .infos {background:#0ba98d} /*.full.metro {max-width: 850px}*/ .full.metro {max-width: 980px} .flat-card .infos {display: none;} .flat-card:hover .infos {display: block; position: absolute;top: 0; bottom: 0; left: 0; right: 0; display: table-cell; vertical-align: middle;} .flat-card:hover .infos span {display: block; color:#fff; text-transform: uppercase;} .flat-card:hover .infos .plus {font-size: 40px; font-size: 6.0rem;} .flat-card:hover .infos .title, .flat-card:hover .infos .title .price {font-size: 22px; font-size: 2.2rem;} .flat-card:hover .infos .goto {position: absolute;bottom: 5px; width: 100%} .store-grid {max-width: 855px; margin: 0 auto; overflow: hidden;} .store-grid [class*="line-"] {margin-bottom: 10px} .tile-concept {height: 200px; display: table-cell; width: 285px; vertical-align: middle;} .tile-concept.lille {background: #7fa5b9} .tile-concept.paris {background: #e67a51} .tile-concept.bruxelles {background: #fd3b6a} .storelocator { padding: 30px 0 0; font-size: 34px; font-size: 3.4rem; } .citynames {padding-bottom: 20px} .tile-concept {color:#000; text-transform: uppercase; font-size: 18px; font-size: 1.8rem;} .tile-concept span {color:#fff;} .store-grid .hide {display: none;} .store-grid [class*="line-"]:hover .hide {display: block} .store-grid [class*="line-"]:hover .visible {display: none;} .store-grid img {max-width: 9999em; width: 570px} .store-grid .grid-1-3 {overflow: hidden;} /**************************************/ /* login */ /**************************************/ .page-login h1 {font-size: 45px; font-size: 4.5rem;padding: 20px 0 0; color:#333;} .page-login .grid-half {border-right: 1px solid #de69b0;} .shops.page-login .grid-half {border-right: none} .page-login .grid-half + .grid-half {border:none;} .page-login .subtitle {color:#d2d2d2; font-size: 17px; font-size: 1.7rem; text-transform: uppercase;padding: 0 0 40px;color:#333;} .page-login .grid-half .form-title { color:#000; text-transform: uppercase; font-size: 20px;} .page-login .middle-button {padding: 30px 0 15px} .mandatory {color:#E3097C; font-size: 12px; padding-left: 80px; padding-bottom: 20px} .page-login .goto {padding: 8px 0 0} .page-lost .goto a, .page-login .goto a {color:#000; font-size: 11px; font-style: italic;text-decoration: underline;} .page-login form {padding-bottom: 30px} #users-account-login .page-login form {padding-bottom: 97px} .page-login .layout-form label { line-height: 25px;} .page-login .layout-form input[type="date"], .page-login .layout-form input[type="text"], .page-login .layout-form input[type="password"] {width: 40%;} .page-login .layout-form p {padding: 5px 0; } /**************************************/ /* lost */ /**************************************/ .page-lost .btn-action {padding: 0 10px} #users-account-lost #email {width: 358px} /**************************************/ /* create */ /**************************************/ #users-account-profile, #users-account-create {overflow-x:hidden;} .page-create .form-title { color:#fff; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; background: #E3097C; margin: 20px 0 0; text-indent: 80px;} .page-create .form-subtitle { color:#000; text-transform: uppercase; font-size: 16px; padding: 15px 0 8px} .page-create .grid-half {border-right: 1px solid #de69b0;} .page-create .grid-half + .grid-half {border:none;} .page-create .form-grid-190 {text-align: right;} .page-create .form-grid-120 {text-align: right;} .page-create input[type="checkbox"] {margin: 5px 8px 0; } .page-create .birthdate select {width: auto;} .page-create .required {color:#d53296;} .layout-form .tel-mandatory {padding-right: 128px; font-size: 11px; color:#E3097C; text-transform: uppercase;} #users-address-update .layout-form .tel-mandatory {padding-right: 0; } .layout-form .tel-mandatory small {font-size:10px;font-style: italic; color:#b5b5b5;} .page-create .layout-form label { line-height: 25px;} .page-create .layout-form input[type="date"], .page-create .layout-form input[type="text"], .page-create .layout-form input[type="password"] {width: 40%;float: left;} .page-create .layout-form select {float: left;} .page-create .layout-form p{padding: 5px 0; } .page-create .fake-p {position: relative;} .page-create .fake-p [for="facturation"] {width: 440px} .facturation-address {max-height: 0; overflow: hidden;clear: both; background: #fff -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; } #facturation:checked + .facturation-address { max-height:999em; overflow: visible; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; } /**************************************/ /* profil */ /**************************************/ #sidebar {padding-top: 25px} .menu-user {border: 1px solid #bcbcbc;background-color: #fff;-moz-box-shadow: 3px 4px 5px rgba(0,0,0,.11);-webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.11);box-shadow: 3px 4px 5px rgba(0,0,0,.11); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIxOSAxMzciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjE5IiBoZWlnaHQ9IjEzNyIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%); background-image: linear-gradient(from bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);} .menu-user li {padding: 0 10px;} .menu-user li a { border-top: 1px solid #d8e0e5; padding: 8px 0; display: block; text-transform: uppercase; color:#333; } .menu-user li:first-child a {border: none;} .menu-user li .round {display:inline-block; width: 28px;height: 28px;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;background-color: #e3097b; line-height: 28px; text-align: center; margin-right: 8px} .menu-user li:before {position: absolute} .menu-user li .round i {vertical-align: middle;} .menu-user li .round .i-cagnotte {margin: -1px 0 0 -4px} .menu-user li:hover {background: #ced9df;} .menu-user .active {background: #ced9df; position: relative;} .menu-user .active:before {top:50%;background-position: -90px -229px;width: 8px;height: 11px; margin-top: -5px; right: 8px;} .users {position: relative;} .users h1 {font-size: 45px; font-size: 4.5rem;padding: 20px 0;line-height: 45px} .table-user {border-bottom: none;} .table-user th {background: #CED9DF;border:1px solid #d8e0e5; font-size: 12px; font-size: 1.2rem; } .table-user td {background: none;border:1px solid #d8e0e5;} .table-user th , .table-user td {padding: 5px} .table-user table {border-bottom: 1px solid #bcbcbc !important} .table-user .btn-action {padding:0 20px;} .table-user .button-option {width: 130px} .table-user .see-file {color:#E3097B;} .page-profil p, .page-address p {padding: 5px 0} .page-address [class^="btn-"] {display: block;width: 100%;} .users .layout-form label {line-height: 24px; display: block;} .users .layout-form input[type="text"], .users .layout-form select {display: block;width: 100%;} .users .layout-form .birthdate select {display: inline-block; width: auto} .users .layout-form .error{display: block;} .friends {padding: 5px 0} .friends .btn-delete {cursor: pointer;} .add-friend { padding-top: 10px} .friends .grid-auto {line-height: 28px; padding: 0 6px 0 0 } .parrainage h3 {padding: 15px 0} .friends .email { width: 385px} .table-parrain {margin: 20px 0} .table-parrain td {border:1px solid #ddd; padding: 6px; } .table-parrain .top {vertical-align: top; border:none;} /*envoyer à un ami*/ #catalog-products-sendtofriend #friends {width: 100%} #catalog-products-sendtofriend .friends {position: relative;} #catalog-products-sendtofriend .friends label, #catalog-products-sendtofriend .friends input {vertical-align: top;} #catalog-products-sendtofriend .friends .btn-delete {position: absolute; top:0 ; right: 0} #catalog-products-sendtofriend [for="message"] {width: 190px} #catalog-products-sendtofriend td.label {width: 190px} /**************************************/ /* news */ /**************************************/ .news {border:1px solid #ddd; background:#fff; -moz-box-shadow: 0 2px 2px rgba(221,221,221,.5);-webkit-box-shadow: 0 2px 2px rgba(221,221,221,.5);box-shadow: 0 2px 2px rgba(221,221,221,.5); display: block; margin-bottom: 10px; width: 319px} .news-cont {padding:0 10px 10px} .news iframe {max-width: 100%; } .news .btn-action {color:#fff !important; display: block;width: 100%; text-decoration: none; text-align: center; padding:0;} .wrap-news {width: 980px;} .news .date {font-size: 11px;font-size:1.1rem;font-style: italic;} .news .summ {font-size: 15px; font-size: 1.5rem;padding-top:8px ; overflow: hidden;} .news .summ img {max-width: 150px;max-height: 150px; margin: 0 8px 8px 0} .news-img {margin: 0 8px 8px 0} /**************************************/ /* panier */ /**************************************/ .steps .grid-1-3 { border-bottom: 6px solid #cdcccc; margin-bottom: 15px; padding-top: 20px; position: relative;} .steps .grid-1-3 .text {color:#cdcccc; font-size: 12px; font-size: 1.2rem; text-transform: uppercase; padding: 4px 0; display: inline-block;} .steps .grid-1-3 .num {width: 26px;height: 26px;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;background-color: #cdcccc; line-height: 26px; color:#fff; font-size: 19px; font-size: 1.9rem; position: absolute; bottom: -16px;left: -10px;} .steps .active {border-color:#cf1187;} .steps .active .text {color:#cf1187;} .steps .active .num {background-color: #cf1187;} .basket h1 {font-size: 45px; font-size: 4.5rem;padding: 20px 0 0; color:#333;text-align: center;line-height: 38px} .basket .subtitle {font-size: 17px; font-size: 1.7rem; color:#7a7a7a; text-transform: uppercase;text-align: center; margin-bottom: 15px;} .basket .subtitle.coupons {margin: 8px 0 5px} .coupons .product {padding: 10px !important;} .coupons .product p {padding: 5px 0 0;} .wrap-recap {background: #f3f3f3; border:1px solid #f2f1f1;} .wrap-recap .list-prods li { padding: 3px 10px; color:#666; font-style: italic; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; } .wrap-recap .list-prods li:first-child:before {color:#f3f3f3;} .wrap-recap .list-prods li:before {content: '+'; display: inline-block; color:#e3097b; font-style: normal; padding-right: 5px} .wrap-recap p {padding: 5px 10px; color:#666; font-size: 14px; font-size: 1.4rem;} .wrap-recap .title {color:#cf1287; font-size:24px; font-size: 2.4rem; text-transform: uppercase;padding: 15px 0} .wrap-recap .line-total {background: #fff; padding: 4px 0} .wrap-recap .line-total .flleft {color:#333; font-size: 17px; font-size: 1.7rem; line-height: 25px; text-transform: uppercase;} .wrap-recap .line-total .price {font-size: 24px; font-size: 2.4rem; line-height: 25px;} .wrap-recap .mode label {line-height: 25px;} .wrap-recap .mode select {display: block; width: 100%; background-color: #fff} .wrap-recap .help-line {color:#333; text-transform: uppercase; line-height: 18px; padding: 10px} .wrap-recap .help-line .btn-retour {line-height: 10px; font-size: 12px; font-size: 1.2rem;} .wrap-recap .round-help {display: inline-block; color:#fff; width: 18px;height: 18px;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;background-color: #cf1187;font-size: 18px; font-size: 1.8rem; line-height: 18px; text-align: center; cursor:pointer; vertical-align: top} .wrap-recap .temps-delivery {background: #fff; text-transform: none;color:#666; margin-bottom: 10px} .wrap-recap .promo-line input[type="text"] {background: #fff; height: 30px; line-height: 30px; margin-right: 4px; width: 64%;} .wrap-recap .promo-line [for="promo"] {line-height: 25px;} .wrap-recap .promo-line .btn-action {height: 30px; padding: 0 10px;} .wrap-recap .promo-line small {font-size: 11px; font-size: 1.1rem; font-style: italic; text-transform: none;display: inline-block; line-height: 16px;} .wrap-recap input[type="checkbox"] {margin-right: 5px} .wrap-recap .check-cagnotte {color: #333; font-size: 13px; font-size: 1.3rem;} .wrap-recap .paiement-act {display: block; width: 100%; font-size: 20px; font-size: 2.0rem; margin: 4px 0} .delivery .media-body {display: block;cursor: pointer;} .delivery label span {font-size: 14px; font-size: 1.4rem;color:#666; text-transform: uppercase;} .delivery .media-img {display: block;} .delivery label small {font-size: 11px; font-size: 1.1rem; color:#666; font-style: italic;text-transform: uppercase;display: inline-block;line-height: 12px;} .delivery label .price {color:#e3097b;} .delivery li:hover {background:#d8e0e5; } .delivery li:hover label span {color:#e3097b;} .wrap-counting p {background-color: #fff;padding: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQwNCA1MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI0MDQiIGhlaWdodD0iNTAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #f1f1f1 0%, #fff 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #f1f1f1 0%, #fff 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #f1f1f1 0%, #fff 100%); /* gradient overlay */ background-image: linear-gradient(from bottom, #f1f1f1 0%, #fff 100%); /* gradient overlay */} .wrap-counting p span {text-transform: uppercase; color:#333; font-size: 14px; font-size: 1.4rem;} .basket .product {border: 1px solid #bcbcbc; padding: 10px 0; border-top: none;} .basket .product:first-child {border-top: 1px solid #bcbcbc} .basket .product .name {color:#333; font-size: 17px; font-size: 1.7rem;text-transform: uppercase;} .product .details {line-height: 22px; text-transform: uppercase;} .product .details input {display: inline-block; width: 80px; background-color: #fff; height: 22px; line-height: 22px;} .wrap-price .total {font-size: 14px; font-size: 1.4rem; color:#333; text-transform: uppercase;} .wrap-price span {display: block; } .wrap-price .price {font-size: 32px; font-size: 3.2rem} .wrap-price [class^="btn-"] {padding: 0 10px; min-width: 110px; line-height: 27px; height: 27px; margin: 3px 0} .help {padding-top:5px;} .help .title {color:#333; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; padding: 10px 0} .help a {display:inline-block; color:#666; font-size: 13px; font-size: 1.3rem; padding: 4px 0; text-decoration: underline;} .basket .product .price {font-size: 25px; font-size: 2.5rem;} .empty-basket {padding: 20px; font-size: 18px; font-size: 1.8rem;} .wrap-transfer {max-width: 700px; margin: 0 auto} .transfer {margin: 20px 0 10px; border:1px solid #999; } .transfer th {background-color: #cfcfcf; color:#333; padding: 5px; border:1px solid #999; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExODkgMTYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjExODkiIGhlaWdodD0iMTYwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(bottom, #cbcbcb 0%, #b7b7b7 100%); background-image: -o-linear-gradient(bottom, #cbcbcb 0%, #b7b7b7 100%); background-image: -webkit-linear-gradient(bottom, #cbcbcb 0%, #b7b7b7 100%); background-image: linear-gradient(from bottom, #cbcbcb 0%, #b7b7b7 100%); } .transfer td { color:#333; padding: 5px; border:1px solid #999;} /**************************************/ /* univers */ /**************************************/ #catalog-rooms-view .main-cont {padding-top:0;} .universe { padding-top:84px; background-position:center top; background-repeat: no-repeat; min-height: 740px;} .universe .bx-wrapper .bx-controls-direction a {top:150px;} .universe .bx-wrapper .bx-controls-direction .bx-prev {left: -16px} .universe .bx-wrapper .bx-controls-direction .bx-next {right:-16px;} .universe .btn-action.active {background-color: #a10b67; border-color: #a10b67;} .universe h2 {color: #fff; font-size: 45px; font-size: 4.5rem;} .universe h3 {color: #fff; font-size: 17px; font-size: 1.7rem; padding-bottom: 15px} .universe .intro-univers h3 + p {color: #fff; padding-bottom: 15px; font-size: 14px; font-size: 1.4rem;} .main-ambiance {margin: 20px 0} .references img, .main-ambiance img {display: inline-block;} .ambiance {background: #fff; padding-top: 20px;} .references .product-name a {color:#333; font-size: 13px; font-size: 1.3rem;text-transform: uppercase;} .references .product-name {display: block; padding: 4px 0} .references .product-price {position:relative;} .references .product-price a {color:#cf1386; font-size:20px; font-size: 2.0rem;text-transform: uppercase; padding:2px 0} .product-price .promo-price-percent {display:inline-block; width:55px; height:20px; margin:4px 0 0 5px; line-height:20px; font-size:1.4rem; color:#fff; text-align:center; vertical-align:top; background:#DF197B;} .references .price-old {font-size: 10px; font-size: 1.0rem;} .references .price-old span {font-size: 13px; font-size: 1.3rem;} .references .product-details a {color:#666; font-size: 13px; font-size: 1.3rem; text-transform: uppercase;display: block; padding: 3px 0 0} .product-dispo, .references .product-dispo a {color:#989696; font-size: 11px; font-size: 1.1rem; text-transform: uppercase; margin-top:4px; padding-left: 4px; text-align: right; font-weight: normal;} .product-dispo:before {width: 7px;height: 7px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #9be709;} .product-dispo.available:before {background: #9be709} .product-dispo.outofstock:before {background: #f20000} .product-dispo.inarrival:before {background: #f29f00} .product-dispo.soldout:before{background:#000;} .soldes-txt {position:absolute; top:10px; right:10px; display:inline-block; width:46px; height:46px; line-height:40px; color:#fff; font-size:11px; text-align:center; font-weight:800; background:url('../images/bgd_default_solde_txt_v2.png') no-repeat 0 0 transparent;} .references img {max-width: 258px} .references .grid-1-3 {margin: 10px 0} .banner {padding: 20px 0; } .banner img {border:1px solid #e0e0e0;} .wrap-img-univers {position: relative;} .wrap-img-univers .round {display:inline-block; color:#fff; width: 62px;height: 62px;-moz-border-radius: 31px;-webkit-border-radius: 31px;border-radius: 31px;background-color: #e3097b;-moz-box-shadow: 0 1px 4px rgba(0,0,0,.56);-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.56);box-shadow: 0 1px 4px rgba(0,0,0,.56);text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-top: 10px; position: absolute; bottom: 10px; left: 0 } .bandeau {border: 1px solid #ddd; padding-top: 25px; margin:20px 0;} .bandeau .references {margin: -1px; background:none;} .bandeau .references .inner-deco {border-color:transparent;} .bandeau .references .inner-deco.hover {border-color:#ddd;} .bandeau .title {text-align: center;text-transform: uppercase; font-size: 20px; height: 38px; position: relative; margin-top: -38px} .bandeau .title span {display: inline-block; background:#fff; padding:0 20px;} .promo-percent {color:#fff; text-align:center; line-height:32px; width:42px; height:42px; border:2px solid #d7dfe5; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#df197b; font-weight:bold; position:absolute; right:10px; top:10px;} .references .promo-percent {width:46px; height:46px; line-height:42px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color:#e3097b; text-transform: uppercase; font-size: 11px; font-size: 1.1rem; top:10px; color:#fff; border:0;} .promo-cost, .references .promo-cost {background-color:#FFE011; color:#000; line-height:1.2; font-family:Arial;} .promo-cost span {position:absolute; top:50%; left:0; right:0; font-size:0.9rem; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /**************************************/ /* Fiche produit ========================*/ /*#catalog-products-view .bigger-price {font-size:55px; font-size:5.5rem;line-height:63px;padding-top:7px;}*/ /* Barre de navigation rapide (skip links) */ /*.access {border-top:1px solid #d8e0e5; padding:15px 0; margin:10px 0;} #catalog-products-view .social i {margin:0 7px 0 3px;} .links a {color:#666; font-size:14px; font-size:1.4rem; line-height:32px; display:inline-block; padding:0 5px} .links a:hover {text-decoration:underline;} .links .active {color:#e3097c;}*/ #catalog-products-view {/* overflow:hidden; */} #catalog-products-view .main-cont {padding-top:84px;} #catalog-products-view #breadcrumb {margin-bottom:15px;} /* Titres */ .ttl-product {position:relative; z-index:2; float:right; margin-bottom:10px; text-align:right; white-space:nowrap;} .ttl-product-alpha {padding:0; background:#FFF; color:#C3C3C3; font-size:18px; font-size:1.8rem;} .ttl-product-alpha [itemprop="color"] {text-transform:none;} .ttl-product-beta {color:#000; font-size:15px; font-size:1.5rem;} /* Prix du produit */ .block-product-price {position:relative; clear:both; margin-bottom:10px; text-align:right;} .block-product-price .wrap-product-price {min-height:58px;} .block-product-price .price {position:relative; line-height:1;} .block-product-price .price-old {font-size:18px; font-size:1.8rem; text-decoration:line-through;} .block-product-price .soldes-txt {top:2px; right:inherit; left:0;} .pay-3x {position:relative; display:inline-block; padding-left:33px; margin:5px 0; font-size:12px; font-size:1.2rem; text-align:left;} .pay-3x.s:before {position:absolute; top:0; left:0; background-position:-124px -683px; width:26px; height:32px;} .pay-3x .weight {display:block; font-weight:bold;} .pay-3x a {color:#E3097B; text-decoration:underline;} /* Popin */ .pay-3x-content {font-size:14px; font-size:1.4rem;} .pay-3x-content p {margin:0 0 5px;} .pay-3x-content p:last-child {margin:0;} .pay-3x-content ul {list-style:disc inside; margin:10px; font-size:13px;} .pay-3x-mentions {font-size:12px; font-size:1.2rem; font-style:italic;} /* Réduction */ .block-product-price .promo-percent {position:absolute; top:0; left:0; right:inherit; width:46px; height:46px; margin:0 auto; text-transform:uppercase; font-size:14px; font-size:1.4rem; line-height:42px; background:#e3097b; border:0;} /* Si on affiche "Soldes/Promo" plutôt qu'un %age */ .block-product-price .promo-percent-txt {font-size:11px; font-size:1.1rem; line-height:46px;} /* Si on affiche "Prix Coutant" */ .block-product-price .promo-cost {top:0; line-height:1.2; background:#FFE011;} /* Ancre pour la partie mobile */ .product-anchor {display:none;} /* Non utilisé actuellement */ .sterling {text-align:right; font-size:18px; font-size:1.8rem; line-height:18px;} /* Disponibilité du produit */ .product-availability {margin-bottom:20px;} /* Stock */ .stock-figures {font-size:11px; font-size:1.1rem; text-transform:uppercase; text-align:center;} /* Statut */ .product-availability .product-dispo {font-size:14px; font-size:1.4rem; padding:0;} .product-availability .product-dispo:before {display:none;} .product-availability .available {color:#85ca18;} .product-availability .outofstock {color:#f20000;} .product-availability .inarrival {color:#f29f00;} .product-availability .soldout {color:000;} /* Choix d'une référence */ /* Ces 2 déclarations nous permettent de déplacer le contenu via JS en fonction de la taille de l'écran */ .js .mob-choose-product {display:none;} .js .desk-choose-product {display:block;} .chose-product .title {margin-bottom:3px; font-size:14px; font-size:1.4rem; text-transform:uppercase;} .chose-product .bx-controls .bx-pager {display:none;} /* Filtre sur les références */ .filters-prod {text-align:center;} .filters-prod li {padding-bottom:8px;} .filters-prod label {padding-bottom:5px; text-transform:uppercase;} .filters-prod select {background-color:#fff;} /* Quantité de références */ .quantity-prod {text-align:right; margin:20px 0;} .quantity-prod li {padding-bottom:8px;} .quantity-prod label {padding-bottom:5px; text-transform:uppercase;} .layout-form.quantity-prod input {width:74px; background-color:#fff;} /* Slider pour le choix d'une référence */ .wrap-slider-ref {position:relative; margin:0 auto 10px; padding:0 0 0 10px; text-align:center;} .wrap-slider-ref .bx-wrapper {position:static; margin-bottom:0;} .wrap-slider-ref [data-references="references"] {overflow:hidden;} /* Contrôles du slider */ .wrap-slider-ref .bx-controls-direction a {background-color:#FFF; width:19px; height:34px; margin-top:-17px;} .wrap-slider-ref .bx-prev {background-position:-391px -184px; left:-25px;} .wrap-slider-ref .bx-prev:hover {background-position:-391px -232px;} .wrap-slider-ref .bx-next {background-position:-432px -184px; right:-25px;} .wrap-slider-ref .bx-next:hover {background-position:-432px -232px;} /* Slide */ .wrap-slider-ref li {vertical-align:top;} /* Vignette */ .show-ref {border:1px solid transparent; text-align:center; display:block; padding:4px;} .show-ref.active {border-color:#cbcbcb;} .show-ref span {text-transform:uppercase; font-size:8px; font-size:0.8rem; color:#333; display:block;} .show-ref .ref-stock {color:#666;} .show-ref img {margin-bottom:5px} /* Encart pour ajout au panier */ .product-actions {} .product-actions .btn-action {display:block; padding:0; width:100%; text-align:center;} .product-actions .layout-form input[type="checkbox"] {margin:2px 4px 0 0;} .product-actions .layout-form input[type="checkbox"] + label {padding:0; width:85%; font-size:11px; font-size:1.1rem;} /* désactivation du logo car on n'a plus de délai d'expéditon .inner-sidebar .expedition {position:absolute;top:7px;right:29px;}*/ /* Affichage des délais de livraison */ .estimated-delivery {background:#d8e0e5; padding:10px; display:table; width:100%; margin-top:5px} .estimated-delivery .tcell {display:table-cell; vertical-align:middle; font-size:11px; color:#666;} .estimated-delivery .tcell strong {color:#333; text-transform:uppercase;} .estimated-delivery .i-date-delivery {margin-right:10px; text-align:center; font-size:15px; color:#333; padding-top:10px; font-style:normal; position:relative;} .i-date-delivery .time {position:absolute; left:0; bottom:30px; background-color:#e20c7c; width:43px; text-align:center; font-size:9px; color:#fff;} /* Partage */ .product-share {margin:10px 0; text-align:center;} .product-share > li {vertical-align:top;} .product-share > li > a {color:#B2B2B2; text-transform:uppercase;} .block-social {position:relative; margin-top:10px; padding:10px 5px; border:2px solid #a2b1bb; min-width:215px; background:#FFF;} .block-social:after, .block-social:before {content:""; position:absolute; bottom:100%; left:35%; border:solid transparent; height:0; width:0; pointer-events:none;} .block-social:after {border-color:transparent; border-bottom-color:#f7ffff; border-width:10px; margin-left:-10px;} .block-social:before {border-color:transparent; border-bottom-color:#a2b1bb; border-width:13px; margin-left:-13px;} .block-social .social {font-size:0;} /* Images du produit */ .main-illus .bx-wrapper {margin-bottom:15px;} /* Slideshow pour les visuels produits */ .main-slider {max-height:582px; overflow:hidden;} .main-slider > li {height:100%;} .main-slider > li > a {text-align:center; display:block;} .main-slider > li img {vertical-align:middle; display:inline-block;} .no-photo span {display:block; margin:0; min-height:163px; line-height:163px; background:url(../images/bgd_home.png); display:block; color:#b4b4b4; text-transform:uppercase; font-size:21px; font-weight:bold; text-shadow:1px 1px 1px rgba(255,255,255,.82); text-align:center;} /* Navigation du slideshow */ .wrap-main-controls {text-align:center;} .wrap-main-controls a {border:1px solid #fff; display:block; margin-bottom:10px} .wrap-main-controls .active {border:1px solid #cbcbcb;} /* Affichage des infos du produit ("Qui est ... ?") */ .wrap-more {min-height:276px; padding-bottom:30px; background-color:rgba(255,255,255,.5); -moz-box-shadow:3px 4px 5px rgba(0,0,0,.12); -webkit-box-shadow:3px 4px 5px rgba(0,0,0,.12); box-shadow:3px 4px 5px rgba(0,0,0,.12); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2MTggMjc2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE2MTgiIGhlaWdodD0iMjc2IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image:-moz-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); background-image:-o-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); background-image:-webkit-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); background-image:linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);} /* Variation sans image de fond */ .wrap-no-bg {background:none;} .ie8 .wrap-more {border-top:1px solid #e0e0e0; box-shadow:none;} .wrap-more h3 {text-align:center; padding:30px 0 25px;} /* Showrooms */ .wrap-showrooms {margin:0 auto; max-width:670px; text-align:center;} .wrap-showrooms .link {display:block; padding:15px 20px;} /* Cross-selling */ .cross-selling .inner-deco {border-color:transparent;} /* Note et commentaires sur le produit */ .stars h3 {text-align:center; padding:30px 0 10px;} .stars .note {font-size:45px; font-size:4.5rem; color:#c8c8c8;} .stars .note .number span {color:#cf1386;} .stars .based {font-size:11px; font-size:1.1rem;} .show-comments {text-transform:uppercase; color:#cf1386; font-size:15px; font-size:1.5rem;} .show-comments > i {margin-top:5px;} .comm {background:url(../images/bgd_home.png); padding:16px 0; margin:8px 0;} .comm p {font-size:12px; font-size:1.2rem; color:#666; line-height:14px;} .comm .note {text-transform:uppercase; color:#333; font-size:14px; font-size:1.4rem;} .comm .ministars {margin:0 0 0 5px;} .comm .by {color:#333; font-size:10px; font-size:1.0rem;} .comm .date {color:#666; font-size:10px; font-size:1.0rem;} .comm .title {color:#333; font-size:12px; font-size:1.2rem;} .comm .prod-name {text-transform:uppercase; color:#000; font-size:15px; font-weight:bold; padding-left:10px; text-align:left; text-decoration:none;} .comm .prod-name a {display:block; color:#000;} /* Contrôle pour les différents slideshow */ .ambiance .bx-wrapper .bx-controls-direction a, .slider .bx-wrapper .bx-controls-direction a, .main-illus .bx-wrapper .bx-controls-direction a {width:22px; height:138px; margin-top:-59px;} .ambiance .bx-wrapper .bx-prev, .ambiance .bx-wrapper .bx-prev:hover, .slider .bx-wrapper .bx-prev, .slider .bx-wrapper .bx-prev:hover, .main-illus .bx-wrapper .bx-prev, .main-illus .bx-wrapper .bx-prev:hover {background-position:-126px -307px;} .ambiance .bx-wrapper .bx-next, .ambiance .bx-wrapper .bx-next:hover, .slider .bx-wrapper .bx-next, .slider .bx-wrapper .bx-next:hover, .main-illus .bx-wrapper .bx-next, .main-illus .bx-wrapper .bx-next:hover {background-position:-198px -307px;} /* NEW PRODUCT PAGE */ .ttl-product{width: 100%;text-align: center;} .ttl-product .wrap-stars{text-align:center;margin:auto;display:block;} .grids-revert .bx-wrapper{margin-top:10px;} /* price */ .grids-revert .block-product-price .wrap-product-price{min-height:0} .grids-revert .price, .price-old{float:left;} .grids-revert .price-old{margin-top:16px;} .grids-revert .promo-price-percent { margin-top:-10px;width: 55px; height: 55px; line-height: 55px; font-size: 1.6rem; border-radius: 50%; font-weight: bold;} .grids-revert .block-product-price{text-align:left;} .grids-revert .block-product-price .price{float:left;font-size:35px;} .grids-revert .promo-price-percent{float:right;} .grids-revert .price-old{float: left; margin-left: 10px;font-size:15px;} .promo-percent-txt{top:inherit;right:0;line-height:42px;border:0;font-size:15px;} .block-product-price .promo-percent{left:inherit;right:0;} /* ecopart */ .grids-revert .ecopa{clear:both;} .soldes-txt{ position: absolute; top: -70px !important; left: 0px !important; display: block; z-index: 1000; } /* payment 3x */ .grids-revert .pay-3x.s:before{height:25px;width:25px;background:url('http://dev.keria.com:8081/3x_AD.jpg');} .grids-revert .pay-3x.s{line-height:25px;margin-top:-10px;} /* options */ .grids-revert .desk-choose-product{clear:both;margin-top:40px;} .grids-revert .filters-prod label, .js-move-choice .filters-prod label{margin:5px;clear:both;} .grids-revert .btnselect, .js-move-choice .btnselect{margin-left:20px;float:left;width:auto;cursor:pointer;color:#25bcd9; width:auto;padding:5px 10px;text-transform:uppercase;font-weight:bold;} .grids-revert .btnselect.on, .js-move-choice .btnselect.on{color:#ffffff;background-color:#25bcd9;} /* fidelity */ .grids-revert p.center small{position:absolute;top:60px;text-transform:uppercase;;clear:both; background:#d7dee4;display:block;width:100%;padding:10px; font-size: 10px;} /* CTA */ .grids-revert .btn-action, input.btn-action, .btn-action:hover, input.btn-action:hover{background-color:#25bcd9} .grids-revert .product-actions .btn-action{width:230px;position:absolute;top:0;right:0;height:50px;} .grids-revert .product-actions .btn-action{ background: #25bcd9 url('http://dev.keria.com:8081/cart_AD.jpg'); background-position:20px 50%; background-repeat:no-repeat; padding-left:20px; } .grids-revert .product-actions .btn-action-alpha {padding-left:0; font-size:18px; color:black; background:#e3097b;} /* actions */ .grids-revert .product-actions{position:relative} /* qty */ .grids-revert .cart-quantity{display:block;} .grids-revert .product-dispo{float:left;margin-top: 0px;} .ttl-product-beta{text-align:center;} .grids-revert .quantity-prod{text-align:left; min-height:50px;} .grids-revert .quantity-prod label{display:none;} .grids-revert .layout-form.quantity-prod select{height:48px;width: 50px;margin-top: 1px; background-color: #fff;background-image:none;} .grids-revert .layout-form.quantity-prod input{display:none;} /* colors */ .grids-revert .show-ref{border-color:#e6e6e6;} .grids-revert .show-ref.active{border-color:#000;} /* hide */ .filters-prod select, .estimated-delivery, .js-trigger-dialog, #choisir .title,.product-share,.stock-figures{display:none} /**************************************/ /* listing */ /**************************************/ #catalog-categories-view .main-cont, #catalog-highlights-view .main-cont {padding-top: 84px;} /*.all-styles {margin:0 0 20px -20px; background: #d8e0e5; padding:1px 4px; height: 57px;} .all-styles ul {height: 57px; display: table-cell; vertical-align: middle;} .all-styles li {padding: 0 8px 0 0; } .all-styles li a {color:#333; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; position: relative; display: block;} .all-styles li a span {display: block; padding: 5px 10px; position: relative;bottom:0 left: 0} .all-styles li a:hover span {background-color: #D8E0E5;} .all-styles .active a span {background:none;display: block; padding: 5px 10px; color:#000; position: relative;bottom:0; left: 0; font-weight: bold} .all-styles .active a:hover span {background:;}*/ .cat-filters {background:#f4f3f3;} .cat-filters h2, .cat-filters-ttl {font-size:13px; font-size: 1.3rem; padding: 10px 10px 5px; border-top: 1px solid #d7d7d7;} .cat-filters ul {padding: 5px 10px 10px; border-bottom: 1px solid #fff} .cat-filters ul a {color:#000; font-size: 11px; font-size:1.1rem; text-transform: uppercase;} .cat-filters ul li {padding: 3px 0} .cat-filters i {margin:0 5px 3px 0; vertical-align:middle;} /* Affichage des styles */ .styles h2 {padding:0; border:none; font-size:11px; font-size:1.1rem;} .clear-filters {padding: 10px; background: #d8e0e5; } .clear-filters .btn-back {padding: 0; display: block; width: 100%; text-align: center;} .clear-filters p {font-size: 14px; font-size: 1.4rem; color:#666; text-transform: uppercase;} .color-cube {width: 17px;height: 17px; display: block; border: 2px solid #F4F3F3;} .active .color-cube {border-color:#000;} #catalog-search-index .references img, #catalog-products-new .references img, #catalog-categories-view .references img {max-width: 100%} .references .no-illus {min-height: 163px; line-height: 163px; background: url(../images/bgd_home.png); display: block;color: #b4b4b4;text-transform: uppercase; font-size: 21px;font-weight: bold;text-shadow: 1px 1px 1px rgba(255,255,255,.82);} .references .has-illus {min-height: 1em; line-height: 1em; display: block; text-align: center;} .references .has-illus span {display: none;} .references .colors-ref [data-reference="reference"] {display: none;} .references .colors-ref {margin-top: 4px} .inner-deco {border: 1px solid #fff; position: relative; margin-right: 1px} .inner-deco .wrap-notes, .inner-deco .infos {display: none;} .inner-deco .reference {padding:8px 8px 15px 8px;} .inner-deco.hover {border: 1px solid #ddd; z-index: 99999} .inner-deco.hover .infos { z-index:9999; display:block; background: #fff; position: absolute; top: 100%; min-height: 36px; left: -1px; right: -1px; border: 1px solid #ddd; border-top: none;} .inner-deco .details {padding: 8px;} .inner-deco .btn-action {width: 100%; text-align: center;} .inner-deco .details {text-transform: uppercase;} .inner-deco .details ul li {font-size: 11px} .inner-deco.hover .wrap-notes {display:block; position: absolute;top:0; left: 0; right: 0} .small-illus {min-height: 163px;} [data-slider-prices="prices"] {margin:28px 10px 20px} .noUi-handle {position: relative;} .noUi-handle .showValue {position: absolute; top:-27px; left:50%; margin-left:-40px; line-height: 18px; background: #fff; padding: 3px; border: 1px solid #ddd;white-space: nowrap; min-width: 80px; text-align: center; font-weight: bold;} .others-filters h3 {position: relative; cursor: pointer;} .others-filters h3:before {content: "+"; display: inline-block; width:10px; height: 10px; text-align: center; line-height: 10px; vertical-align: middle; position: absolute; right: 8px; top:50%; margin-top: -5px; font-size: 11px; background: #CF1386; color: #fff; font-weight: bold;} .others-filters h3.open:before {background: #fff; color:#333;} .others-filters h3 + ul {display: none;} .paginator .sep {display: none;} .paginator a {width: 24px; text-align: center;} .paginator span {width: 24px; text-align: center; background:#cf1386; color:#fff;font-weight: bold;} .page-reserve .layout-form p {padding: 3px 0} .wrap-buttons {padding: 0 10px 10px} .wrap-buttons [class^="btn-"] { padding: 0 10px; line-height: 25px; height: 25px;} .exclu-menu {margin-top: 10px;} .exclu-menu a {line-height: 26px; padding: 0 8px; text-transform: uppercase; color:#000; background: #efefef; display: block;width: 100%} #catalog-highlights-view .references .small-illus a {display: block;} #catalog-highlights-view .references .small-illus a img {max-width: 100%} /**************************************/ /* process payment */ /**************************************/ .coordonnees h1 { padding-bottom: 20px} .coordonnees .buttons {padding-top: 25px} .coordonnees .addresses {margin: 10px;} .coordonnees .addresses > div {padding: 8px;} .payment .addresses {padding: 8px;} .payment .cgv {padding: 20px 0 20px 255px;} .payment .cgv a {color:#E20C7C; text-decoration: underline; display: inline-block; padding-bottom:6px} .list-payment label {display:block; padding: 0; border:1px solid #ddd; height: 108px; margin-bottom: 20px; vertical-align: top} .list-payment label span {display: block;} .list-payment label .media-body {height: 100px; display: table-cell; vertical-align: middle;} .list-payment label:hover {cursor: pointer; background:#f1f1f1 !important;} .list-payment .label-ico { line-height: 100px; height: 100px;display: inline-block; padding: 0 0 0 12px} .list-payment .label-ico i {vertical-align: middle;} .findpoint form {padding: 20px 0} .findpoint form p {padding: 4px 0} .delivery-wrap {padding: 8px; border: 1px solid #ced9df; margin: 0 0 15px;} .delivery-wrap:hover {background: #f3f3f3} #map_list_points {padding: 20px 0 8px} .delivery-address .vtop {vertical-align: top; } .delivery-address .vtop .price {font-size: 22px; line-height: 30px; padding-left: 5px} .delivery-address .vmiddle {vertical-align: middle;} .delivery-address label {display: block;width: 100%; cursor: pointer;} .delivery-address label > .media {padding-bottom: 6px} .delivery-address label > span {display: block; width: 100%} .delivery-address .vmiddle input {margin-right: 10px} .delivery-address .address {display:block; padding: 0} .delivery-infos span {display: block;} .delivery-infos .center {padding-top: 8px;} .wrap-map div {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} .wrap-map img {max-width:none;} .infoBox {background: #fff;border: 1px solid #f3f3f3; padding: 5px 8px} .infoBox h3 {color:#e20c7c;font-size: 20px} .infoBox h4 {font-size: 16px; padding: 8px 0 3px} /**************************************/ /* cms */ /**************************************/ .legal { padding: 18px 0; font-size: 18px; font-size: 1.8rem;} .address {padding: 40px 20px;} .ctrl-rooms .desc a, .ctrl-products .desc a, .cms-cont a { color:#CF1386; text-decoration: underline;} .ctrl-rooms .desc a:hover, .ctrl-products .desc a:hover, .cms-cont a:hover { color:#CF1287;} .cms-cont h1 {font-size: 24px; font-size: 2.4rem; padding: 10px 0 6px} .cms-cont h2 {font-size: 20px; font-size: 2.0rem; padding: 5px 0} .cms-cont h3 {font-size: 17px; font-size: 1.7rem;padding: 10px 0 5px} .cms-cont h4 {font-size: 15px; font-size: 1.5rem;padding:5px 0 5px} .cms-cont p {text-align: justify;} .cms-cont p.center {text-align: center;} .cms-cont p.right {text-align: right;} .cms-cont .btn-action {color:#fff; text-decoration: none;} .cms-cont .btn-action:hover {color:#fff;} .submenu {padding-top: 30px; } .submenu .deco-line {display: none;} .submenu li {padding-right: 50px} .catalog-plan .submenu li > a, .submenu li > a {color:#000; text-transform: uppercase;padding: 5px; display: block;} .submenu li > a:hover {background:#f3f3f3;} .catalog-plan.submenu .grid-auto ul > li, .submenu li ul > li {padding: 0 0 0 20px} .catalog-plan.submenu .grid-auto ul > li a, .submenu li ul > li a {display: block; padding: 5px; color:#000;} .submenu li ul > li a:hover {background:#f3f3f3;} .submenu .depth-3 a {text-transform: none} .catalog-plan.submenu .grid-auto {display: block; text-align: left;} .catalog-plan.submenu .grid-auto .goto {display: none;} .catalog-plan.submenu .grid-auto > a {font-weight: bold;} .catalog-plan.submenu .grid-auto ul {display: block;} .catalog-plan.submenu .grid-auto ul > li a {font-weight: normal; text-transform: none;} .catalog-plan.submenu .site-nav > .grid-auto:hover > ul, .catalog-plan.submenu .site-nav > .active > ul {position: static;} /**************************************/ /* contact */ /**************************************/ #message {width: 100%; height: 80px; margin: 3px 0 8px} #contact-index-index .layout-form p { padding: 4px 0} /**************************************/ /* newsletter */ /**************************************/ .mdl-newsletters .goto a {color:#000; font-size: 11px; font-style: italic;text-decoration: underline;} .mdl-newsletters .layout-form p { padding: 4px 0} /**************************************/ /* order summary */ /**************************************/ #orders-checkout-summary h1 {font-size: 28px; font-size: 2.8rem;} .wrap-addresses {background: #eee; padding: 20px 0 10px} .summary .order-summary {font-size: 17px; font-size: 1.7rem; padding: 20px 0 8px} .summary .subtitle {text-transform: uppercase; font-size: 15px; font-size: 1.5rem;} .summary-table .head td {background: #E3097B; color:#fff; font-size: 14px; font-size: 1.4rem;text-transform: uppercase; padding: 6px; } .summary-table .product td {padding: 6px;} .summary-table .product .name {font-size: 14px; font-size: 1.4rem;} .summary-table .product .price {font-size: 17px; font-size: 1.7rem;} .check-cagnotte {padding: 20px 0} .check-cagnotte input {margin: 0 5px 0 0} .cgv .error { display: block; width: 470px} /**************************************/ /* search results */ /**************************************/ .search-result-form {max-width:;margin:20px auto; text-align: center;} .search-result-form #query {width: 400px} .search-result-form .tt-hint {width: 100%} .search-result-form p * {vertical-align: middle;} /**************************************/ /* cagnotte */ .page-profil .dispose {padding: 15px 0; text-transform: uppercase;font-size: 15px} /*==================== /4 Styles responsive ======================*/ @media only screen and (min-width: 1000px) { .desk-hide {display: none;} .desk-show {display: block !important;} } /* Specific pour vente flash 1263*/ @media only screen and (max-width: 1290px) { .sold-sell {display:none !important;} } /* specific pour ipad / 1024 */ @media only screen and (min-width: 1534px) { #nav + div[itemscope] > .full {position: relative;} /* lorsqu'il y a une alerte sur la fiche produit */ #nav + div[itemscope] > .full + .full {position: relative;} } /* specific pour ipad */ @media only screen and (max-width: 1534px) { .hide-small {display: none;} .show-small {display: block;} /*.delivery-72 {padding-top: 70px !important;} .delivery-72 .estimated-delivery {padding:6px 6px 10px; }*/ } /* Environnement mobile : Tablettes & Téléphones ==================================================*/ @media only screen and (max-width: 1025px) { .color-cube {height: 28px; width: 28px; margin-right: 5px} .layout-form select { padding-right: 15px} .page-create .fake-p [for="facturation"] {width: 93%} .panel-nav li a { padding: 12px 8px;font-size: 1.4rem;} [data-background-ratio] {background-position:50% 0;background-repeat: no-repeat;height: 450px;position: relative; -webkit-background-size: auto 800px ; -moz-background-size: auto 800px ; -o-background-size: auto 800px ; background-size: auto 800px ; } } @media only screen and (max-width: 1000px) { /* Masquer certains éléments sur environnement mobile */ .mob-hide {display: none !important;} .mob-show {display: block !important;} /* Annuler le media object */ .media-mob .media-img, .media-mob .media-rev {float: none; display: block;} .media-mob .media-img, .media-mob .media-rev {margin-right:auto; margin-left:auto; margin-bottom:15px;} .grids {} [class^="grid-"] {} .mob-row {display: table; width: 100%; table-layout:fixed;} .mob-row > .mob-cell {display: table-cell; vertical-align: top;} .mob-unrow {display: block;} .mob-unrow > .cell {display: inline-block;} /* On défini les tailles de grilles sur environnement mobile */ /* Entier */ .mob-full {width: 100%;} /* Moitiés */ .mob-half, .mob-1-2, .mob-2-4, .mob-3-6, .mob-4-8, .mob-5-10, .mob-6-12 {width:50%;} /* Tiers */ .mob-1-3, .mob-2-6, .mob-3-9, .mob-4-12 {width:33.3333333%;} .mob-2-3, .mob-4-6, .mob-6-9, .mob-8-12 {width:66.6666666%;} /* Quarts */ .mob-1-4, .mob-2-8, .mob-3-12 {width:25%;} .mob-3-4, .mob-6-8, .mob-9-12 {width:75%;} /* Cinquièmes */ .mob-1-5, .mob-2-10 {width:20%;} .mob-2-5, .mob-4-10 {width:40%;} .mob-3-5, .mob-6-10 {width:60%;} .mob-4-5, .mob-8-10 {width:80%;} /* Sixièmes */ .mob-1-6, .mob-2-12 {width:16.6666666%;} .mob-5-6, .mob-10-12 {width:83.3333333%;} /* Huitièmes */ .mob-1-8 {width:12.5%;} .mob-3-8 {width:37.5%;} .mob-5-8 {width:62.5%;} .mob-7-8 {width:87.5%;} /* Neuvièmes */ .mob-1-9 {width:11.1111111%;} .mob-2-9 {width:22.2222222%;} .mob-4-9 {width:44.4444444%;} .mob-5-9 {width:55.5555555%;} .mob-7-9 {width:77.7777777%;} .mob-8-9 {width:88.8888888%;} /* Dixièmes */ .mob-1-10 {width:10%;} .mob-3-10 {width:30%;} .mob-7-10 {width:70%;} .mob-9-10 {width:90%;} /* Douxièmes */ .mob-1-12 {width:8.3333333%;} .mob-5-12 {width:41.6666666%;} .mob-7-12 {width:58.3333333%;} .mob-11-12 {width:91.6666666%;} .mob-center {text-align: center;} /* layout */ .layout-form select { padding-right: 15px} .page-create .fake-p [for="facturation"] {width: 91%; font-size: 90%} .telephone {left: 20px} .link-showrooms {right:20px;} /* adaptation recherche */ /* adaptation breadcrumb */ #breadcrumb {padding: 10px 10px 4px} /*adaptation menu */ .site-nav > .active > ul {width: 100%; } .search-form {position: relative;z-index: 0; padding-left: 20px} .header .search-form input[type="text"] {width: 400px} /* home */ .top-vente-grid .title {padding-top: 18px} /* login */ .page-login > .grids {padding: 0 10px; } /* lost */ #users-account-lost .main-cont form .btn-action {width:auto; max-width: 300px; display: block; margin: 5px auto} #users-account-lost .main-cont .goto {padding: 0 8px} /* univers */ .universe {min-height:0; background-position: center top; -webkit-background-size: 110% auto; -moz-background-size: 110% auto; -o-background-size: 110% auto; background-size: 110% auto;} .intro-univers, .ambiance {padding: 0 10px;} .ambiance {padding-top: 20px} .universe h1 {padding: 10px;} .references img {max-width: 100%} .intro-univers h2 {color: #333; font-size: 25px; font-size:2.5rem;font-weight: 700} .intro-univers h3 {color: #7d7d7d; font-size: 17px; font-size: 1.7rem; text-transform: uppercase; padding: 4px 0;} .universe .intro-univers h3 + p {color: #333; font-size: 14px; font-size: 1.4rem;} /* categories */ .clear-filters .btn-action {padding: 0; display: block; width: 100%; text-align: center;} .color-cube {height: 28px; width: 28px; margin-right: 5px} /* Fiche produit ==================*/ /* Ce bloc contient le prix du produit et le choix des références */ .product-sidebar {padding-right:15px;} .comm {padding: 10px;} .submenu > li {padding: 0 0 0 10px} .submenu > li > a {padding: 8px} .submenu > li ul > li a {padding: 8px} .payment .cgv {padding: 20px 0 20px 255px;} #friends {width: 350px} .last-line a {padding:7px 0} #catalog-products-sendtofriend [for="message"] {width: 130px} .wrap-transfer {margin: 0 10px} /* seller */ .wrap-orders-showroom .search {width: 50%; margin: 0 auto 30px} #orders-showroomsellers-list .users .layout-form label[for="date_end"] {width: 138px; margin-top: 3px} } /* On rajoute une media query supplémentaire pour gérer les cas spécifiques */ @media only screen and (max-width: 830px) { /* Modification spéficique pour l'affichage des partenaires */ .partners {display:none;} .telephone {left:10px;} } /* Téléphones ==================================================*/ @media only screen and (max-width: 730px) { /* Masquer certains éléments sur environnement mobile */ .palm-hide {display: none !important;} .palm-show {display: block !important;} /* Annuler le media object */ .media-palm .media-img, .media-palm .media-rev {float: none; display: block;} .media-palm .media-img, .media-palm .media-rev {margin-right:auto; margin-left:auto; margin-bottom:15px;} /* Grids =========*/ .grids {} [class^="grid-"] {} .palm-grids-10 { margin-left: -10px;} .palm-grids-10 > [class^="grid-"] {padding-left: 10px;} .palm-row {display: table; width: 100%; table-layout:fixed;} .palm-row > .mob-cell {display: table-cell; vertical-align: top;} .palm-unrow {display: block;} .palm-unrow > .cell {display: inline-block;} /* On défini les tailles de grilles sur environnement mobile */ .full {padding: 0} /* Entier */ .palm-full {width: 100% !important;} #users-account-login .page-login .palm-full{ height:auto !important;} /* Moitiés */ .palm-half, .palm-1-2, .palm-2-4, .palm-3-6, .palm-4-8, .palm-5-10, .palm-6-12 {width:50%;} /* Tiers */ .palm-1-3, .palm-2-6,item .palm-3-9, .palm-4-12 {width:33.3333333%;} .palm-2-3, .palm-4-6, .palm-6-9, .palm-8-12 {width:66.6666666%;} /* Quarts */ .palm-1-4, .palm-2-8, .palm-3-12 {width:25%;} .palm-3-4, .palm-6-8, .palm-9-12 {width:75%;} /* Cinquièmes */ .palm-1-5, .palm-2-10 {width:20%;} .palm-2-5, .palm-4-10 {width:40%;} .palm-3-5, .palm-6-10 {width:60%;} .palm-4-5, .palm-8-10 {width:80%;} /* Sixièmes */ .palm-1-6, .palm-2-12 {width:16.6666666%;} .palm-5-6, .palm-10-12 {width:83.3333333%;} /* Huitièmes */ .palm-1-8 {width:12.5%;} .palm-3-8 {width:37.5%;} .palm-5-8 {width:62.5%;} .palm-7-8 {width:87.5%;} /* Neuvièmes */ .palm-1-9 {width:11.1111111%;} .palm-2-9 {width:22.2222222%;} .palm-4-9 {width:44.4444444%;} .palm-5-9 {width:55.5555555%;} .palm-7-9 {width:77.7777777%;} .palm-8-9 {width:88.8888888%;} /* Dixièmes */ .palm-1-10 {width:10%;} .palm-3-10 {width:30%;} .palm-7-10 {width:70%;} .palm-9-10 {width:90%;} /* Douxièmes */ .palm-1-12 {width:8.3333333%;} .palm-5-12 {width:41.6666666%;} .palm-7-12 {width:58.3333333%;} .palm-11-12 {width:91.6666666%;} /* form responsive */ label.form-palm-110, .form-palm-110 label {width:110px;} .form-palm-110 .form-grid-valid {margin-left:110px;} /* Tableaux =============*/ .table-resp, .table-resp thead, .table-resp tbody, .table-resp th, .table-resp td, .table-resp tr {display: block;} .table-resp thead {border-bottom:1px solid black;} .table-resp thead th {position: absolute; top: -9999em; left: -9999em;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .table-resp thead th:first-child {position:static;} .table-resp tbody tr {border-bottom:1px solid gray;} .table-resp td {padding-left:50% !important; position: relative;} .table-resp td.right, .table-resp td.center {text-align: left;} .table-resp .tr-heading /*, .table-resp tbody td:first-child*/ {padding-left:10px; text-align: center;} /* Si une ligne n'a pas besoin de label */ .table-resp tbody td:before {content:" "attr(data-label)" "; position: absolute; top: 0; left: 0; width: 45%; padding-right: 10px; padding-top: 5px; white-space: nowrap; text-align: right; font-weight: bold;} .table-resp tr th {display: none;} .table-resp-stack thead {display: none;} .summary-table .product td {text-align: left !important;} .transfer {border-top: none} .transfer td {border:none; border-top:1px solid #999;} .transfer.table-resp tbody tr {border: none;} /* fonts */ h1 {color:#333; font-size: 31px; font-size: 3.2rem; text-transform: uppercase;} h2 {color:#666; font-size: 20px; font-size: 2.0em; text-transform: uppercase;} h3 {color:#333; font-size: 19px; font-size: 1.9rem;text-transform: uppercase;} h4 {color:#333; font-size: 19px; font-size: 1.9rem; text-transform: uppercase;} .intro-univers h3 {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;} [data-background-ratio] {background-position:50% 0;background-repeat: no-repeat;height: 340px;position: relative; -webkit-background-size: auto 700px ; -moz-background-size: auto 700px ; -o-background-size: auto 700px ; background-size: auto 700px ; } /* buttons */ .btn-action, input.btn-action {font-size: 13px; font-size: 1.3rem; padding: 0 15px} /* forms */ .layout-form label.palm-full {text-align: left; float: none;width: 100%; padding: 0 8px} .layout-form select.palm-full, .layout-form input.palm-full {width: 95% !important; display: block; height: 31px; line-height: 31px; margin:0 0 0 8px; float: none; max-width: 340px} .layout-form select { height: 31px; line-height: normal !important; margin:0 0 0 8px; float: none; max-width: 340px} .layout-form .error {clear: both;float: none;width: 95% !important; display: block; margin:0 0 0 8px; float: none; max-width: 340px} /* header */ .header .wrap-logo {height:55px;line-height: 0; height: 60px; padding-top: 24px} .wrap-logo a {display: block; max-width: 262px; margin: 0 auto;height:55px;} .wrap-logo a img {vertical-align: middle;} .head-nav {padding:9px 10px 6px;border-bottom: 1px solid #e5e5e6;} .head-nav .js-trigger-nav {color:#333333; line-height: 31px; text-transform: uppercase;} .head-nav .js-trigger-nav i {vertical-align: middle; margin: 0 4px} .head-nav button {padding:0 19px;} .wrap-sub-menu {top: 111px;} .elem-auto.js-open + .wrap-sub-menu { z-index:99999;} .lang a {padding:8px 5px} .header .head-nav {float: none !important;} .head-nav .lang > li {padding: 2px 13px;} .lang .children > li a{padding: 10px 9px 10px 14px; text-align: center;} .head-nav .elem-auto .btn-icon {padding: 1px 6px} .act-basket .round {right: 4px} .link-showrooms {position:static; padding:1px 6px; margin-left:10px; width:auto;} .telephone {top:0; right: auto; left: 0} .telephone p {float: left; line-height: 21px; padding: 0 3px; } /* Navigation */ .main-nav {margin-bottom: 0} .panel-nav li .name {display: inline-block; color:#fff; font-size: 15px; font-size: 1.5rem; text-transform: uppercase;padding: 12px 15px;line-height: 18px; } .main-cont{padding-top: 8px} .panel-nav {position:absolute; overflow: hidden; width: 100%; top:0; z-index: 999;} #nav:not(:target) {z-index: 99999; height: 0;} .js .panel-nav {height: 100%!important; width: 250px; left: -250px;} .js .hide-btn {display: none;} .js .wrap {left: 0;} .js-nav .wrap {left:250px;} .csstransforms3d.csstransitions.js .panel-nav {left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .csstransforms3d.csstransitions.js .wrap {left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .csstransforms3d.csstransitions.js-nav .wrap {-webkit-transform: translate3d(250px, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(250px, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(250px, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(250px, 0, 0) scale3d(1, 1, 1); transform: translate3d(250px, 0, 0) scale3d(1, 1, 1);} .panel-nav {display: none;} .js .panel-nav {display: block;} .main-cont {position: static;} .header .full {padding: 0} .header .head-nav {background: #fff; text-align: left; padding-left: 20px} .panel-nav .full {padding: 0} .panel-nav li {display: block;} .panel-nav .name, .panel-nav a {display: block;} .panel-nav .full .grids {background:none; margin: 0; max-height: 9999em} .panel-nav {background-color: rgba(0,0,0,.65); margin: 0} #nav-close-btn {position: absolute; top:0; right: 0; background: #fff; height: 30px; width: 30px; text-align: center; line-height: 30px;} #nav-close-btn .i-close {vertical-align: middle;} .search-form button {margin-left: 0} .site-nav > .active > ul {position: static; background: #fff !important} .site-nav > .active .grids .active a {background: #f3f3f3; color: #000;} .site-nav li {text-align: left;} .site-nav li a {display: block;} .site-nav .grid-auto {border-bottom: 1px solid #ccc} .site-nav .grid-auto a:hover {background: #f3f3f3} .site-nav .grid-auto.active {border:none;} .site-nav > .active > ul a {font-size: 13px} .site-nav > li {position: relative;} .site-nav > li .goto {position: absolute; top: 0; right: 0; width: 42px; height: 42px; line-height: 42px; text-align: center; color:#fff; background: #CF1386} .site-nav > li .icon-link { padding:0; } .site-nav > li .icon-link:before {font-family: 'menu'; font-size: 20px; font-size: 2.0rem;font-weight: 300 } .site-nav > li .icon-arrow-down {position: absolute; top: 0; left: 0; width: 20px; height: 42px; line-height: 42px; text-align: center; color:#fff; } .panel-nav li .name {display: block; padding-left: 20px; font-size: 14px; font-size: 1.4rem;} .site-nav ul > li > a {display:block;} .site-nav > .active .name {background: #CED9DF;color:#000;} .site-nav > .active .toggler {color: #000} .act-search {float: none;} .main-nav {border: none} .search-form {width: 240px; margin:10px auto;z-index: 999;} .header .search-form input[type="text"] {width: 175px } .site-nav > .grid-auto:hover .grids, .site-nav > .active .grids {position: static;} /* product */ .grids-revert .block-product-price .price{text-align: center;width: 100%;} .grids-revert .block-product-price{text-align: center;} .quantity-prod{text-align: center} .grids-revert .product-dispo{float:none;text-align: center} .grids-revert .btn-action, input.btn-action, .btn-action:hover, input.btn-action:hover{font-weight: bold;display: block;margin:auto;} .product-actions .btn-action{background-color: #25bcd9;} .product-actions .btn-action-alpha {color:black; font-size:18px; background-color: #e3097b;} /* footer */ .footer .grids {text-align: center;} .footer .grids .grid-1-3 {width: 90%; border-bottom: 1px solid #fff; border-right: none; padding: 15px 0} .footer .grids .no-border {border: none} .wrap-disclaimer {padding: 10px;} .last-line .mob-full {display: block; background: #d53597; line-height: 22px} .last-line a {padding:7px 0} /* Encart personnalisable du footer ====================================*/ .partners-footer .grids-40 {margin-left:-10px} .partners-footer .grids-40 [class^="grid-"] {padding-left:10px} .ttl-partners-footer {padding:0 10px;} .partner-footer {padding:0 10px 10px;} /* home */ .full-size-round {width: 154px;height: 154px; margin: 10px auto 10px; position: relative;} .round-illus {width: 154px;height: 154px;border:6px solid #7d7f7f;-moz-border-radius: 77px;-webkit-border-radius: 77px;border-radius: 77px; overflow: hidden;position: absolute;top:0; left: 0;} .round-illus img {-moz-border-radius: 77px;-webkit-border-radius: 77px;border-radius: 77px; overflow: hidden;} .round-illus.deco { -moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.2); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2); box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.2);} .top-vente-grid h2 {padding-bottom: 10px;} .top-vente-grid .desc {padding: 0; text-align: left; padding-bottom: 10px;} .top-vente-grid .title {font-size: 14px; font-size: 1.4rem;text-align: left;} .social i {margin: 0} .bulle-nl {width: 314px; height: 314px;} .bulle-nl p {padding: 10px 0; margin: 0 20px;} .title-nl {font-size: 18px; font-size: 1.8rem;} .wrap-new-coll {margin: 20px 0 0; border: none;} .wrap-new-coll h3 span {border:none; top:0; position: static;; padding: 0 0 20px; background: none;line-height: 20px} .gallery .equal-size {height: auto;} .palm-full + .palm-full .desc {padding: 10px;} .zone-price {position: static;} .gallery .title-collection {padding: 14px 10px 0; font-size: 16px; font-size: 1.6rem; } .zone-price .btn-action {padding: 0; margin-right: 10px; display: block; text-align: center; font-size: 11px} .zone-price .price {text-align: left; line-height: 35px; text-indent: 10px;} .zone-price .from {text-align: left;text-indent: 10px;} .store-grid .title {font-size: 16px; font-size: 1.6rem;text-align: left; padding-top: 43px;} .store-grid .desc {font-size: 12px; font-size: 1.2rem;text-align: left; } .tile-concept {height: 150px} .store-grid .grid-2-3 img {max-height: 150px} .head-nav .elem-auto:before {display: none;} .full.gallery > .grids:first-child {padding: 0 10px} /*.flat-card {height: 180px !important}*/ .flat-card.mini, .flat-card.small, .flat-card.medium, .flat-card.big {height:auto!important;} /*.flat-card img {max-height: 180px}*/ .full.gallery .wrap-coll-small {height: 100%} .wrap-coll-small .title-coll span {padding-top: 10px; font-size: 19px} .wrap-coll-small .title-coll strong {font-size: 19px} /* univers */ .full.metro .desc {padding: 0 10px;} .full.metro p a { color:#;} .universe {padding-top:0;} .universe .bx-wrapper .bx-controls-direction a {height: 138px;width: 22px; top:19px} .universe .bx-wrapper .bx-prev, .universe .bx-wrapper .bx-prev:hover {background-position: -126px -307px;} .universe .bx-wrapper .bx-next, .universe .bx-wrapper .bx-next:hover {background-position: -198px -307px;} .universe .ambiance .bx-controls-direction a {top:70px;} .banner .mob-full .grids-20 {margin: 0} .banner .mob-full .grids-20 > [class^="grid-"] {padding: 0; text-align: center;} .ambiance .btn-action {max-width: 320px; margin: 6px auto} .references .product-name a {font-size: 14px; font-size: 1.4rem;} .references .product-details a {font-size: 10px; font-size: 1.0rem;} .intro-univers > p:first-child {text-align: center;} .intro-univers h2 {color: #333; font-size: 15px; font-size: 1.5rem;} .intro-univers h3 {color: #7d7d7d; font-size: 12px; font-size: 1.2rem; text-transform: uppercase; padding: 4px 0;} .universe .intro-univers h3 + p {color: #333; font-size: 14px; font-size: 1.4rem;} .bandeau .title span {font-size: 16px; padding:0 10px;} .all-styles {height: auto} /* create */ .facturation-title {margin-top: 15px} .layout-form .tel-mandatory {text-align: left;padding:0 8px !important;} .page-create .fake-p [for="facturation"] {width: 90%} /* listing */ #catalog-categories-view .main-cont {padding-top: 8px} .selection {text-align: center;padding: 10px; line-height: 30px} .active-count {display:inline-block;background: #CF1386;width: 30px;height: 30px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; vertical-align: middle;line-height: 30px; color:#fff;margin-left: 8px} .selection label {display: block; background: #CED9DF; color:#000; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; padding: 8px 0; cursor: pointer; position: relative;} .selection .i-arrow-to-bot:before {position: absolute; height: 30px; width: 30px; top:7px; right: 7px;background-color: #F4F3F3;background-position: -77px -219px} .cat-filters {max-height: 0; overflow: hidden;clear: both; background: #fff -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; } #openfilters:checked + .cat-filters { display: block !important; max-height:999em; overflow: visible; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; } /* Fiche produit ==================*/ #catalog-products-view {} #catalog-products-view .main-cont {padding-top: 8px;} /* On ajoute un padding pour que le contenu ne colle pas au bord de l'écran */ .product-sidebar, .product-actions {padding:0 10px;} /* Ce bloc va accueillir l'encart de promo */ .product-sidebar {position:relative; text-align: center;} /* On positionne l'encart de promo en absolu pour gagner de la place */ .block-product-price .promo-percent {position:absolute; left:10px; top:0; right:auto;} /* On récupère un comportement normal pour le titre du produit */ .ttl-product {float:none; white-space:normal; text-align:center;} /* Pour le titre et le prix, on change les dimensions du système de grille classique */ .grid-product-left, .grid-product-right {width:100%;} .block-product-price {text-align:right;} .block-product-price .price {position:relative; font-size:30px; font-size:3rem;} .block-product-price .price-old {font-size:18px; font-size:1.8rem;} /* Ancre pour la partie mobile */ .product-anchor {display:inline-block; text-align:left;max-width: 500px;width: 100%;text-align: center;} .product-anchor > .btn-action {width:100%;} /* Disponibilité du produit */ /* Stock */ .stock-figures {text-align:left;} /* Choix d'une référence */ /* Ces 2 déclarations nous permettent de déplacer le contenu via JS en fonction de la taille de l'écran */ .js .mob-choose-product {display:block;} .js .desk-choose-product {display:none;} .filters-prod select {margin:0; max-width:100%;} /* * Ce bloc prend toute la largeur  * On fixe une largeur max pour pas que ce soit trop moche */ .product-actions {max-width:500px; margin:0 auto;} .block-social .social i {margin:0 5px;} .estimated-delivery + .layout-form {clear: both;} .bx-wrapper {margin-bottom: 12px} .wrap-slider-ref .bx-wrapper {position:relative;} .wrap-slider-ref .bx-wrapper .bx-prev {left:-16px;} .wrap-slider-ref .bx-wrapper .bx-next {right:-5px;} .references .no-illus {font-size: 14px; font-size: 1.4rem;} /*login */ .page-login .grid-half {border:none;} /* lost */ #users-account-lost .main-cont form {padding: 0 8px} /* panier */ .steps .grid-1-3 .text {font-size: 10px; font-size: 1rem} .steps .grid-1-3 .num {height: 20px; line-height: 20px; width: 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;font-size:15px; font-size: 1.5rem;left: -3px; bottom: -13px} .basket .product {padding: 8px} .wrap-price [class^="btn-"] {display: block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; font-size: 1.2rem; padding: 0; text-align: center;} .payment .cgv {padding: 20px} /* compte utilisateur */ .menu-user li .round {margin: 0 } .menu-user li a {text-align: center;} .menu-user li a .text {display: none;} .users h1 {font-size: 22px; font-size: 2.2rem; line-height: normal;} .page-address .right {text-align: center;} .page-address .grid-half [class^="btn-"] {padding: 0; display: block; width: 100%; text-align: center; margin-top: 8px} /* panier */ .help {padding: 8px;} /* cms */ label[for="opensubnav"] { border:1px solid #ccc; padding: 9px; display: inline-block; vertical-align: middle; line-height: 19px; cursor: pointer;} label[for="opensubnav"] i {vertical-align: middle;} .wrap-subnav {max-height: 0; overflow: hidden;clear: both; background: #fff -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; } #opensubnav:checked + .wrap-subnav { display: block !important; max-height:999em; overflow: visible; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; } .submenu {padding-top: 0;border:1px solid #ccc; border-left: none; border-right: none; margin-top: -1px;} .submenu > li {padding: 0 10px;} .cms-cont {padding: 0 8px;} .legal {font-size: 1.5rem;} #catalog-products-sendtofriend [for="message"] {width: 100px} #catalog-products-sendtofriend td.label {width: 100px} #catalog-products-sendtofriend .main-cont form input[type="text"] {width: 100%;} .all-styles {margin-left: 0} /*checkout */ .checkout {padding: 0 10px} .wrap-addresses {padding: 20px 10px 10px;} /*payement */ #payment-payment-request h2 {padding: 0 10px} #payment-payment-request .iso {padding:0 10px } /* parrainage */ #friends {width: auto; min-width: 225px} /* adresses */ .table-user .button-option {width: auto} .table-user .btn-action {float: none; display: inline-block;} /*search*/ .search-result-form .palm-full {display: block; padding: 2px 0} .search-result-form #query {width: 100%} /* sellers */ .wrap-orders-showroom .search {width: 95%; margin: 0 auto 30px} #orders-showroomsellers-list .users .layout-form label, #orders-showroomsellers-list .users .layout-form label.form-grid-140, #orders-showroomsellers-list .users .layout-form input[type="text"], #orders-showroomsellers-list .users .layout-form select {display: block; width: 100%} #orders-showroomsellers-list .users .layout-form #amount {width: 80%; display: inline-block;} } @media only screen and (max-width: 730px) { } @media only screen and (max-width: 635px) { /* On réduit la taille du texte pour pouvoir rester sur 2 colonnes plus longtemps */ .block-product-price .price {font-size:24px; font-size:2.4rem;} .block-product-price .price-old {font-size:14px; font-size:1.4rem;} .block-product-price .pay-3x {padding-left:0; font-size: 10px; font-size: 1rem;} .block-product-price .pay-3x.s:before {display:none;} /* Showrooms */ .wrap-showrooms .link {padding:15px 10px;} } @media only screen and (max-width: 520px) { /* On repasse les grilles du titre et du prix en 100% */ .grid-product-left, .grid-product-right {width:100%;} .product-sidebar {padding-left:10px;} /* L'encart promo est repositionné par rapport à `.block-product-price` */ .block-product-price {position:relative;/* padding-left:76px;*/} /* Showrooms */ .wrap-showrooms {max-width:230px;} .wrap-showrooms [class^="grid-"] {width:100%;} .wrap-showrooms .link {padding:0;} /* Listing produit */ .product-name .media-rev {float:none; margin:0 0 5px;} .product-name .product-dispo {text-align:left;} } /* icones retina */ @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .bx-wrapper .bx-controls-direction a, [class^="i-"] {background-size:710px 1015px; background-image: url(../images/ico@2x.png); } .layout-form select {-webkit-border-radius: 0;-moz-border-radius:0;border-radius: 0;position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0E4N0ExODEyQzBFMTFFMzhCNjY4MTAxMjQzQTNENzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E4N0ExODIyQzBFMTFFMzhCNjY4MTAxMjQzQTNENzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQTg3QTE3RjJDMEUxMUUzOEI2NjgxMDEyNDNBM0Q3NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQTg3QTE4MDJDMEUxMUUzOEI2NjgxMDEyNDNBM0Q3NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt2iCFMAAADcSURBVHjaYvz//z/DQAAmhgECoxaPWjxq8dC3mAWboImJCVUtOXPmDNk+9iPBHlFqBXULEG8E4jlEqI0C4odA7E2pxV1AXA1lJxOwHGTpIiDmBOJ1hCxnImBQKZoYLsthljJD+WxQy7XIsXgZEC/AIg6yfCYeS2GgD4ivkZSqkUAilE5AE0+D0gdxWNoBxJWUJq5EHD4HWb6UHEtJyU64LEcHrcRYSmrJRchykKU1tCoycVlOkqXkltXolpNsKTGpmlBqfwTE9VSrJEi0fGhVi4yjDfpRi2kFAAIMAH7sKg/ZfgtxAAAAAElFTkSuQmCC); background-position: right center; background-repeat: no-repeat; background-size:15px 15px;} .logo img {opacity: 0} .logo {background: url(../images/logo@2x.png) center center no-repeat; background-size: 100%; } @media only screen and (max-width: 730px) { .logo {width:262px; background: url(../images/logo@2x.png) center center no-repeat; background-size: 100%; } } } /* Search Typeahead */ .tt-dropdown-menu { z-index: 99999 !important; background-color: #FFF;border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-top: 12px; max-width: 600px; padding: 0;} .tt-dropdown-menu h3 {font-size: 12px; font-size: 1.2rem; padding: 8px; color:#E3097B} .tt-dropdown-menu .tt-suggestions p {padding: 5px 8px; background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUyMiA4NyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1MjIiIGhlaWdodD0iODciIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, #f2f2f2 0%, #f9f9f9 100%); background-image: -o-linear-gradient(bottom, #f2f2f2 0%, #f9f9f9 100%); background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, #f9f9f9 100%); background-image: linear-gradient(bottom, #f2f2f2 0%, #f9f9f9 100%); } .tt-dropdown-menu .tt-suggestions p:hover {color:#fff; background: #E3097B;} /* PDF */ #catalog-products-pdfview .header {background: none} #catalog-products-pdfview #nav, #catalog-products-pdfview .wrap > .header, #catalog-products-pdfview .page-pdf + .footer {display: none} /* edge */ #catalog-products-view .grids-revert{width:100%}