.clear{float:none!important;clear:both!important;width:0!important;height:0!important;} ul{margin:0;padding:0;} ul li{list-style:none;margin:0;padding:0;} a{border:none;outline:none;text-decoration:none;color:inherit;} a:focus, a:hover{text-decoration:none;outline:none;} .s_text, button, .adresse_newsletter{text-decoration:none;outline:none;} img{border:none;max-width:100%;} input[type="text"],input[type="password"], textarea ,input[type="submit"], button, input[type="tel"],input[type="email"] { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-appearance: none;} select::-ms-expand {display: none;} body{font:12px "Gotham-Book", Arial;color:#3a3235;background:#ffffff} .ajax_loader{width:100%;height:58px;background:url('template-ajax-loader.gif') no-repeat center top;display: none;} h1, h2, h3{margin:0} /* Slider Slick default style */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:8;} .slick-list { position: relative;overflow: hidden; display: block; margin: 0; padding: 0; z-index:9;height:100%} .slick-list:focus { outline: none; } .slick-loading .slick-list {} .slick-list.dragging { cursor: pointer; cursor: hand; } .pi-section{/*z-index:1*/} .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; min-height: 1px; display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} /* End Slider Slick default style */ .opacity_hover:hover{ filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%); } h1.article_h1 {color: #ffffff;font-size: 1px ; left: -9000px;position: fixed;top: -9000px;} h2.article_h2 {color: #ffffff;font-size: 1px ; left: -9000px;position: fixed;top: -9000px;} .sod_select .sod_list_wrapper {max-height: 135px!important;overflow-x: hidden;overflow-y: auto;} /*======================== CLASS RESPONSEVE ========================*/ .pi-visible_tablette{display:none!important} .visible_smartphone{display:none!important} .visible_tab_vert{display:none} .paddingTop{padding-top:8%} .pi-center.erreur_msg { margin: 0 auto; } /*======================== BLOC ========================*/ .float_right{float:right!important} .padding_page{padding-top:50px; transition:0.4s all ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;} .col_20{float:left; width:20%; padding:0 15px} .box_4{float:left; width:33.3334%;padding:0 15px} .goToTop{position:fixed;right:25px;bottom:50px;background-color:#083c56;padding:9px 0;cursor:pointer;display:none;z-index:9999;width:35px ; height:35px; text-align:center;} .goToTop span{color:#ce9e6a; font:15px "Gotham-Medium"; display:block;} .goToTop:hover{background-color:#ce9e6a;} .goToTop:hover span{color:#ffffff} .page_content{transition:0.2s all ease} .barre_cookie {background-color: #ce9e6a;bottom: 0;left: 0;position: fixed;width: 100%;z-index: 999;} .barre_cookieC {color: #ffffff;margin: auto;max-width: 1020px;padding:5px 10px;text-align: center;} .barre_cookieC a {color: #ffffff;text-decoration: underline;} .btn_cookies{background:#083c56; color:#ffffff} .title_page{padding:10px 0; margin:0; font:30px "TrajanPro3"; color:#08507b; text-align:center; position:relative} .title_page span {display:inline-block; padding:0 15px; background-color:#ffffff; position:relative;z-index:8} .title_page:after{ content: "";height: 1px;left: 0;position: absolute;top: 50%;width: 100%;z-index: 7; background-color: rgba(8, 80, 123, 0.5);} .stat img {height: 0;opacity: 0;} /*========================================= HEADER ==========================================*/ .headerFixed {left: 0;position: fixed;top: 0;width: 100%;z-index: 999;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .commun_header{} .headerFixed .header_top{padding-top:6px; padding-bottom:10px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .headerFixed .nav_link{padding-top:11px ;padding-bottom:11px ; } .menu_icon{display:none; float:left; width:5%} .menu_icon span {font-size: 12px;} .header_top {background-color: #08507b;padding:15px 0 20px;color:#ffffff; font-family:"Gotham-Medium";transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .logo {float: left;width: 35%;padding-top:8px} .logo h1{margin:0} .bloc_rechercher {float: left;width: 35%;padding-left:15px; position:relative} .header_offre_livraison > span {background:url("template-ico_cadeau.png") no-repeat scroll left center;display: block;margin-bottom: 8px;padding: 5px 0 2px 20px;} .header_offre_livraison span *{margin:0} .form_recherche {background:#ffffff ;height:37px;max-width: 370px;padding:5px 40px 5px 10px;position: relative;width: 100%;} .s_text {background: #ffffff url("template-ico_recherche.png") no-repeat scroll left center;border: none;height: 27px;padding: 0 0 0 24px;width: 100%;color:#3a3235; font:12px "Gotham-Book"} .s_submit {background:none;border: none;color: #ce9f6b;font: 16px "Gotham-Medium";position: absolute;right: 10px;top: 8px;padding:0 6px} .s_submit:hover{color:#d72c6a } .bloc_header_right{float: right;width: 30%;padding-left:30px; margin-top:20px} .bloc_header_right a {display: block;text-align:center} .bloc_header_right a:hover{color:#ce9e6a} .lien_marque {background: url("template-ico_marque.png") no-repeat scroll center 2px;padding: 23px 0 0;} .lien_compte {background: url("template-ico_compte.png") no-repeat scroll center top;padding: 23px 0 0;} .lien_panier {background: url("template-ico_panier.png") no-repeat scroll center top;padding: 23px 0 0;position:relative;} .nombre_panier{position:absolute; width:23px; height:23px; border-radius:100%;-webkit-border-radius:100% ;-moz-border-radius:100% ;-ms-border-radius:100%; -o-border-radius:100%;right:11px; top:-6px; text-align:center; padding-top:4px; background-color:#ce9f6b; color:#ffffff } /****AUTOCOMPLTE RECHERCHE******/ #searchcomplete {background: #ffffff none repeat scroll 0 0;border: 1px solid #e6e6e6;min-height: 100px;position: absolute;right: 0; top: 100%;width: 536px;display:none; z-index:1000} #searchcomplete_container {display: flex;position: relative;width: 100%;} .searchcomplete_categs_titre {border-bottom: 1px solid #ffffff;padding: 0 0 5px;font:17px "TrajanPro3"} .searchcomplete_categs {background: #ce9f6b;flex: 1.03 1 0;-moz-flex: 1.03 1 0;-webkit-flex: 1.03 1 0;-ms-flex: 1.03 1 0; float: left; padding: 20px 0 10px 30px;} .searchcomplete_categs > ul {padding: 10px 10px 0 0;} .searchcomplete_categs ul li a {color: #ffffff;font:600 14px "proxima-nova-condensed";text-transform: uppercase;} .searchcomplete_categs ul li a b{color:#08507b} .searchcomplete_products {flex: 2 1 0;-webkit-flex: 2 1 0;-ms-flex: 2 1 0;float: left;width: 100%;} .searchcomplete_productBit {border-bottom: 1px solid #e6e6e6;padding: 0 5px;width: 100%;} .searchcomplete_product_img {float: left;width: 30%;padding:5px} .searchcomplete_product_infos {float: left;padding: 15px 0;width: 60%;} .searchcomplete_product_titre {font:11px "Gotham-Book"; text-transform:uppercase; color:#3a3235} .searchcomplete_product_titre b{color:#ce9f6b} .searchcomplete_product_titre2 {color: #928c8e;font: 11px "Gotham-Book"} .searchcomplete_productBit.noresult {color: #d72c6a;font: 14px "Gotham-Bold";padding: 7px 0; text-align: center;} /*========================================= NAVIFGATION ==========================================*/ #menu_onglet_1 .parent_item{display: none;} #menu_onglet_2{display:none} .navigation {background: #ffffff;border-bottom:1px solid #ccc} .navigation nav > ul {margin-left: -13px;margin-right: -13px;} li.nav_item {display: table-cell;} .nav_link {font:16px "proxima_nova_cn_bold";text-transform: uppercase;display:block; color:#08507b;padding: 15px 0.75em;/*text-shadow:0 0.5px #08507b;-webkit-text-shadow:0 0.5px #08507b;-moz-text-shadow:0 0.5px #08507b;-o-text-shadow:0 0.5px #08507b;-ms-text-shadow:0 0.5px #08507b;*/} li.nav_item:hover, li.nav_item.active{background-color:#ce9f6b; } li.nav_item:hover > .nav_link,li.nav_item.active > .nav_link {color:#ffffff;/*text-shadow:0 0.5px #ffffff;-webkit-text-shadow:0 0.5px #ffffff;-moz-text-shadow:0 0.5px #ffffff;-o-text-shadow:0 0.5px #ffffff;-ms-text-shadow:0 0.5px #ffffff;*/} li.nav_item.univers_feminin > .nav_link{color:#d72c6a;background: url("template-fem_ruban.png") no-repeat scroll center 35px;/*text-shadow:0 0.5px #d72c6a;-webkit-text-shadow:0 0.5px #d72c6a;-moz-text-shadow:0 0.5px #d72c6a;-o-text-shadow:0 0.5px #d72c6a;-ms-text-shadow:0 0.5px #d72c6a;*/} li.nav_item.univers_feminin:hover,li.nav_item.univers_feminin.active {background-color:#d72c6a; } li.nav_item.univers_feminin:hover > .nav_link,li.nav_item.univers_feminin.active > .nav_link {color:#ffffff;background-image: url("template-fem_ruban_h.png") } .navigation > .pi-section.pi-no-padding {position: inherit;} .sousmenu_onglet {background-color: #ffffff;border-bottom: 2px solid #ce9e6a;border-top: 2px solid #ce9e6a; left: 0;padding: 15px 0;position: absolute;width: 100%;z-index: 999;display:none;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .ss_menu > li {display: inline-block;margin: 5px 0;vertical-align: middle;width: 30%;} .ss_menu > li a{ font: 14px "proxima_nova_cn_bold";text-transform: uppercase} .ss_menu > li a:hover{color:#ce9e6a;} .menu_feminin {background-color: #ffffff;border-bottom: 2px solid #ce9e6a;border-top: 2px solid #ce9e6a; left: 0;padding: 15px 0;position: absolute;width: 100%;z-index: 999;display:none;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .menu_feminin #menu_onglet_2{display:block;margin: 0 auto;max-width: 1100px;padding: 0; position: relative;} .menu_feminin ul > li {display: inline-block;margin: 5px 0;vertical-align: middle;width: 30%;} .menu_feminin ul > li:hover{background-color:#ffffff; } .menu_feminin ul li.nav_item:hover a.nav_link{color:#ce9e6a; } .menu_feminin ul > li a::after {content: "\e8cc";font-family: fontello; font-size: 9px;font-weight: 600;left: 0;line-height: 1em; position: absolute;top: 3px;} .menu_feminin ul > li a{ font: 14px "proxima_nova_cn_bold";text-transform: uppercase; color:#3a3235; padding:0 0 0 10px; position:relative; display:inline-block} .headerFixed .menu_feminin .nav_link{padding:0 0 0 10px} .menu_feminin ul > li a:hover{color:#ce9e6a;} @media only screen and (min-width:1110px) { .menu_feminin ul li .sousmenu_onglet{display:none!important} } .menu_feminin li.nav_item.univers_feminin, .menu_feminin .nav_item.parent_item{display:none} /*========================================= FOOTER ==========================================*/ .footer_avantage {background:#E3E6E8 url("template-bg_footer_av.png") no-repeat center; padding: 31px 0 15px;min-height:465px} .bg_footer_av {margin-bottom: 15px;position: relative;} .bg_footer_av:before{content:url("template-ombre_av_l.png");position:absolute; top:-32px; left:-210px; z-index:9} .bg_footer_av:after{content:url("template-ombre_av_r.png");position:absolute; top:-32px; right:-210px; z-index:9} .visible_h{display:none;} .bloc_avantage {margin-left: -10px;margin-right: -35px;} /********AVANTAGE BOC******/ .avantage_box {float: left;margin: 25px 0 0px;padding: 0;text-align: center;width: 16.6667%;} .avantage_box > a {display: block;padding-top:10px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .avantage_box a:hover{padding-top:0px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .avantage_box span {display: block;font: 17px "TrajanPro3";text-transform: uppercase;padding-top:10px} .avantage_box a:hover > .visible_h{display:inline-block;} .avantage_box a:hover > .hidden_h{display:none; } .avantage_box a:hover > span {color:#ce9f6b} /********NEWSLETTER******/ .newsletter {background-color: #083c56;color: #ffffff;padding: 5px 0;} .label_news {display: inline-block;font: 22px "TrajanPro3";margin-top: 4px;text-transform: uppercase;vertical-align: middle;} .texte_news_admin {display: inline-block;font: italic 13px "Gotham-Medium";margin: 0 16px;vertical-align: middle;} .form_bloc_news {float: right;position: relative;width: 440px;} .adresse_newsletter {background: #ffffff url("template-ico_mail.png") no-repeat ; background-position:10px center;border:none;height: 31px;padding: 0 0 0 30px;width: 100%;} .news_button {background-color: #ce9e6a;border: medium none;color: #ffffff;font: 14px "Gotham-Medium";height: 31px;position: absolute;right: 0;top: 0;padding:0 10px} .news_button:hover {background-color: #d72c6a;} /********MENU FOOTER******/ .footer_menu {background-color: #08507b;color: #ffffff;padding: 20px 0;} .titre_menu_instit {border-bottom: 1px solid rgba(255, 255, 255, 0.5);font: 14px "Gotham-Medium";padding: 10px 0;} .content_menu_instit {margin: 10px 0;} .footer_instit .pi-row {margin-right: -86px;} .footer_menuBit {padding: 0 70px 0 0;} .content_menu_instit li {display: block;margin: 3px 0;} .content_menu_instit li a{display:inline-block; font-size:12px} .content_menu_instit li a:hover{color:#ce9f6b} .texte_admin_footer {padding: 20px 5%;text-align: center;} .copyright {text-align: center;font:11px "Gotham-Medium"} .petit_logo_footer {width: 220px;} .contenu_copy {margin-top: 5px;} .copyright a{text-decoration:underline} .contenu_copy br{display:none} .autopromo1, .autopromo2, .autopromo3 {float: left;padding: 0 15px;width: 33.3333%;} /*========================================= CAROUSSEL ==========================================*/ .content_page{padding-bottom:20px; background-color:#ffffff} .article .content_page {padding-bottom: 0;} .carouHome{position:relative; padding-bottom:22px} .carouHome .slide_item > a {background-size: cover!important;display: block;/*height: 600px;*/width: 100%;position:relative;z-index:100} .carouHome ul.slick-dots {bottom: 0;left: 0;margin: 0;padding: 0;position: absolute;text-align: center;width: 100%;z-index: 9;} .carouHome ul.slick-dots li {display: inline-block;list-style: outside none none;margin: 0 5px;} .carouHome ul.slick-dots li button {background-color: #928c8e;border:none;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;display: block;font-size: 0;height: 10px;padding: 0;width: 10px;} .carouHome ul.slick-dots li.slick-active button {background-color: #b48142;} .slide_item{position:relative} .caroussel_legend {color: #ffffff;height: 100%;left: 0;position: absolute;text-align: center;top: 0;width: 100%;z-index: 101;} .caroussel_legend tr { cursor:pointer; } .contenu_legend {display: inline-block;max-width: 800px;} .caroussel_legend strong {color: #ffffff;font: 69px "TrajanPro3";display:block} .caroussel_legend span {color: #ce9f6b; /*color:#d72c6a;*/display: block;font: 15px "Gotham-Book";position:relative; text-align:center} .caroussel_legend span::after {content: "";height: 1px;left: 10px;position: absolute;top: 11px;width: 30%;z-index: 9;background:rgba(206, 159, 107, 0.5); /*background:rgba(215, 44, 106, 0.5)*/} .caroussel_legend span::before {content: "";height: 1px;right:10px;position: absolute;top: 11px;width: 30%;z-index: 9;background:rgba(206, 159, 107, 0.5);/*background:rgba(215, 44, 106, 0.5)*/ } .caroussel_legend span > a{display:inline-block; padding:0 15px} /*========================================= ADMIN INDEX ==========================================*/ .texte_admin_index{margin:25px 0; text-align:center; padding:0 30px} .texte_admin_index > span{text-transform:uppercase; font-size:16px} /*========================================= TOP INDEX ==========================================*/ .index_produit_liste {padding-bottom: 45px;margin-top:20px} .nouv_titre, .lien_nouv {color: #08507b;} .cc_titre , .lien_cc {color: #d72c6a;} .titre_top {font: 26px "TrajanPro3";text-align: center;text-transform: uppercase;} .lien_top_index {padding: 5px 0 10px;position: relative;text-align: center;} .lien_top_index > a {background: #ffffff;display: inline-block;padding: 0 15px;position: relative;z-index: 99;font-size:11px; width:170px} .lien_top_index > a:hover{text-decoration:underline} .lien_top_index.lien_nouv::after {background-color: rgba(8, 80, 123, 0.5);} .lien_top_index.lien_cc::after {background-color: rgba(215, 44, 106, 0.5);} .lien_top_index::after {content: "";height: 1px;left: 0;position: absolute;top: 11px;width: 100%;z-index: 9;} .index_produit_liste .slick-prev {background:url("template-arrow_left.png") no-repeat center;border: none;font-size: 0;height: 31px;left: -20px;margin-top: -15px;position: absolute;top: 50%;width: 18px;z-index:10} .index_produit_liste .slick-next {background: url("template-arrow_right.png") no-repeat center;border: none;font-size: 0;height: 31px;right: -20px;margin-top: -15px;position: absolute;top: 50%;width: 18px;z-index:10} /***VIGNETTE ARTICLE***/ .articleBit {margin: auto;max-width: 240px;border:1px solid transparent;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease; padding:0 10px} .articleBit:hover{border:1px solid rgba(180, 129, 66, 0.5);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .articleBit_img {border-bottom: 1px solid #c9c3c6;padding-bottom: 8px;position: relative;} .etiquette_1 , .etiquette_2 , .etiquette_3 , .etiquette_4 {bottom: -7px;position: absolute;right: 20px;z-index:9} .etiquette_4 {top:0;position: absolute;right: 0;z-index:9} .articleBit_descr {margin: 10px 0;text-align: center;} .articleBit_descr a {color: #3a3235;display: block;font: 11px "Gotham-Book";text-align: center;text-transform: uppercase;min-height:28px; max-height: 28px; overflow: hidden;} .articleBit_descr span {color: #928c8e;display: block;font: 11px "Gotham-Book";padding-top: 5px;min-height: 33px;max-height:3px; overflow:hidden} .marque_image {max-width: 70px;position: absolute;right: 0;top: 0;} .etat_stock {float: left;min-width:57px} .etat_stock span {display: block;margin-top: 3px;font-size: 11px;} .en_stock {background:url("template-ico_check.png") no-repeat scroll left center;color: #b48142;padding-left: 12px;} .en_rupture{color:#eb3c5a} .prix_article {float: right;text-align:right; width:60%} .prix_article > span {display: inline-block;margin-left: 5px;} .pricx_old {color: #928c8e;font-size: 12px;text-decoration: line-through;} .prix_promo {color: #d72c6a;font: 14px "Gotham-Medium";} .picto_promo {background:url("template-picto_promo.png") no-repeat ;height: 55px;position: absolute;right: 0;text-align: center;bottom:10px;width: 50px;z-index: 9;} .picto_promo strong {color: #ffffff;display: block;font: 13px "Gotham-Bold";margin-top: 15px;} /*========================================= PANIER ==========================================*/ .lien_sedeconnecter_panier a{text-align:center; display:block; color:#ce9e6a } .qte_panier {position: relative;width: 75px;} .qte_panier >a{padding-top:2px} .inputqte {background-color: #ffffff;border: 1px solid #e0e0e2;height: 35px;width: 42px;text-indent:10px; font-family:'Gotham-Medium'} .qte_plus {background-color: #efefef;border: 1px solid #e0e0e2;top: 0;height: 15px;position: absolute;right: 0;text-align: center;width: 28px;} .qte_moins {background-color: #efefef;border: 1px solid #e0e0e2;bottom: 0;height: 15px;position: absolute;right: 0;text-align: center;width: 28px;} .ariane_fil {padding:10px 0; color:#676767; font:italic 11px 'Gotham-Book'} .ariane_fil span, .ariane_fil strong{font-family:'Gotham-Medium';font-weight: normal;} .retour_txt > a:hover{color:#d72c6a} .retour_txt > a{font-weight:700;text-decoration:underline} .show-860 {display:none;} .cde1ajax .lignePanierBit .sod_select.selectPerso{display:inline-block;vertical-align:middle;width:auto;min-width:230px} .error_box{text-align:right;color:#d11234;font:14px 'Gotham-Book';padding-right:15px;} #contenuCde1{background:#FFFFFF;} .icheckbox {background: url("template-check_off.png") no-repeat center ;float: left;height: 14px;width: 14px;margin-right:10px; cursor:pointer} .icheckbox.checked{background: url("template-check_on.png") no-repeat center; cursor:pointer} #contenuCde{background:#ffffff; padding-bottom:30px} .lignePanierBit{border-bottom: 1px solid #b1b1b1;color: #7a7978;font: 12px "Gotham-Book";padding: 10px;position: relative;} .lignePanierBit:last-child {border-bottom:none} .tdheadcde {background-color: #08507b;color: #ffffff;padding: 15px 0;text-transform:uppercase; font: 14px "Gotham-Book"} .tdheadcde span{display:block; border-right:1px solid #ffffff;} .tdheadcde.last_child span{border-right:none} .imageCde {float: left;height: auto;margin: 0 10px 5px 0;min-height: 105px;padding: 3px;width: 73px;} .caract_cde{margin-top:20px; float:left; max-width:79%} .table_designation a {color: #08507b;font: 14px "Gotham-Bold";text-transform:uppercase; display:block} .ref_aticle{font:12px "Gotham-Book"; display:block} .ref_aticle em{text-transform:uppercase} .Caratceristik_Bit span:last-child font{display:none} .table_qte {display: table-cell;height: 110px;vertical-align: middle;width:150px} .table_qte .qte_panier {margin:auto} .td_priceUnit {color: #959394;display: table-cell;height: 110px;text-align: center;vertical-align: middle;width: 145px;} .priceUniTable{ font:13px "Gotham-Bold" ;display:block} .prix_oldUnitable{font:12px "Gotham-Book"; color:#b1b1b1; text-decoration:line-through} .priceTotal_panier{color:#d72c6a; font:14px "Gotham-Bold"} .td_prixtot{display: table-cell;height: 110px;text-align: center;vertical-align: middle;width: 145px;} .td_prixtot a {margin-top: -7px;position: absolute;right: 12px;top: 50%;z-index:2} .lignecadeau{background-color: #08507b;color: #ffffff;margin-bottom: 15px;padding: 15px 10px;position: relative;} .cadeau_cde1{max-width:768px;margin:auto;} .cadeau_cde1_lib{color: #ffffff;font: 14px "Gotham-Bold";margin-top:7px;width:165px;text-transform:uppercase;text-align:right;float:left;} .formCadeau {position:relative;width:590px;float:right;} .input_codepromo {background: #ffffff ;border:none;font:italic 12px "Gotham-Book";height: 25px;padding: 0;text-indent: 10px;width: 100%;} .ok_cadeau {border:none;color:#ffffff;display:block;font:16px "Gotham-Bold";right:-40px;top:0;width:30px;text-transform:uppercase;background-color:none;position:absolute;height:29px;text-align:center;padding-top:4px;} .ok_cadeau:hover{color:#d72c6a} .erreurCadeau{text-align:center;padding:10px;color:#d72c6a;font:14px "Gotham-Bold"; } .cde_etapedivers {padding: 0 15px;margin-top:15px} .cde_action {font: 13px "Gotham-Book";text-align: center;} .btn_cde {background: #D9D9D9;color: #08507b;display: block;margin: 8px 0;max-width: 311px;padding: 10px;text-transform: uppercase;} .btn_cde:hover{background:#ce9e6a ; color:#ffffff} .cde_recap {} .table_recap td {padding: 5px 5px 5px 0;font: 13px "Gotham-Book";} .table_recap td .tot_lib{color:#08507b;text-transform: uppercase;font: 13px "Gotham-Book"} .table_recap td .tot{color:#5b5b5a;font: 13px "Gotham-Book"} .table_recap td .code_offert{font:14px "Gotham-Book";color:#3a3235} .sous_ttotal_ligne td{padding:10px 10px 10px 0; border-top:#231f20 1px solid;color:#d72c6a; text-transform:uppercase;font:14px "Gotham-Bold";} .tot_red{color:#d72c6a} .sous_ttotal_ligne td .totbis{font-size:26px} /*********BOX ETAPE******/ .Step_panier_cde {margin: 20px 20px 20px 0;padding-bottom:20px} .bx_etape {border: 2px solid #d9d9d9;min-height:350px} .bx_etape.encart_active{border-color:#3a3235} .disabled-overlay{background-color:#fff;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:9} .bx_etape.encart_active .title_etape{background:#3a3235 ; color:#ffffff} .bx_etape.encart_active .client_valider{background:#ce9e6a ; color:#ffffff; padding:7px 16px; font-size:12px} .bx_etape.encart_active .title_etape span{display:inline-block; background:url('template-bg_stepactive.png') no-repeat center right;} .title_etape {background: #d9d9d9;color: #9b9b9a;display: block;padding: 10px;text-align: center;text-transform: uppercase;font:13px "Gotham-Book"} .title_etape span{display:inline-block; background:url('template-bg_step.png') no-repeat center right; padding-right:20px} .content_etape{padding:10px} .content_etape .login_box{padding:0 15px} .content_etape table label{cursor:pointer;display:block;} .content_etape .mode_non_dispo{color:#d72c6a;font-family:"Gotham-Medium";font-weight:700} .content_etape .mode_non_dispo > a{text-decoration:underline} .content_etape .mode_non_dispo > a:{text-decoration:none} .identif_client,.adresse_livr_client{/*border-bottom: 1px solid #d9d9d9;*/padding-bottom: 10px;margin:0 -10px} .Step_panier_cde .sod_list_wrapper {border: 1px solid #d9d9d9;max-height: 156px;overflow-y: auto;} .Step_panier_cde .sod_option, .Step_panier_cde .sod_select .sod_option.active {font: 12px "Gotham-Book";} .invoice-formbox{height:0;opacity:0;transition:all .6s ease-in 0s;-webkit-transition:all .6s ease-in 0s;-o-transition:all .6s ease-in 0s;-moz-transition:all .6s ease-in 0s;-ms-transition:all .6s ease-in 0s;visibility:hidden} .invoice-formbox.visibleChecked{height:100%;opacity:1;visibility:visible;display:block!important} .form_client {margin-bottom: 8px;position:relative} .form_client label.errorForm{padding-right:21px;width:100%} .section_panier .form_client::after {content: '';position: absolute;right: 20px;top: 11px;} .section_panier .bx_etape.encart_active .form_client.valid::after{content: url("template-ico_check_panier_active.png")} .section_panier .form_client.no_check::after{content:""} .section_panier .bx_etape.encart_active .form_client.no_check::after{content:""} .welcome_user {margin: 5px 0;text-align: center;} .form_client label {display: inline-block;text-align: right;width: 107px;font:12px "Gotham-Bold"} .form_client .choiceBox > label{width:30%} .form_client .choiceBox{display:inline-block;width:180px} .form_client .label_dejainscrit{ font:12px "Gotham-Book"; color:#9b9b9a} .input_step, .input_step.inputError{border: 1px solid #d9d9d9;display: inline-block;padding: 5px;width: 179px;color:#9a9a99; font: 12px "Gotham-Book";height:30px} .bx_etape.encart_active .input_step:focus{border-color:#ce9e6a } .titre_cdeident {background-color: #d9d9d9;color: #3a3235;font: 14px "Gotham-Book";margin-bottom: 15px;padding: 5px 15px;text-transform: uppercase;} label.deja_client{font:12px "Gotham-Book"; color:#3a3235} .input_step_pass{border: 1px solid #d9d9d9;display: inline-block;padding: 5px;width: 90px;color:#d9d9d9; font: 12px "Gotham-Book"} .input_step:focus{border-color:#868686} .bx_etape.encart_active .input_step.inputError{border-color:#d72c6a} .input_step.pass_input {width: 105px;} .client_valider {background: #b7b2b1;border: none;color: #ffffff;font: 14px "Gotham-Book";padding: 5px 9px;text-transform: uppercase;} .valid_form i {color: #d9d9d9;font: 14px "Gotham-Book";} .client_valider:hover{background:#3a3235} .form_client_mdp {text-align: center;} .mdp_perdu {color: #d9d9d9;font: 11px "Gotham-Book";text-decoration: underline;} .mdp_perdu:hover{text-decoration:none} .client_mdp {display: inline-block;margin-left: 100px;text-decoration: underline;} .client_mdp:hover {color:#d72c6a; text-decoration:none} .formPop_mdp{margin-bottom:5px;} .text_recover_pass{width:100%;height:28px;border:1px solid #d9d9d9;padding:0 10px;color:#000000; font: 12px "Gotham-Book";} .button_recover_pass{width:100%;padding:10px 0;text-align:center;display:block;color:#ffffff;font:14px "Gotham-Book";background-color:#868686;border:none;} .btn_close_pop{background-color:#d72c6a;padding:7px;border:none;display:inline-block;} .btn_close_pop i.icon-cancel{color:#ffffff;font-size:16px;} .titl_address {display: block;font: 15px "Gotham-Book";margin: 10px auto;text-align: center;text-transform: uppercase;} .form_client .select_box_content {border: 1px solid #d9d9d9;border-radius: 0;display: inline-block;width: 179px;vertical-align:middle} .adresse_box form > .select_box_content {border: 1px solid #d9d9d9;max-width: 90%;margin: 5px auto;} .select_box_content .sod_select .sod_label, .formContent .sod_select .sod_label {color: #868686;display: block;font: 12px "Gotham-Book";height: 28px;padding: 7px 18px 4px 15px;text-transform: none;background:none;cursor:pointer} .select_box_content .sod_select .sod_label::after, .formContent .sod_select .sod_label::after{right: 7px;top: 12px;} .checbox_client span{color: #9a9a99;font: 11px "Gotham-Book";text-decoration: underline; /*margin-left: 18px;*/vertical-align: super; display:inline} .checbox_client .checkStyle_{float:left;margin-right:10px} .mode_livrBit td{padding: 10px 0;} .mode_livrBit:hover{box-shadow:0 0 3px #b1b1b1;-moz-box-shadow:0 0 3px #b1b1b1;-webkit-box-shadow:0 0 3px #b1b1b1;-ms-box-shadow:0 0 3px #b1b1b1;-o-box-shadow:0 0 3px #b1b1b1;} .modelivr_img {text-align: center;} .mode_livr_detail {} .mode_livr_title {display: block;font:12px "Gotham-Bold"} .mode_livr_detail span {color: #d72c6a;font:12px "Gotham-Book";} .mode_livr_detail font {font-size:11px; color:#3a3235; font-weight:normal;} .modelivr_img > img {max-width: 73px;} .moyen_livrBit td{padding:10px 0;} .moyen_livrBit:hover{box-shadow:0 0 3px #b1b1b1;-moz-box-shadow:0 0 3px #b1b1b1;-webkit-box-shadow:0 0 3px #b1b1b1;-ms-box-shadow:0 0 3px #b1b1b1;-o-box-shadow:0 0 3px #b1b1b1;} .moyenlivr_img {text-align: center;} .moyen_livr_detail {max-width:140px;} .moyen_livr_title {display: block;font:12px "Gotham-Bold";margin-left:8px} .btn_etape_cmd {background: #ce9e6a;border: none;color: #ffffff;font: 16px "Gotham-Book";padding: 20px;text-transform: uppercase; margin: 25px 0;} .btn_etape_cmd:hover{background:#083c56} .box_cgv {margin:0px ;text-align: right;} .box_cgv > label {font: italic 12px "Gotham-Book";padding-top: 20px;} .box_cgv > span {color: #5b5b5a;font: italic 14px "Gotham-Book";vertical-align:middle; margin-top:-8px; display:inline-block} .box_cgv a{color:#d72c6a;text-decoration:underline; display:inline-block} .erreur_message {color: #d72c6a;font: 14px "Gotham-bold";padding: 15px 0;text-align: center;} .cde1ajax .Caratceristik_Bit { /*display: none;*/ } .descr_moyen {display: block;max-height: 30px; overflow: hidden;padding-left: 7px;font-size:11px} .descr_moyen p {margin:0} /**POPUP**/ #TB_title {background-color: #ffffff!important;border-bottom: 2px solid #212f4a!important;height: auto!important;position: relative;width:100%} #TB_window {background-color: #ffffff;border: 4px solid #5b5f68;color: #202e49; margin-left: -300px !important;width: 600px !important; margin-top: -210px !important;} #TB_ajaxContent {background-color: #ffffff;margin: 0;} .artPopub_titre { color: #d72c6a;font: 13px "Gotham-Bold"; padding: 10px;text-align: center;text-transform: uppercase;} .artPopub {padding: 0 10px;} #TB_ajaxWindowTitle {float: none!important;margin-bottom: 1px;padding: 7px 0 5px 10px;position: relative;color:#3C3C3C; height:50px;text-align:center; font:30px "Gtoham-book" ; text-transform:uppercase;background:#08507b url("template-logo.png") no-repeat scroll center center;color:transparent; margin-bottom:0} #TB_ajaxContent {width: 100% !important;height:auto!important;max-height:395px} #TB_closeAjaxWindow{padding:3px 3px 0 0!important;position: absolute;right:-21px;top:-17px;} #TB_closeWindowButton {background: url("template-btn_close.png") no-repeat scroll center top;display: block;height: 36px;width:36px;color:transparent!important} #TB_closeWindowButton > img {display: none;} .article_code > strong {color: #7a7978; font: 12px "Gotham-Book";text-transform: uppercase;} .artPopub_ima {border: 1px solid #3C3C3C;margin-bottom: 15px;} .artPopub_continuer {float: left;width:auto} .artPopub_valider {float: right;width:auto} .artPopub_continuer a {background-color: #083c56 ;color: #ffffff!important;display: block;font: 13px "Gotham-Bold";padding: 10px 15px;text-transform: uppercase;width:245px; text-align:center} .artPopub_valider a {background-color: #ce9e6a;color: #ffffff!important;display: block;font: 13px "Gotham-Bold";padding: 10px 15px;text-transform: uppercase;width:220px; text-align:center} .resume_article tr.lignePanierBit:nth-child(odd) td{background:#f1f1f1} .content_Coord2{margin:35px auto} .article_prix_promo{color:#d72c6a; font:14px "Gotham-Medium"; text-transform:uppercase} .artPopub_lib{text-transform:uppercase; font:20px "proxima-nova-condensed";text-shadow:0 0.5px #08507b;-webkit-text-shadow:0 0.5px #08507b;-moz-text-shadow:0 0.5px #08507b;-o-text-shadow:0 0.5px #08507b;-ms-text-shadow:0 0.5px #08507b;color:#08507b} .checbox_client {margin: 0 10px;} .caract_cde .sod_select .sod_label{color: #868686;display: block;font: 12px "Gotham-Book";height: 32px;padding: 7px 18px 4px 15px;text-transform: none;background:none;cursor:pointer; border:1px solid #868686} .caract_cde .sod_select .sod_label::after{right: 7px;top: 12px;} .caract_unik_Bit {padding: 5px 0;} .article_prix_old {color: #cccccc;font: 11px "Gotham-Book";text-decoration: line-through;} .cde1ajax .deconnexion {text-align: center;} .cde1ajax .deconnexion > a {color: #d72c6a;display: block;font: 12px "Gotham-Bold";text-decoration: underline;} .cde1ajax .deconnexion > a:hover{text-decoration:none} .cadeauBox_cde1 {/*background-color: #dddddd;*/padding: 5px 25px;} .cadeauBox_cde1_txt {float: left;margin-top: 6px;padding-right: 10px;text-align: right; width: 60%;} .cadeauBox_cde1_form {float: left;position: relative;width: 30%;} .input_codepromo{border:1px solid #dddddd;} .ok_code {color: #ce9e6a;font: 16px "Gotham-Medium";position: absolute;right: 10px;text-transform: lowercase;top: 4px;} h4.modal-title {color: #08507b;font: 22px "TrajanPro3";margin: 10px 0;text-align: center;} .modal-body {color: #d72c6a;font: 12px "Gotham-Bold";text-align: center;} /*========================================= RECAP COMMANDE ==========================================*/ .cde4 .table_qte, .cde4 .td_priceUnit, .cde4 .td_prixtot {height: auto;} .cde4 .qte_panier {text-align: center;} .moyen_cde4 {background-color: #f4f4f4;color: #08507b;font: 14px "Proxima_nova_cn";padding: 10px;text-align: center;} .moyen_cde4 strong {font-size: 17px;} .moyen_cde4 br {line-height: 10px;} .cde4 .btn_valider {margin-bottom: 10px;} /*========================================= CaATEGORIE ==========================================*/ .contenu_categorie {margin-top: 5px;} .content_categorie_left{margin-bottom:15px} /*#li0_folderBitClose, #contenu_folderBitClose {display: none;}*/ .titre_categ {color: #08507b;font: 25px "TrajanPro3";padding-bottom: 15px;} .contenu_sous_categ {border-top: 1px solid #c9c3c6;padding: 15px 0;margin-bottom:25px} .content_categ_top{} .ss_categ > li {margin-bottom: 11px;display:block} .ss_categ_niv3{padding-left:15px; display:none} .li1_folderBitOpen .ss_categ_niv3 {display: block;} .ss_categ_niv3 li >a{font:15px "proxima-nova-condensed"; text-transform:none} .ss_categ_niv3 .li2_folderBitOpen > a{color:#ce9f6b;} .ss_categ > li > div > a {color: #3a3235;display: block;font:600 14px "proxima-nova-condensed";padding: 5px 0;text-transform: uppercase;} .ss_categ li div> a:hover{color:#ce9f6b;} .ss_categ .li1_folderBitOpen div > a{color:#ce9f6b;text-shadow: 0 0.5px #ce9f6b;} .categ_avantage {background-color: #f7f7f7;border: 1px solid #e0e0e2;padding: 15px 10px 15px 15px;} .avantage_categ_box{margin-bottom:10px} .avantage_categ_box > a {display:block;padding-top:10px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;color:#3a3235} .avantage_categ_box a img{float:left; margin-right:10px} .avantage_categ_box span {font: 13.2px "TrajanPro3";text-transform: uppercase;padding-top:10px; display:block} .avantage_categ_box a:hover > .visible_h{display:block;} .avantage_categ_box a:hover > .hidden_h{display:none; } .avantage_categ_box a:hover > span {color:#ce9f6b} .content_categorie_right{} .liste_produit_categ .alert-box p {margin-bottom: 22px;margin-top: 3px;} .table_nom_categ h1 {display: inline-block;margin: 0;max-width:410px; max-height:87px; } .contenu_image_categ {height: 102px;background-size:cover!important;background-repeat:no-repeat!important; padding-left:15px; background-color:#374a51!important; position:relative; overflow:hidden; z-index:2} .degrade_categ {height: 100%;position: absolute;right: -43px;top: 0;z-index: 9;} .degrade_categ > img {height: 100%;} .image_categ {height: 100%;position: absolute;right: 0;top: 0;z-index:8} .table_nom_categ strong {color: #ffffff;display: inline-block;font: /*36px/100%*/ 27px/100% "TrajanPro3";margin-top:15px} .nbre_art_categ {color: #ce9e6a;display: inline-block;font: 13px "Gotham-Book";margin-left: 5px;} .description_categ {padding: 15px 0;margin-bottom:10px} .description_categ p{font:12px "Gotham-Book"!important; background-color:transparent!important} .filtre_categ{float:left; width:70%} .contenu_filtreBit {float: left;margin: 0 10px 0 0;max-width: 156px;width: 32%;position:relative;z-index:1} .filtre_activelabel {background-color: #f4f4f4;border: 1px solid #e0e0e2;color: #231f20;font-size: 11px;padding: 8px 10px;position: relative;z-index: 99;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease; cursor:pointer} .filtre_activelabel > span {background: url("template-select_arrow.png") no-repeat scroll right center;display: block;} .filtre_activelabel.open {background-color: #ffffff;border-bottom: medium none;height: 41px;z-index: 9999;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .filtre_content_liste {background-color: #ffffff;border: 1px solid #e0e0e2;padding: 10px;position: absolute;top: 40px;width: 110%;z-index: 99;display:none} .filtre_content_liste ul li {background:url("template-check_off.png") no-repeat left center;display: block;margin: 5px 0;padding: 0 0 0 20px;} .filtre_content_liste ul li.check_on {background:url("template-check_on.png") no-repeat left center;} .conteneur_pagination_categ {position: relative;z-index: 10;} .pagination_bottom {position: relative;z-index: 1;} .table_nom_categ {position: relative;z-index: 10;} /************************************************************************************************************* CUSTOM SELECT - CUSTOM SELECT - CUSTOM SELECT - CUSTOM SELECT - CUSTOM SELECT - CUSTOM SELECT - CUSTOM SELECT **************************************************************************************************************/ .select-wrapper > select{font-family:"Gotham-Book";display:block;margin:0;color:#000;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;font-size:12px;max-width:160px;padding-left:5px;padding-right:25px;height:100%} .select-wrapper > .pagi-selected{background-color:#efefef;color:#242626;cursor:pointer;font-family:"Gotham-Book";font-size:12px;font-weight:400;height:100%;left:0;line-height:34px;margin:0!important;padding:0 15px;position:absolute;text-align:center;top:0;width:100%} .pagi-nav .select-wrapper > select{padding:0 15px;height:31px;} option{padding:9px 0 8px 9px} .pagi-nav .select-wrapper > select {padding-top: 3px; padding-bottom: 3px;background: rgba(0, 0, 0, 0) url("template-arrow_down.png") no-repeat scroll 70px center;} .pagi-nav .select-wrapper > select.active {background-image:url("template-arrow_up.png");} .selectLarge .pagi-nav a{height: 100%!important;margin: 0;border: none!important;line-height: 10px;padding-bottom: 9px;padding-top:9px;vertical-align: middle;display: block;} @media screen and (-webkit-min-device-pixel-ratio:0) { .selectLarge .pagi-nav a{display: inline-block!important;} } .captcha_texte {position: absolute;right: -38px;top: 23px;width: 290px;} .selectLarge .pagi-nav a .fa{font-size: 15px;margin-top: -2px;} .select-wrapper, .pagi-nav label{float: left;margin-left: 5px;/*display:inline-block;*/background-color:#EFEFEF;border:1px solid #e0e0e2;position:relative;/*margin:0;*/height:100%; vertical-align:middle} .select-wrapper:after,.select-wrapper:before{content:url("template-select_arrow.png");font-family:fontello;padding:0 0 2px;pointer-events:none;position:absolute;right:0px;top:6px;font-size:18px} .pagination_categ li > .select-wrapper {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;float: none;font-size: 11px;margin: 0;padding: 0;} .pagination_categ li > .select-wrapper option{padding:0} .pagination_categ li .select-wrapper > select{font-size:11px;padding-left: 0;padding-right: 15px;} .page_liste.select-wrapper > select {min-height: 17px;} .pagi-nav .select-wrapper:after,.pagi-nav .select-wrapper:before{content:""} .selection-container .title {font: 700 15px "proxima-nova-condensed";text-transform: uppercase;color: #d72c6a;} .selection-container button.btn.btn-grey.pi-btn-small {background-color: #d72c6a;color: #ffffff;} /************************************************************************************************************ SELECT BOX JS - SELECT BOX JS - SELECT BOX JS - SELECT BOX JS - SELECT BOX JS - SELECT BOX JS - SELECT BOX JS *************************************************************************************************************/ .select-js-wrapper{height:30px;position:relative;width:100%} .select-js-wrapper.open .toggle_select{background:#fff;height:43px} .toggle_select{background:#f4f4f4 none repeat scroll 0 0;border:1px solid #e0e0e2;height:100%;padding:5px 10px;position:relative;width:/*150px*/100%;z-index:11;font:12px/18px "Gotham-book"} .selectLarge option{padding: 5px 0 7px 9px;} .select-js-wrapper.open .toggle_select{padding-bottom:10px;border-bottom:none} .title_select_car{background:url('template-select_arrow.png') no-repeat scroll right center;cursor:pointer;display:block;font-size: 11px;} .select-js-wrapper.open .title_select_car{background:url('template-arrow_up.png') no-repeat scroll right center} .toggle_content{background:#fff none repeat scroll 0 0;border:1px solid #e0e0e2;display:none;padding:15px;position:absolute;top:42px;width:200px;z-index:10} .select-js-wrapper.open .toggle_content{display:block} .select-js-wrapper .button{background-color:#083c56;border:medium none;color:#ffffff;display:block;font-family:"Gotham-Medium";letter-spacing:1px;margin:auto;padding:5px 15px;text-align:center;width:100%} .select-js-wrapper .button.apply_toggle{background-color:#ce9e6a;color:#ffffff} .filterSearch{position:relative} .filterSearch .inputText{background-color:#f3f3f3;border:1px solid #ccc;font-family:"Gotham-Book";font-size:12px;padding:2px 22px 2px 8px;position:relative} .filterSearch .inputText :focus{background-color:#fff} .filterSearch > button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;position:absolute;right:0;top:2px} .scroll_barList ul{max-height:150px;overflow-y:auto;width: 100%;} .scroll_barList ul li.check_on{background:url('template-check_on.png') no-repeat scroll left center} .scroll_barList ul li{background:url('template-check_off.png') no-repeat scroll left center;display:block;margin:5px 0;padding:0 0 0 20px} .scroll_barList a:hover{color:#d62b69} .pagination_categ{float:right ;width:30%; text-align:right} .pagination_categ li {background-color: #f4f4f4;border: 1px solid #e0e0e2;display: inline-block;margin-left:1px;padding: 5px 4px;vertical-align: middle;} .pagination_categ li a{display:block; font-size:11px} .btn_fleche i::before {font-size: 17px;font-weight: bold;} .pagination_categ li.affiche_tout {background-color: rgba(0, 0, 0, 0);border: medium none;} .pagination_categ li.affiche_tout a {text-decoration: underline;} .liste_produit_categ {padding: 20px 0;} .liste_produit_categ .articleBit{margin-bottom:25px} .conteneur_pagination_categ{min-height:60px} .content_page_suiv {background-color: #f9f9f9;border: 8px solid #efefef;color: #ada3a7;font: 24px "TrajanPro3";height: 324px;text-align: center;width: 100%;position:relative; max-width:240px;margin:0 auto} .content_page_suiv:hover{background-color: #efefef;border-color:#ce9f6b;} .content_page_suiv a{position:absolute; width:100%; height:100%; display:block; z-index:9; border:1px solid #cccccc} .content_page_suiv span {background:url("template-arrow_page_suiv.png") no-repeat scroll center bottom;display: block;padding-bottom: 33px;} .content_page_suiv span.page_prec_marque {background:url("template-arrow_left.png") no-repeat scroll center bottom;} .selection-container.pi-margin-bottom-10 {margin-bottom: 10px;} li.selected-filter {display: inline-block;margin-right: 5px;color: #ce9e6a;vertical-align:middle} .selected-filter > a {display:block;} .rechercher .filtre_categ label {height:30px;} .rechercher .conteneur_pagination_categ .filtre_categ .select-wrapper::after, .rechercher .conteneur_pagination_categ .filtre_categ .select-wrapper::before {right: 10px;top: 12px;} .rechercher .conteneur_pagination_categ .page_liste .select-wrapper::after, .rechercher .conteneur_pagination_categ .page_liste .select-wrapper::before{right: 0;top: 6px;} .commandecadeau_wrapper label.hasTooltip {color: #ce9e6a;font: 12px "Gotham-Bold";margin-bottom:0} .commandecadeau_wrapper label {margin-right: 15px;font:12px "Gotham-Book"; margin-bottom:0} .commandecadeautexte .form-group > label {color: #ce9e6a;font: 12px "Gotham-Bold";} .commandecadeautexte .form-group input em{color:#d72c6a } .commandecadeautexte .form-group textarea {max-width: 500px;} .commandecadeau_wrapper {padding-left: 15px;padding-top: 10px;} .commandecadeautexte{padding-left: 15px;} /*========================================= PAGE ARTICLE ==========================================*/ .content_fiche_article {background-color: #ffffff;padding-bottom:20px} .content_art_top{background-color: #f4f4f4;padding-bottom:15px} .contenu_article {margin-top: 8px;} .article_left{} .pretty_Bit {padding: 0 0 18px;} .pretty_image {float: left;padding:0 29px 0 0;width: 22%;} .pretty_Bit a{border:1px solid #ccc; display:block; padding:10px; background:#ffffff;} .pretty_image button.slick-prev {background:url("template-prev_t_art.png") no-repeat;border: none;font-size: 0;height: 20px;left:50%;position: absolute;top: -20px;width: 22px;cursor:pointer; z-index:9; margin-left:-10px} .pretty_image button.slick-next {background:url("template-next_t_art.png") no-repeat ;border: none;font-size: 0;height: 20px;left:50%;position: absolute;bottom: -20px;width: 26px;cursor:pointer; z-index:9;margin-left:-10px} .big_image {position: relative;float:right; width:78%;display:block; padding:10px; background:#ffffff;border:1px solid #ccc;text-align:center} .big_image .picto_promo {right: 9px;top: 8px;} .big_image > img {width: 100%;} .title_tablette{display:none} .article_nom {color: #3a3235;font: 20px "Gotham-Medium";margin: 0;padding-bottom: 10px;text-transform: uppercase;} .article_titre2 {color: #928c8e;display: block;font: 18px "Gotham-book";margin-bottom: 10px;} .article_fiche_marque {color: #08507b;font: 16px "Gotham-Medium";text-shadow: 0 0 0.5px #08507b;text-transform: uppercase;} .article_fiche_descr {font: 14px "Gotham-Book";padding: 15px 0; min-height: 170px;} .article_fiche_descr div div *{font: 14px/100% "Gotham-Book";background-color:transparent!important;/*margin: 0 0 0!important*/} .lire_plus {display:block;font:12px "Gotham-Medium" !important;padding: 10px 0;text-decoration: underline;text-align:left} .lire_plus > span{font:12px "Gotham-Medium" !important;} .article_fiche_panier {margin: 15px 0;} .box_caract_Bit {padding: 10px 0;} .caract_lab {color: #08507b;font: 12px "Gotham-Medium";margin-bottom: 5px;} .article_fiche_panier .caract_unik_Bit > strong{color: #08507b;font: 12px "Gotham-Medium";margin-bottom: 5px;display:inline-block;} .article_fiche_panier .caract_unik_Bit > span{color: #08507b;font: 12px "Gotham-Bold";margin-bottom: 5px;display:inline-block;} .caract_value > a.active {border-color: #d72c6a;} .caract_value > a {display: inline-block;height: 50px;margin: 2px;width: 50px;border:1px solid #ccc} .caract_value .sod_select {margin: 5px 0;max-width: 180px;} .caract_value .sod_select .sod_label::after {top: 15px;} .caract_value .sod_label {background-color: #f4f4f4;border: 1px solid #08507b;font: 12px "Gotham-Medium";height: 35px;padding: 9px 29px 4px 15px;text-transform: none;color:#08507b} .date_expedition_art {color: #231f20;display: inline-block;font: 12px "Gotham-Book";} .art_stock {background:url("template-ico_check_panier_active.png") no-repeat scroll left center;color: #b48142;padding-left: 15px;} .art_rupture{color:#eb3c5a} .etat_art_stock {display: inline-block;margin-top: 3px;font: 12px "Gotham-Medium";color:#ce9e6a} .etat_art_stock.art_rupture {color: #d72c6a;} .prix_article_fiche {padding: 10px 0;} .art_prix_old {color: #928c8e;display: inline-block;font-size: 23px;padding-right: 10px;text-decoration: line-through;vertical-align: middle;} .art_prix_promo {color: #d72c6a;display: inline-block;font: 27px "Gotham-Medium";vertical-align: middle;} .action_art_fiche {padding: 10px 0;} .art_qte {float: left; margin-top: 7px;min-width:154px} .art_qte label {display: inline-block;font: 13px "Gotham-Book";vertical-align: middle;margin-bottom:0; width:66px} .contenu_qte_art {display: inline-block;vertical-align: middle;width:75px} .btn_art_panier {float: right;} .btn_add_panier {background: #ce9e6a;border:none ; color: #ffffff;display: block;font: 18px "Gotham-Medium";padding: 15px 20px;text-transform: uppercase;} .btn_add_panier > span {background:url("template-ico_panier.png") no-repeat scroll left center;display: inline-block; padding-left: 36px;} .btn_contact_panier {background: #d72c6a;border:none ; color: #ffffff;display: block;font: 18px "Gotham-Medium";padding: 15px 20px;text-transform: uppercase;} .btn_contact_panier > span {display: inline-block;} .erreur_max{color:#d72c6a; font:14px "Gotham-Bold"} .bouton_jaime{float:left; margin-top:4px; width:170px} .partage_art {float: right;min-width:254px} .partage_art > .social-share{display:inline-block} .partage_art > .fav-box{display:inline-block} .partage_art > a ,.partage_art .social-share > a ,.partage_art .social-share > label {background-color: #efefef;border: 1px solid #e0e0e2;color: #231f20;display: inline-block;font-size: 11px;padding: 8px 10px;vertical-align:middle; font-weight:normal; margin-bottom:0; cursor:pointer} .partage_art .fav-box > a {background-color: #efefef;border: 1px solid #e0e0e2;color: #231f20;display: inline-block;font-size: 11px;padding: 8px 10px;vertical-align:middle;width:165px} .lien_de_partage{position:relative; z-index:1} .liste_content_filtre {background: #efefef;left: 0;padding: 15px;position: absolute;width: 100%;z-index: 2;} .partage_art a > span{display:block} .favoris_bouton {background: url("template-ico_favoris.png") no-repeat scroll left center;padding-left: 20px;} .partage_bouton {background: url("template-ico_partage.png") no-repeat scroll left center;padding-left: 15px;} input#addthis_toolbox_chk:checked + .addthis_toolbox {display: block !important;} .content_selection{background-color:#ffffff; padding:25px 0} .title_selection {color: #08507b;font: 26px "TrajanPro3";margin: 0;padding: 10px 0;text-align: center;position:relative} .title_selection span {display:inline-block; padding:0 15px; background-color:#ffffff; position:relative;z-index:10} .title_selection:after{ content: "";height: 1px;left: 0;position: absolute;top: 50%;width: 100%;z-index: 9; background-color: rgba(8, 80, 123, 0.5);} .bouton_reso_art {padding-bottom: 15px;} .social_article {min-width: 190px;} .fb_iframe_widget{ min-width: 92px;} .social-share-item.addthis_toolbox {background-color: #efefef;border: 1px solid #e0e0e2;position: absolute;width: 124px;z-index: 992;padding:5px 10px} .social-share-item.addthis_toolbox > a {display: block;} .social-share-item.addthis_toolbox > a:hover{filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%);} /*POPUP FAVORIS*/ .article #TB_ajaxContent .content_logging {margin: 0 auto;} .article #TB_ajaxContent .content_logging .formContent {max-width: 100%;} .article #TB_ajaxContent .content_logging .pi-col-md-6 {width: 100%;} .article #TB_ajaxContent .content_logging .contenu_form {display: none;} .article #TB_ajaxContent .content_logging .formBox::after {clear: both;content: "";display: table;} .article #TB_ajaxContent .content_logging .form_et { float: left;margin-bottom: 0;width: 30%;text-align:right; padding-right:5px} .article #TB_ajaxContent .content_logging .input_txt {float: left;height: 25px;width: 70%;} .article #TB_ajaxContent .content_logging .formBox > .sod_select.selectPerso {float: left;width: 70%;} .article #TB_ajaxContent .content_logging .formBox .pi-row.pi-grid-small-margin {float: left;width: 76.2%;position:relative; z-index:8} .article #TB_ajaxContent .sod_select .sod_list_wrapper {background: #08507b !important;color: #ffffff;z-index: 9;} .article #TB_ajaxContent .content_logging .pi-text-center.text-perso {display: none;} .article #TB_ajaxContent .sod_select .sod_option.active {background: #ce9e6a ;font: 13px "Gotham-Book";} .article #TB_ajaxContent .content_logging .titre_content.active + .contenu_form{display:block} .article #TB_ajaxContent .titre_content{cursor:pointer; position:relative} .article #TB_ajaxContent .titre_content::after{position:absolute;top:50%; margin-top:-9px;font-family:fontello; content:"\e8c2"; font-size: 22px; right:15px; z-index:9; color:#ffffff} .article #TB_ajaxContent .titre_content.active::after{content:"\e8c5"} /*========================================= PAGE RECHECHE ==========================================*/ .bloc_lib2 {border-bottom: 1px dotted #1b1b1b;font: 16px "Gotham-Book"; padding: 10px 0;text-transform:uppercase} .cadre_g {border: 1px solid #868686;margin: 10px auto;max-width: 500px; padding: 10px;background:#ffffff} .form_recherche table td {padding: 5px;} .inputrech {border: 1px solid #868686;height: 30px;text-indent: 10px;width: 100%;} .inputrech:focus{outline:0} .rechercher_titre {color:#868686;font: 15px "Gotham-Bold";text-align: center;text-transform: uppercase;} .form_recherche ul li {display: inline-block;margin: 3px 10px;} .form_recherche ul li a{display:inline-block; padding:0 2px} .form_recherche ul li a:hover {color: #ce9e6a ;} .btn_valider{background-color:#ce9e6a ; padding:8px 15px; color:#ffffff; border:none; text-transform:uppercase; font:15px "Gotham-Medium"; display:inline-block;min-width:120px; text-align:center} .btn_valider:hover{background-color:#08507b } .rechercher .sod_select .sod_label{color: #868686;display: block;font: 12px "Gotham-Book";height: 32px;padding: 7px 18px 4px 15px;text-transform: none;background:none;cursor:pointer; border:1px solid #868686} .rechercher .sod_select .sod_label::after{right: 7px;top: 12px;} .rechcontenubit {padding: 10px 0;} .nospages_navigation::after {background-color: #ce9e6a;bottom: 0;content: "";height: 1px;left: 0;position: absolute;width: 28%;} .nospages_navigation {color: #ce9e6a;font: 12px "Gotham-Bold";margin-bottom: 5px;padding: 5px 0; position: relative;} .rechcontenubit div > .surligne{font: 12px "Gotham-Bold"; background-color:#d72c6a;color:#ffffff} .bordure_cadre_g td {padding: 5px;} .bordure_cadre_d li {display: inline-block;margin: 0 8px;} .bordure_cadre_d li a:hover{color:#ce9e6a} /*================================================= CLIENT ===================================================*/ .content_logging {margin: 25px auto;} .box_menu_client {margin: 15px auto;max-width: 345px;} .menu_lien {background:#083c56 ;color: #ffffff ;display: block;font: 14px "proxima-nova-condensed";padding: 10px;text-transform: uppercase;} .loggout_lien {background: #d72c6a ;color: #ffffff;display: block;font: 14px "proxima-nova-condensed";padding: 10px;text-transform: uppercase;} .menu_descr {border-bottom: 1px solid #083c56;border-left: 1px solid #083c56;border-right: 1px solid #cccccc;min-height: 75px;padding: 10px;font:13px "Gotham-Book"} .form_center{margin:10px auto; max-width:400px} .client_wrapper {padding: 20px 0;} .client_wrapper .title_form {margin-bottom: -20px;font-size:15px} .client_titre {color: #d72c6a;font: 25px "proxima-nova-condensed"; padding: 5px 15px;} /**********ADREESSE LIVRAISON*******/ .title_livraison {border-bottom: 1px dotted #d72c6a;color: #d72c6a;margin: 5px 0;padding-bottom: 5px;text-transform: uppercase;font:font: 20px "Gotham-Book"} .adresse_txt {display: block;margin: 5px 0;} .adresse_txt i {margin-right: 5px;} .adresse_btn {border-radius: 3px;color: #ffffff;display: inline-block;margin-right: 5px;padding: 10px;} .adresse_btn:nth-child(2) {background-color: #d72c6a ;} .adresse_btn:nth-child(1) {background-color: #ce9e6a ;} .formBox_content {background-color: #ffffff;margin: 20px auto;max-width: 400px;padding: 10px;width: 100%; border:1px solid #d72c6a } .client textarea.textarea_txt {border-color: #083c56!important;} /*********COMMANDES*************/ .client .tdheadcde {background: #08507b ;border-right: 1px solid #ffffff;color: #ffffff;font: 12px "Gotham-Medium";padding: 10px;} .client .ligne_cmdBit:nth-child(odd) td {background-color: #ffffff;} .client .ligne_cmdBit td {border-bottom: 1px solid #cccccc;padding: 10px 0;} .lien_cmd, .bon_retour a {color: #ce9e6a;display: block;margin-bottom: 5px;text-decoration: underline;} textarea{border: 1px solid #dddddd;display: block;height: 50px;text-indent: 10px;vertical-align: middle;width: 100%;resize:none; padding:10px 0} .btn_imprime_ {margin: 10px 0 15px;} .resume_image{float:left; max-width:100px} .other_content_resume {text-align: left;} .client .ligne_cmdBit td > img {width: 80px;} .etat_suivi_bos {background-color: #f4f4f4; color: #ce9e6a;font-family: "Gotham-Bold";margin: 15px 0;padding: 10px;text-align: center;} /**********PANIERS****************/ .ligne_cmdBit .input_txt{display:inline-block;width:auto} .client .sod_select .sod_list_wrapper {background: #08507b!important;color: #ffffff;z-index: 9; } .client .sod_select .sod_option.active {background: #ce9e6a;font: 15px "Gotham-Book";} /******CLIENT FAVORIS******/ .clientfavoris_table .lignePanierBit .pi-col-sm-4.pi-col-3xs-4 {padding: 0;} .client .clientfavoris_table .tdheadcde{border-right:none} .clientfavoris_table .lignePanierBit:last-child {border-bottom: 1px solid #b1b1b1;} .client_wrapper .modifCoordclientfav{margin-top:15px} .content_favoris_wrapper .social-share-item.addthis_toolbox {background: none;border:none;height: auto;margin-bottom: 10px;position: relative;width: auto;} .content_favoris_wrapper .social-share-item.addthis_toolbox > a {display: inline-block;} .clientfavoris_table .picto_promo {right: 31px;top: 0;} .action_panier_fav {margin-top: 39px;text-align: center;} .action_panier_fav > button {display: inline-block;margin-bottom: 3px;} .contact_fav_panier {background: #dddddd;border: medium none;padding: 5px 10px; min-width: 144px;} .clientfavoris_table .caract_cde{max-width:75%} .ajout_fav_panier {background: #ce9e6a url("template-ico_panier.png")no-repeat 10px 50%;border: medium none;padding: 5px 10px 5px 30px;color:#ffffff; background-size:16px; min-width: 144px;} .retirer_fav_panier {background: #083c56 ;border: medium none;padding: 5px 10px;color:#ffffff; min-width: 144px;} .supprimer_fav {background: #d72c6a;color: #ffffff;padding: 5px 10px;display:inline-block} /**PANEIR SAVE***/ .gen_save_panier {background-color: #ce9e6a;color: #ffffff;display: inline-block;font: 14px "Gotham-Medium";padding: 10px;width:38px} .del_save_panier {background-color: #d72c6a;color: #ffffff;display: inline-block;font: 14px "Gotham-Medium";padding: 10px;width:38px} .entete_mobile_panier{display:none; padding:10px 10px; background-color:#08507b ; font:12px "Gotham-Medium"; color:#ffffff; text-transform:uppercase} /*================================================= INSTIT ===================================================*/ /**FOrmmulaire générale**/ .contenu_form {padding: 15px;} .formBox {margin-bottom: 8px;} .form_et {font: 12px "Gotham-Book";display:block;margin-bottom:5px} .form_em {font: 12px "Gotham-Medium";} .input_txt {border: 1px solid #083c56;display: block;height: 28px;text-indent: 10px;vertical-align: middle;width: 100%;background-color:#ffffff} .input_txt:focus{border-color:#ce9e6a } .btn_retour {background: #083c56 ;border: none;color: #ffffff;font:15px "Gotham-Medium";padding: 8px 15px; text-transform: uppercase;display:inline-block} .btn_retour:hover {filter:brightness(120%); -moz-filter:brightness(120%); -webkit-filter:brightness(120%); -ms-filter:brightness(120%); -o-filter:brightness(120%);} .text-perso{margin:10px auto} .etoile{font:13px "Gotham-Bold"; color:#d72c6a} .formContent {background-color: #ffffff;border: 1px solid #083c56;margin: 10px auto;max-width: 370px;padding: 0;} .lien-souligner{font:13px "Gotham-Book"; text-decoration:underline; padding:5px 0; display:inline-block; color:#ce9e6a } label.errorForm {color: #d72c6a;display: block;text-align: right;font:12px "Gotham-Medium";} .institutionnel .erreur_msg_content {border: 1px solid #ce9e6a;margin: 5px auto;max-width: 500px;padding: 5px 0;} /**** Style pour les contenus institutionnel *****/ .institutionnel .instit{font-size:14px;line-height:150%;} .institutionnel .instit strong{font-family:'Gotham-Medium';font-weight:normal;color:#08507b;} .institutionnel .instit h2{font-family:'Gotham-Medium';font-weight:normal;margin:0 0 10px;color:#ce9f6b;font-size:24px;} .institutionnel .instit h3{font-family:'Gotham-Medium';font-weight:normal;margin:0 0 10px;color:#08507b;font-size:22px;} .institutionnel .instit h4{font-family:'Gotham-Medium';font-weight:normal;margin:0 0 10px;color:#08507b;font-size:20px;} .institutionnel .instit h5{font-family:'Gotham-Medium';font-weight:normal;margin:0 0 10px;color:#08507b;font-size:18px;} .institutionnel .instit h6{font-family:'Gotham-Medium';font-weight:normal;margin:0 0 10px;color:#08507b;font-size:16px;} .institutionnel .instit a{color:#ce9f6b;} /*NEWSLETTER*/ .conteneur_page { border-top: 1px solid #6b4c52;color: #6b4c52;} .content_page_wrapper{margin: auto;max-width: 1625px;width: 85%;} .page_wrapper {background-color: #f4eeea;padding: 10px;margin-bottom:56px } .page_wrapper .ariane_fil{border-bottom:none} .formnewsletter {background-color: #ffffff ;border: 1px solid #cccccc ;margin: auto;max-width: 400px;padding: 15px;position: relative;} /*.instit {float: left;margin: 5px auto;width: 50% } .institform {float: left;margin: 10px auto;width: 50%;} .instit.no_form {float: none;width: 100%;}*/ .institform input[type="text"]{border: 1px solid #dddddd;display: block;height: 28px;text-indent: 10px;vertical-align: middle;width: 100%;} .institform textarea{border: 1px solid #dddddd;display: block;height: 50px;text-indent: 10px;vertical-align: middle;width: 100%;resize:none; padding:10px 0} input[type="text"]:focus, .institform textarea:focus{border-color:#ce9e6a } .titre_content {background-color: #083c56;display: block;text-align: center;} .titre_content strong {color: #ffffff;display: block;font: 16px "proxima-nova-condensed";min-width: 200px;padding: 10px;text-transform: uppercase;} .formContent .sod_select {height: 32px;border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;} .formContent .sod_select .sod_label {border:1px solid #083c56!important;border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;} #formPassword {margin-top: 20px;} .instit table {width:100%!important} /** Contact New style **/ .institFomWrapper{position:relative;padding:10px;background-color:#f4f4f4;} .institFormBox {margin-bottom: 8px;} .institFormContent{position:relative;padding:20px;} . .institFormBox{margin-bottom:10px;} .institForm_et{float:left;width:30%;text-transform:uppercase;font:12px 'Gotham-Medium';margin:0;padding:6px 10px 0 0;text-align:right;} .institFormBox input[type="text"], .institFormBox input[type="tel"], .institFormBox input[type="mail"], .institFormBox input[type="password"] {float:left;width:70%;background-color:#ffffff;height:30px;padding:0 10px;border:none;color:#959595;border:1px solid #08507b} .institFormBox textarea {float:left;width:70%;background-color:#ffffff;height:50px;padding:5px 10px;border:none;color:#959595;border:1px solid #08507b } .institFormValid{text-align:center;margin-top:20px;} .submitInstit_btn{display:inline-block;padding:10px 55px;border:none;background-color:#ce9e6a;color:#ffffff;text-transform:uppercase;font:15px 'Gotham-Book';} .submitInstit_btn:hover{background-color:#08507b;} .contactBoxInstitWrapper{max-width:796px;margin:0 auto 25px;padding-bottom: 30px;} .contactBoxInstit{position:relative;padding:10px;background-color:#ececec;} .contactBoxInstitContent{position:relative;padding:10px;} .contactBoxInstitLib{text-align:center;margin-bottom:15px;font:20px "TrajanPro3";color:#ce9e6a;letter-spacing:5px;} .contactBoxInstitText{text-align:center;font-size:13px;color:#868686;margin-bottom:10px;} .contactBoxInstitDesc{text-align:center;font-size:13px;color:#868686;} .number_instit{color:#d72c6a;font:24px "TrajanPro3";} .address_instit{font:16px 'Gotham-Medium';} .textarea_produit.input_txt {color: #ce9e6a;font-family: "Gotham-Bold";} .livre .institFormBox .sod_select {float:left;width:70%;height:30px;padding:0 10px;border:none;color:#959595;border:1px solid #08507b} .livre .institFormBox .sod_select .sod_label {background-color: #ffffff;font: 12px "Gotham-Book";height: 27px;padding-top: 6px;text-align: left;text-transform: none;} .livre .institFormBox .sod_select .sod_label::after{top:11px; right:0} .unmessage{margin:10px 0 20px 0} .nom_posted {font: 14px "Gotham-Medium";text-transform: uppercase; float:left} .nom_posted em{font: italic 13px "Gotham-Book";} .livre_note{float:right;color:#ce9e6a; font:14px "Gotham-Medium"} .unmessage_content {border-bottom: 1px solid #08507b;border-left: 7px solid #08507b;padding: 10px;} .unmessagecontenu > strong {display: block;padding: 5px 0 15px;color:#08507b} .livre .sod_list_wrapper {border: 1px solid #08507b;} .ss_menu .ss_categ_niv3 > li {margin: 8px 0;} /*================================================= PLAN ===================================================*/ .content_plan{padding-top:30px} .menuplan_g, .menuplan_d {background-color: #ffffff;border: 1px solid #e0dfe5;float: left;margin-left: 14px;margin-top: 20px;padding:20px 10px;width: 45%;color:#868686} .titre_plan {background-color: #ce9e6a ;color: #ffffff;margin: 0 auto;padding: 1px;position: relative;text-align: center;top: -35px;} .titre_plan strong {display: block;padding: 5px;font:17px "proxima-nova-condensed"; text-transform:uppercase; text-shadow:0 0.5px #ffffff;-webkit-text-shadow:0 0.5px #ffffff;-moz-text-shadow:0 0.5px #ffffff;-o-text-shadow:0 0.5px #ffffff;-ms-text-shadow:0 0.5px #ffffff;} .menuplan_g a:hover {color: #d72c6a;} .menuplan_g a ,.menuplan_d a {display: block;padding: 3px 0;} .erreur_msg{text-align:center; color:#d72c6a; font:14px "Gotham-Bold"; margin:8px 0; display:block} .imagesmarques .lienBit > a {color: #08507b;font: 14px "Gotham-Bold";} .marquebit {margin: 5px auto;background-color:#ffffff; box-shadow:0 0 2px #ddd;-moz-box-shadow:0 0 2px #ddd;-webkit-box-shadow:0 0 2px #ddd;-moz-box-shadow:0 0 2px #ddd;padding:15px;} .copy-paste-block::after {clear: both;content: ""; display: table;} .marque_desc {padding: 10px 0;} .marque_desc .copy-paste-block p img, .marque_desc p > img {border: 1px solid #cccccc;float: left; margin-right: 15px;} .copy-paste-block p span {display: block;font: 12px "Gotham-Book" !important;text-align: left !important;} /*================================================= PARTENAIRES ===================================================*/ .lienBit {border: 1px solid #cccccc;margin: 15px 0;padding: 10px;} .image_partenaire {height: 150px;text-align: center;} .lienBit:hover {border-color:#ce9e6a} .lienBit_lib > a { color: #ce9e6a;display: block;font: 13px "Gotham-Bold";text-transform: uppercase ;padding:5px 0} .lienBit > p {font: 12px "Gotham-Book";height:63px; overflow:hidden} .imagesmarques {text-align: center;} /*================================================= TELECHHARGER ===================================================*/ .telecharger_Bit{margin: 5px auto;background-color:#ffffff; box-shadow:0 0 2px #565857;-moz-box-shadow:0 0 2px #565857;-webkit-box-shadow:0 0 2px #565857;-moz-box-shadow:0 0 2px #565857;padding:15px;} .lien_doc{float:right; width:50%; text-align:right} .lien_doc a{color:#ce9e6a ;display:inline-block; text-decoration:underline} .nom_doc{text-transform:uppercase; font:12px "Gotham-Bold"; float:left; width:50%} /*========================================= NEWSLETTER ==========================================*/ .bloc_newsletter {margin: 35px auto;} .bloc_content {background: #b1b1b1 url("template-bg_slogan.png") no-repeat scroll center bottom;color: #ffffff;font: 14px "Gotham-Book";padding: 15px 15px 25px 15px;} .title_newsletter {border-right: 1px solid #ebe8e1;color: #ffffff;float: left;font: 25px "Ringbearer";letter-spacing: 5px;padding: 0 15px;text-align: center;margin-top:5px} .content_newsletter {} .formcontent_news::after {content: url("template-nl.png");left: -102px;position: absolute;top: -7px;z-index: 2;} .formcontent_news {float: right;margin-right: 17px;padding-top: 5px;position: relative;} .formcontent_news > form {position: relative;z-index: 8;} .content_newsletter span{display:inline-block; vertical-align:middle; margin:0 5%} .n_text {background: #ffffff ;border:none;color: #b1b1b1;font: italic 12px "Gotham-Book";height: 35px;text-indent: 10px;width:476px;box-shadow:0 0 3px #565857 ;-moz-box-shadow:0 0 3px #565857 ;-webkit-box-shadow:0 0 3px #565857 ;-ms-box-shadow:0 0 3px #565857 ;-o-box-shadow:0 0 3px #565857 ;padding:0} .n_submit {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background:none;border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cccccc;border-image: none;border-style: none none none solid;border-width: medium medium medium 1px;color: #ce9e6a;font: 16px "Ringbearer";position: absolute;right: 10px;top: 9px;padding:0 5px} .n_submit:hover{color:#ce9e6a ; -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background:none;border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ce9e6a;border-image: none;border-style: none none none solid;border-width: medium medium medium 1px;} /******************************************************************** SPINNER - SPINNER - SPINNER - SPINNER - SPINNER - SPINNER - SPINNER ********************************************************************/ .loading-overlay{background-color:#000;display:block;height:100%;left:0;opacity:.5;position:fixed;text-align:center;top:0;width:100%;z-index:9998} .spinner{/*width:40px;height:40px;*/left:50%;position:fixed;top:50%;z-index:9999} /*================================================= FIX JQZOOM ===================================================*/ .big_image .zoomPad{z-index:4} .zoomable{display:inline-block;position:relative} .zoomable:after{content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;} .zoomable img{display:block} .zoomable img::selection{background-color:transparent} .logo_retour_cmd{padding:15px 0; text-align:center; background-color:#cccccc} /* ****** *** *** ***** */ /* POPUP-MONDIAL RELAY */ /* ****** *** *** ***** */ .avert_boxrelay{position:absolute;background-color:#ffffff;padding:15px;top:50%;left:50%;margin:-250px 0 0 -380px;max-width:760px;width:100%;min-height: 550px} .validrelay{border:none;background-color: #e2007a;width:16%;padding:12px 0px 12px 0;text-align:center;color:#ffffff;text-transform:uppercase;font:bold 18px Arial;margin-left: 20px; margin-top: 15px;} .MR-Widget{/*font-family:Verdana!important;*/font-size:10px!important;/*border:solid 1px #ddd!important;*/margin:5px;background:#fff;position:relative;} .MR-Widget .MRW-Title{display:none;color:#666;font-weight:700;text-align:center;background:#eee;padding:3px;border-bottom:solid 1px #ddd} .MR-Widget .MRW-Results{overflow:auto;height:auto;} .MR-Widget input{border:solid 1px #ddd} .MR-Widget .MRW-Search{padding:10px 5px;/*text-align:center;*/background:#fafafa;} .es-ES .MRW-Search{padding:25px 0 25px 20px!important;} .MR-Widget .MRW-Line{display:block;margin-bottom:3px} .MR-Widget .MRW-BtGeoGo{display:none;border:solid 1px #ddd;background:#eee} .MR-Widget .MRW-BtGo{height: auto;border: 1px solid #D4D4D4;background: #000;padding: 2px 25px;font-size: 14px;text-align: center;white-space: nowrap;color: #FFF;text-transform: uppercase;} .MR-Widget .PR-List-Item{border-left:solid 2px #ddd;padding:3px;margin-bottom:4px;cursor:pointer;font-weight: bold;font-size: 12px;} .MR-Widget .PR-List-Item.PR-Disabled{border-left:solid 2px #ddd;padding:3px;margin-bottom:4px;cursor:not-allowed;font-weight: bold;font-size: 12px;} .MR-Widget .PR-Name{color:#ca0047;font-weight:600;font-size: 14px;line-height: 20px;font-weight: bold;text-transform: uppercase;} .MR-Widget .PR-hover{border-left:solid 2px #ca0047;background:#f7f7f7} .MR-Widget .PR-Selected{border-left:solid 2px #ca0047;background:#DDDDDD} .MR-Widget .MRW-Errors{color:#ff8c44;display:block;background:#ffede2;border:solid 1px #ff8c44;font-weight:100;padding:4px;display:none;width: 720px;} .MR-Widget .PR-Warning{color:#ffa500;font-weight:700;text-align:center;padding:2px} .MR-Widget .PR-Hours{width:100%;color:#666;border:solid 1px #eee;font-size:10px} .MR-Widget .PR-Hours td{width:35%;text-align:center} .MR-Widget .PR-Hours .d{background:#eee} .MR-Widget .PR-AutoCplCity{/*position:absolute;*/width:100px;text-align:left;display:none;border:solid 1px #B1B1B1;background:#fff;z-index:8000} .MR-Widget .MRW-fl-Select{position:absolute;width:100px;text-align:left;display:none;border:solid 1px #B1B1B1;background:#fff;z-index:8000;padding-left: 8px;} .MR-Widget .MRW-fl-Select .MRW-fl-Item,.MR-Widget .PR-City{padding:3px} .MR-Widget .MRW-fl-Select .MRW-fl-Item:hover,.MR-Widget .PR-City:hover{cursor:pointer;background:#f5f5f5;font-weight:700} .MR-Widget .AutoCpl-Hover{background:#f5f5f5;font-weight:700} .MR-Widget #MRW-Map{overflow:hidden !important;font-size:8pt !important} .MR-Widget .InfoWindow{width:245px !important} .MR-Widget .PR-Name{padding-bottom:2px} .MR-Widget .Tabs-Btns{overflow:auto;border-bottom:1px solid #ccc} .MR-Widget .Tabs-Btn{display:inline-block;padding:2px 5px;float:left;background-color:#eee;cursor:pointer} .MR-Widget .Tabs-Btn-Selected{font-weight:bold;border:1px solid #ccc;border-bottom:0} .MR-Widget .Tabs-Tabs{margin-top:2px} .MR-Widget .Tabs-Tab{display:none;visibility:hidden} .MR-Widget .Tabs-Tab-Selected{display:inline;visibility:visible} .MRW-RList{overflow: auto;height: 280px; width: 100% !important;} .MRW-Map{overflow: hidden;height: 280px !important;/* position:absolute !important; margin-top: 310px !important*/;width:100% !important;margin:auto;float:none !important} .Arg2{width: 70px !important;margin-right: 10px; margin-left: 5px;} .MRW-flag{margin-right: 20px;cursor: pointer;padding-left: 9px;} .iArg0{width: 100px !important;margin-bottom: 10px;} #erreur_no_relais { background: #ffb2bb; border: solid 1px #f91713; padding: 10px;font-family:verdana;font-size:10px; font-weight:bold;margin-bottom:10px;display:none;} div#content_pr{ width: 96%; margin: auto; } .btn_pr { background: #4eb8c6; border: none; color: #fff; font: 14px Gotham-Medium; padding: 5px 20px 5px 20px; text-transform: uppercase; cursor: pointer; } .btn_pr:hover{background-color:#5ec8d6} .btn_pr_wrap, .btn_pr_wrap_first{text-align:center; padding: 10px} .titl_address{display:block;font:15px "open Sans";margin:10px auto;text-align:center;text-transform:uppercase} .address_pr{border:1px solid #ccc; margin: 20px 10px 10px;width:90%;margin:auto;} .titl_address_pr{display:block;font:12px "Gotham-Book";text-align:center;text-transform:uppercase; background:#ccc;padding: 8px} .contenu_address {padding: 10px!important;text-align:center;font-weight:bold;} /*============== AVIS CLIENT ================*/ .avis-bottom {margin-top: 20px;margin-bottom: 20px;padding-top: 15px;} .descriptionArt {} .avis_client {margin-bottom: 30px;margin-top:15px;margin-right: -13px; margin-left: -13px} .avis_client::after{display: block;content: ""; clear:both;} .avis_client .slick-track{display: flex;display: -ms-flexbox;min-width: 100%;} .avis_client_note{margin-top:10px;} .temoignageBit.commentList {height: 100%;background: #fff;padding: 15px;margin: 0 13px;border: 1px solid #e3e4e5;color: #3a3a3b;} .note-avis {margin-top: 10px;} .note-avis a{text-decoration: underline;font-size:11px;} .note-avis strong{font:12px "Gotham-Bold";} div#avis {background: #fff;} .temoignageBit h3 {display: block;color: #000;font: 14px "Gotham-Bold" ; padding-right: 95px;position: relative;margin-top: 5px} h3.content-auteur em {position: absolute;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);font: 13px "Gotham-Book";color: #928c8e;} .titre-navigation-avis.title_selection span {background-color: #f4f4f4;} .titre-navigation-avis.title_selection:after{} .title-avis-box {background: #e6e6e6;padding: 10px;text-align: center;text-transform: uppercase;font: 14px "Gotham-Medium";margin-top: 15px;} div#temoignage .formBox_content{border: none;} div#temoignage .input_commentaire {width: 100%;height: 35px;border: 1px solid #e6e6e6;background: #e6e6e6;padding: 5px 15px;outline: none!important} .commentaire_Select {width: 100%;height: 35px;border: 1px solid #e6e6e6;background-color: #e6e6e6;padding: 5px 15px;} .textarea_commentaire {width: 100%;height: 75px;border: 1px solid #e6e6e6;background-color: #e6e6e6;padding: 5px 15px;outline: none!important; text-indent: 0} @media only screen and (min-width:768px) { .avis-bit-art {max-width: 33.333%;float: left;} } @media only screen and (max-width:767px) { .titre-navigation-avis.title_selection {font-size: 20px} .temoignageBit h3{font-size: 13px} h3.content-auteur em{font-size: 12px} } @media only screen and (max-width:640px) { div#temoignage{padding-left: 5px;padding-right: 5px;margin-top: 0} .title-avis-box{font-size: 12px} .titre-navigation-avis.title_selection {font-size: 16px} .temoignageBit.commentList{margin-left: 5px; margin-right: 5px} .avis_client{padding-left: 12px; padding-right: 12px} } @media only screen and (max-width:380px) { .titre-navigation-avis.title_selection {font-size: 14px} .title_selection{font-size: 24px} } .PR-Disabled::after { content: "Indisponible"; color: #f00; }