.clear{clear:both} *{margin:0;padding:0;} ul li{list-style:none;margin:0;padding:0;} a{border:none;outline:none;text-decoration:none;color:#1A1A1A} h1, h2, h3, h4, h5, h6 {font-weight: normal;font-family: 'TrajanPro3';} a:focus{text-decoration:none;outline:none;} a:hover{text-decoration:none;outline:none;color:#D62B69} img{border:none;max-width:100%;} strong, b{font-weight:bold;} em, i{font-family:'Gotham-Book';font-style:italic;} body{font-family:'Gotham-Book', Arial;color:#1a1a1a;font-size:13px;background-color:#F4F4F4} input[type="submit"], button{cursor:pointer;} input[type="submit"]:focus, button:focus{outline:none} textarea{resize:none;} 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;} input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {outline:none} .hiddenToShow, .hidden{display:none;} .atc{cursor:pointer;border:none;outline:none;text-decoration:none;color:#1A1A1A} .atc:hover {text-decoration:none;outline:none;color:#D62B69} .sod_select{cursor:pointer;max-width:260px;} /*** Select style ***/ .selectStyled{position:absolute;left:-9000px;top:-9000px;} .visible_mobile{display:none!important} .opacity_hover:hover{filter:brightness(110%);-moz-filter:brightness(110%);-webkit-filter:brightness(110%);-ms-filter:brightness(110%);-o-filter:brightness(110%);} .max-width-container{max-width: 1700px; margin: 0 auto;} .container_1000{max-width: 1000px; margin: 0 auto;position: relative;z-index: 2} .buttonPlus{width:150px; background:#D62B69;color:#FFFFFF;font-weight:bold;margin:0px auto 10px auto;padding: 10px 15px;border:1px solid #D62B69;display: block;text-align: center;} .buttonPlus:hover{background:#FFFFFF;color:#D62B69;} .swiper-button-disabled {cursor: no-drop!important;opacity: 0.3;} .font-gravure-1{font-family: Times New Roman,Times,serif !important;font-size: 18px !important;} .font-gravure-2{font-family: 'Manuscrit',sans-serif !important;font-size: 20px !important;font-weight: bold;} /******************************************************************** COMMUN - COMMUN - COMMUN - COMMUN - COMMUN - COMMUN - COMMUN - COMMUN ********************************************************************/ .titre_trajan{font-family:'TrajanPro3'; padding:25px 0; text-align:center; margin-top:15px} .font_18{font-size:18px} #tarteaucitronRoot .tarteaucitronAlertBigBottom {background-color:#363636 !important;bottom: 0 !important;left: 0 !important;position: fixed !important;width: 100% !important;z-index: 999 !important;padding:5px 0 !important;} #tarteaucitronRoot .tarteaucitronAlertBigWrapper {color: #ffffff !important;margin: auto !important;max-width: 1024px !important;padding: 0px 10px !important;text-align: center !important;font-size:12px !important;line-height: 30px !important;} #tarteaucitronRoot .tarteaucitronAlertBigWrapper a{color:#ffffff !important; text-decoration:underline !important} #tarteaucitronRoot .tarteaucitronAlertBigWrapper #tarteaucitronCloseAlert {background-color: #9C1A1A !important ;color:#ffffff !important; height: 30px !important;padding: 0 5px !important;text-align: center !important;font-size:14px !important;text-decoration: none !important;line-height: 30px !important; margin: 0 !important} #tarteaucitronRoot .tarteaucitronAlertBigWrapper button.tarteaucitronAllow {background-color: #008300 !important ;color:#ffffff !important; height: 30px !important;padding: 0 5px !important;text-align: center !important;font-size:14px !important;text-decoration: none !important;} #tarteaucitronRoot #buttonDenieds{float:right !important; margin: 0 !important} @media screen and (max-width: 640px) { #tarteaucitronRoot .tarteaucitronAlertBigWrapper{line-height: 14px !important;} #tarteaucitronRoot #buttonDenieds{width:100% !important; flex-direction: unset !important;margin-top: 5px !important;} #tarteaucitronRoot .tarteaucitronAlertBigWrapper #tarteaucitronCloseAlert, #tarteaucitronRoot .tarteaucitronAlertBigWrapper button.tarteaucitronAllow { width:45% !important} } .stat > img {display: none;} /***********HEADER FIXED*********/ header{transition:all ease 0.4s;-moz-transition:all ease 0.4s;-ms-transition:all ease 0.4s;-o-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;} .goToTop {background-color: #363636;bottom: 50px;cursor: pointer;display: none;padding: 1px 10px;position: fixed;right: 110px;text-align: center;width: 60px;z-index: 9999;} .goToTop:hover{background-color: #D62B69;} .goToTop i {font-size: 20px;color: #ffffff} .menu_overlay{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9} .menu_mob_overlay{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .filtre_mob_overlay{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} /*=============================== HEADER ================================*/ .skiptranslate iframe {display: none;} #myHeader {background:#f4f4f4;position:relative;z-index:10; padding-top:48px} .top_header {background-color: #ffffff;border-bottom: 1px solid #B3B3B3;position:fixed;width:100%; left:0; top:0; z-index:10} .offre_bienvenu {padding: 15px 0;max-height: 47px;} /*.offre_bienvenu span {font-size: 9px}*/ .offre_bienvenu p {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .nav_top {float: right;} .nav_top::after {content: "";display: block;clear: both;} .nav_top > li {float: left;padding: 5px 10px;border-left: 1px solid #B3B3B3;position:relative;z-index:1} .nav_top > li > a, .nav_top > li > span.lien, .nav_top > li > span.atc {padding: 10px 0;display: block;cursor:pointer;} .nav_top > li > a:hover, .nav_top > li > span.lien:hover{color:#D62B69} .deroulant_contact {position: absolute;width: 101%;top: 100%;background-color: #ffffff;left: -0.5%;border-left: 1px solid #B3B3B3;border-right: 1px solid #B3B3B3;border-bottom: 1px solid #B3B3B3;z-index: 2;text-align: center; font-size: 11px;display:none;transition:all ease 0.4s;-moz-transition:all ease 0.4s;-ms-transition:all ease 0.4s;-o-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;} .deroulant_contact a, .deroulant_contact span.lien{cursor:pointer;text-transform: uppercase;color: #D62B69;font: 12px "Gotham-Medium";padding: 5px 0 ;display:block} .nav_top li.contact_top:hover .deroulant_contact{display:block;transition:all ease 0.4s;-moz-transition:all ease 0.4s;-ms-transition:all ease 0.4s;-o-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;} .nbre_panier {position: absolute;left: -11px;padding-top: 1px;display: inline-block;background-color: #D62B69;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;-moz-border-radius: 100%;text-align: center;color: #ffffff;font: 10px "Gotham-Medium";width: 15px;height: 15px;top: -8px;} .deroulant_langue {position: absolute;width: auto;top: 100%;background-color: #ffffff;left: -1%;border-left: 1px solid #B3B3B3;border-right: 1px solid #B3B3B3;border-bottom: 1px solid #B3B3B3;z-index: 2;text-align: center; font-size: 11px;display:none;padding:15px 10px} .deroulant_langue select {border: 1px solid #b3b3b3;height: 30px;width:162px} .deroulant_langue li{padding:5px} .deroulant_langue li a:hover{color:#D62B69} .nav_top > li.contact_top > a, .nav_top > li.contact_top > span.lien{padding:5px 0 3px 0;} .nav_top > li > a.top_compte, .nav_top > li > span.top_compte{padding:9px 0 3px 0;} .nav_top > li > span.top_contact{padding:5px 0 3px 0;} .nav_top > li > a.top_panier, .nav_top > li > span.top_panier{padding:6px 0 3px 0;} .header {padding: 15px 0;text-align: center;} .logo{padding-top:15px;min-height: 85px;} .search_form {position: absolute;right: 0;width: 100%;max-width: 260px;top: 50%;margin-top: -17px;z-index:2} .search_form form {position: relative;z-index: 1;} .text_search {border: none;background-color: #ffffff;height: 35px;padding: 5px 30px 5px 10px;width: 100%;} .submit_search {background: none;border: none;position: absolute;right: 0;top: 0;height: 35px;width: 30px;z-index:1} @media only screen and (min-width: 1280px){ .slider_home {max-height: 545px;} .headerFixed .header{padding:0} .headerFixed {left:0;position:fixed!important;top:46px;width: 100%;z-index: 999;background:#ffffff!important;padding:0!important;border-bottom:1px solid #1a1a1a} .paddingWrapper {padding-top:255px ;} .page_categorie .paddingWrapper {padding-top:328px ;} .headerFixed .nav_menu {padding-left: 20%;padding-right: 40px;} .headerFixed .search_form {top: 53px;margin-top: 0;} .headerFixed .search_form form{display:none;padding:10px; background-color:#1a1a1a} .headerFixed .submit_search{top:10px; right:10px} .headerFixed .text_search {/*display: none;*/} .headerFixed .logo{position:absolute; width:13%} .headerFixed .logo img {height:auto;transition:all ease 0.4s;-moz-transition:all ease 0.4s;-ms-transition:all ease 0.4s;-o-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;} .qte_panier img {margin-top: -6px;} .headerFixed .navigation_wrapper {min-height: 52px;background-color: #ffffff;} .top_header .pi-col-xs-5{width:50%} .headerFixed .toggle_search_fixed{display:block} .top_header .pi-col-xs-7{width:50%} .menu_mob_overlay{display:none!important} }.toggle_search_fixed {display: none;height: 26px;padding-top: 5px;position: absolute;right: 13px;top: -40px;width: 30px;z-index: 1;} /*******MENU MOb*********/ .close_menu_mob{display:none; position:absolute; color:#ffffff; font-size:27px; right:10px; top:-2px; z-index:1} .menu_mob_responsive {position: relative; z-index: 1;margin-top: -36px;padding: 10px 0 10px 10px;display:none} .menu_left {float: left;text-transform: uppercase;font-size: 12px;min-width:40%;} .menu_right {float: right;min-width:60%;text-align: right;} .menu_right a, .menu_right span.lien {cursor:pointer;padding:5px 14px;display: inline-block;} .btnHelp{width: 25px;height: 30px;font-size: 30px;text-align: center;} .panier_mob {position: relative;} /*=============================== NAVIGAION ================================*/ .section_nav{margin:auto; max-width:1280px; } .nav_menu {display: table;width: 100%;min-height:53px;} .nav_item {display: table-cell;text-align: center;padding: 10px 10px;font-size: 14px;text-transform: uppercase;vertical-align:middle} .nav_item.lien_compte_mobile{display:none} .nav_link.nav_prom {padding:10px;background:#000000;color: #FFFFFF;} .nav_guide {font: 20px "Blacksword";text-transform: none;} @media screen and (max-width: 640px) { .nav_guide {font: 17px "TrajanPro3";text-transform: none;} } .nav_link.active{color:#D62B69} /******Sous Menu*******/ .sub_menu {position: absolute; background-color: #fff;width: 100%;top: 100%;left: 0;z-index: 9999;padding: 20px 0;border-top: 2px solid #E0005B;display: none;text-align: left;} #onglet_11 .sub_menu{display:none !important;} .nav_link.active + .sub_menu{display:block} .titre_categ_sub {font: 15px "Gotham-Medium";padding: 20px 0 15px 0;} .ss_menu_categ {margin: 15px 0;column-count: 3;-webkit-column-count: 3;-moz-column-count: 3;-ms-column-count: 3;-o-column-count: 3;} .ss_menu_categ li {display: block;padding: 8px 0;} .ss_menu_categ li.first_link {display: none} #onglet_ .ss_menu_categ li.first_link.hidden_guide {display: none!important} .link_mob_Montre a {padding-left: 19px;background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAMAA8DASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgQF/8QAIxAAAAYBAwUBAAAAAAAAAAAAAQIDBAURBgAHExIxQVGBof/EABUBAQEAAAAAAAAAAAAAAAAAAAYH/8QAIREAAAUDBQEAAAAAAAAAAAAAAQIDETEABBITFSEiI2H/2gAMAwEAAhEDEQA/AEmw+BkyKXRyCRkmC7BB44QVi3FmUWoBo1X2C7+ayt6sKHE51SQbyrRVnIvlQQYtBEDNCAFgUQv5o3iz9bGMvQn48qajxodXj5y9RRsogNgFeB96lmTDL5BITLmiOXzo6y3EAAXqHvXn90dA6eiBceXq5GtL3czrit5YQwQ49W+TlIxX/9k=') no-repeat center left;} .ss_menu_categ li a {font-size: 12px;} .content_wrapper {padding: 10px 0;} .conteneur_slider {text-align: center;min-height:530px;} @media screen and (max-width: 640px) { .conteneur_slider {min-height:160px;} } #onglet_6 .titre_categ_sub {position: relative;} /*#onglet_6 .titre_categ_sub::before *content: url('template-swissmade2.jpg');position: absolute;bottom: -11px;left: 21%;z-index: 9;padding:0 8px; background-color:#ffffff} #onglet_6 .titre_categ_sub::after {content: '';background-color: #b3b3b3;width: 60%;position: absolute;left: 0;height: 1px;bottom: 0;}*/ li#onglet_0{display:none} .menu_show{ display:none;} @media screen and (max-width: 640px) { .menu_show{display:content;} } /*=============================== SLDER ================================*/ .slider_item img {width: 100%;} .bg_hover {background: rgba(0, 0, 0, 0);height: 100%;left: 0;position: absolute;top: 0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;width: 100%;z-index:1; display:block;z-index:1} .slider_item:hover .bg_hover{background: rgba(41, 49, 51, 0.2);transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;} .big_img_txt:hover .bg_hover{background: rgba(41, 49, 51, 0.2);transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;z-index:9} /*=============================== PAGE DEMANDE ================================*/ .image_double_content > .pi-row > div:nth-child(2){padding-left:0!important; text-align:right} .texte_white, .texte_white *{color:#ffffff!important;} .titre_padding_15 {padding: 25px 10px;} .titre_2 {display: block;font-size: 18px;} .titre_strong{font:20px "TrajanPro3"; display:block; padding-bottom:5px} .big_img_txt {position: relative;z-index: 1;} /*.big_img_txt p {position: relative;z-index: 9;}*/ .texte_perso_img {position: absolute;padding: 10px;max-width: 310px;left: 25px;top: 45px;z-index:12; text-align:left} .texte_perso_img strong {display: block;font: 20px "Gotham-Medium";margin-bottom: 5px;text-transform:uppercase} .lien_texte_perso, .texte_perso_img a {display: inline-block;padding-top: 6px;font: 13px "Gotham-Medium";} .image_double_content img {height: auto !important;width: auto !important;} .image_content img {height: auto !important;} /*.page_style img:hover{opacity:0.8}*/ /*=============================== PAGE SELECTION ================================*/ .row_liste{margin:0 -10px} .row_liste::after{content:""; display:block; clear:both;} .col_categ{float:left; width:20%; padding:0 10px;min-height: 365px;} .col_categ2{float:left; width:16.6%; padding:0 10px;min-height: 192px;} .col_categ_encart1{float:left; width:20%; padding:0 10px;min-height: 365px;} .col_categ_encart2{float:left; width:40%; padding:0 10px;min-height: 365px;} .col_categ_plus{float:left; width:56px; font-size:40px;text-align:center;padding:86px 10px;min-height: 192px;} .col_categ_lot{float:left; width:auto; padding:86px 20px;min-height: 192px;} .col_categ2 .article_Bit{margin-bottom: 0 !important;} .col_categ.col_categPan{width:16.6%;min-height:0 !important;float:none;display:inline-block;} .col_categ.first_col {width: 40%;max-height: 730px;} .selection_liste .col_categ.first_col {width: 35%;} .selection_liste .col_categ{float:left; width:15%; padding:0 10px;min-height: 299px;} .article_Bit {background-color: #ffffff;padding: 20px 0;border:1px solid transparent} .article_Bit.articleCatBitEnAvant{border-color:#E0005B} .image_article {text-align: center;position:relative;z-index:1} .col_categ.first_col .image_article {padding-top:12.5%} .image_article img {width: 100%;height: 100%;} .article_lib {font: 13px "Gotham-Book";text-transform: uppercase;margin-bottom:5px; max-height:30px; overflow:hidden} .prix_article {overflow: hidden;} .px_promo {font: 13px "Gotham-Book";color:#E0005B} .px_souligne {color: #e0005b;text-decoration: line-through;display: inline-block;/*vertical-align: middle;*/} .detail_article {padding-top: 10px;} .page_selection {padding-top: 10px;border-top: 1px solid #B3B3B3;padding-bottom: 30px;} /*=============================== PAGE STYLE ================================*/ .page_style{padding-bottom: 30px;background-color:#ffffff} .page_style img {width: auto !important;height: auto !important;} .col_style{float:left; width:33.333333%; padding:0 10px;margin-bottom:20px} .col_style.first_col_style {width: 66.66666666%; padding-right:14px} .style_liste .texte_perso_img {top: 20px;} /*=============================== VIDEO ================================*/ .video_bloc{font-size:12px;padding-bottom: 25px;} /*=============================== PAGE GUIDE ================================*/ .col_20{float:left; width:20%; padding:0 10px;margin-bottom:20px} .titre_guide{font: 25px "Blacksword";padding:15px 0; text-align:center} .box_guide{padding:8px; background-color:#ffffff; text-align:center; border:1px solid #ffffff} .box_guide img {width: 100%;} .box_guide:hover{border-color:#e0005b} .guide_lib a{padding:20px 0 10px 0; text-transform:uppercase; text-align:center; display:block} .box_guide:hover *{color:#e0005b} .guideCallBack{background:#FFFFFF;padding:20px;margin:30px 0 0 0;} .guideCallBack p{display:inline;} /*=============================== FOOTER ================================*/ footer {background-color:#e9e9e9} /*********AVANTAGE*******/ .avantage_bloc {padding: 25px 10px;background-color: #ffffff;} .row_avantage{margin:0 -10px} .row_avantage::after{content:""; display:block; clear:both;} .av_box {float: left;width: 16.666666%;padding: 0 10px;} .av_box strong{display:inline-block;} .av_box.av_box4{width:21%} .av_box.av_box6{width:12%; float:right} .av_box a {display: block;} .av_box a strong {font: 14px "Gotham-Medium";text-transform:uppercase} /*.liste_categ_menu .pi-col-xs-2:nth-child(n+7) {display: none;}*/ .catalogue_rayon_bit{display:inline-block;width:16.66%;vertical-align:top;margin-bottom:5px;} /*********NEWSLLETTER*******/ .form_bloc_news {position: relative;max-width: 440px;z-index:1;margin:auto} .adresse_newsletter {background: #ffffff;border: none;height: 34px;padding: 0 0 0 30px;width: 100%;font:italic 12px "Gotham-Book"} .news_button {background-color: #1A1A1A;border: medium none;color: #ffffff;font: 11px "Gotham-Medium";height: 34px;position: absolute;right: 0;top: 0;padding: 0 10px;text-transform:uppercase} .news_button:hover {background-color:#D62B69} .newsletter_footer {padding: 40px 0;text-align: center; border-bottom:2px solid #B3b3b3} .newsletter_bloc {border-right: 1px solid #B3B3B3;padding-right:15px} .titre_news{display:block; padding-bottom:15px; font: 12px "Gotham-Medium"; text-transform:uppercase} .form_reso_bloc a, .form_reso_bloc span {display: inline-block;padding: 0px 4px;margin: 0 5px;filter: brightness(0%);-webkit-filter: brightness(0%);-ms-filter: brightness(0%);-o-filter: brightness(0%);-moz-filter: brightness(0%);} .form_reso_bloc a:hover, .form_reso_bloc span:hover {filter: brightness(100%);-webkit-filter: brightness(100%);-ms-filter: brightness(100%);-o-filter: brightness(100%);-moz-filter: brightness(100%);} /*****TRUST PILOT******/ .bloc_trust_pilot{margin:25px 0} .bloc_trust_pilot p a{text-decoration:underline} .titre_trust{text-align:center; font: 12px "Gotham-Medium"; text-transform:uppercase;padding-bottom:10px;} .titre_trust > img {max-width: 200px;} .liste_trust > div {display: none;} /*********MENU FOOTER**********/ .col_20_m{float:left; width:50%; padding:0 15px} .col_30_m{float:left; width:33%; padding:0 15px} .col_60{float:left; width:56%; padding:0 0 0 15px } .titre_menu {font: 12px "Gotham-Medium";text-transform: uppercase;padding-bottom: 10px;} .bloc_menu { margin-bottom: 15px;} .titre_menu i {display: none;} .menu_content ul li {margin-bottom: 5px;} .menu_content ul li a {display: inline-block;font-size: 12px;} .titre_menu_categ {font: 12px "Gotham-Medium";margin-bottom: 5px;} .copyright{padding:20px 10px; text-align:center; background-color:#ffffff; font-size:12px} .paiement_bloc{float:left; width:50%} .col_30_m .paiement_bloc{float:left; width:100%} .liste_trust iframe {margin: auto;text-align: center;} @media only screen and (min-width: 980px){ .col_60{display:none} /*.page_index .col_60{display:block} .page_index .col_20_m{width:22%} .page_index .paiement_bloc{ width:100%}*/ .col_20_m .menu_list_bloc, .col_30_m .menu_list_bloc {column-count: 3;-webkit-column-count: 3;-o-column-count: 3;-ms-column-count: 3;-moz-column-count: 3;} /*.page_index .col_20_m .menu_list_bloc {column-count: 1;-webkit-column-count: 1;-o-column-count: 1;-ms-column-count: 1;-moz-column-count: 1;}*/ } /*=============================== CATEGORIE ================================*/ .categorie_diamant_content{background:#FFFFFF;} .page_categorie .content_wrapper.categorie_content {background-color: #fff;} .descr_categ_2 {margin-top: 15px;order: 2;} .descr_categ_2 a{padding-top:10px; display:inline-block} .descr_categ_2_501 a, .descr_categ_2_459 a,.descr_categ_2_1218 a, .descr_categ_2_452 a, .descr_categ_2_454 a, .descr_categ_2_997 a, .descr_categ_2_938 a, .descr_categ_2_939 a, .descr_categ_2_940 a, .descr_categ_2_1331 a{text-decoration:underline;color:#0782C1;} .descr_categ_1 {order: 1;} .descr_2_m{display:none} .categorie_content {padding-bottom: 0;border-bottom: 1px solid #b3b3b3;} .ariane_box {padding: 10px 0;font: 11px "Gotham-Book";} .ariane_box * {font: 11px "Gotham-Book";} .image_categ {text-align: center; min-height:15px;} .image_categ img {width: 100%;height:auto} .image_categ img[data-cfsrc="/template-spacer.gif"] {width: 0;} .image_categ.spacer img{height:0; overflow:hidden} .page_categorie .image_categ{/*max-height:240px;*/ overflow:hidden; /*background:url(template-img_categ.jpg) no-repeat*/} .page_categorie .image_categ.spacer {height: 0;overflow: hidden;} .page_categorie .image_article img {height:auto !important} .titre_categ {margin: 0;padding: 5px 0;font: 27px "TrajanPro3";text-align: center;} .ss_categ {margin: 15px 0;} .ss_categ2 {margin: 15px 0;max-height: 95px;overflow-y: auto;} .ss_categ_bit {float: left;width: 20%;padding: 0 10px;margin-bottom: 15px;} .box_ss_categ {background-color: #ffffff;text-align: center;padding: 0;font-size: 11.5px;border:1px solid #ccc} .box_ss_categ:hover{border-color:#E0005B} .titre_ss_categ {padding: 10px 10px 0 10px;} .titre_ss_categ a {font: 13px "Gotham-Book";color: #E0005B;display: block;margin-bottom: 0;height:31px; overflow:hidden} .titre_ss_categ_btn{display:inline-block;margin:4px;} .titre_ss_categ_btn a {font: 13px "Gotham-Book";color: #E0005B;background:#eeeeee;display: inline;border:1px solid #cccccc;border-radius: 18px; padding: 6px 15px;line-height: 36px;} .titre_ss_categ_btn a:hover{background:#cccccc;} .image_ss_categ{padding-top:1px;height:95px; overflow:hidden} .image_ss_categ img {height: auto !important;/*max-width: 93%;*/} @media only screen and (min-width: 998px){ .image_ss_categ img { height: 95px!important;width: auto;} } /* .ss_categ_bit:nth-child(7n+7) {width: 50%;} .ss_categ_bit:nth-child(7n+7) .box_ss_categ{padding-bottom:10px}*/ /*******LISTE CATEG*********/ .toggle_filtre_mob{display:none;text-align: center;padding: 0 10px 10px 10px;border-bottom: 1px solid #b3b3b3;font-size: 14px;} .categ_liste {padding: 20px 0;background-color: #ffffff;} .filtre_left { display:none; position: fixed; left: 0; top: 0; z-index: 9999; background: #FFFFFF; border-right: 1px solid #000000; width: 20%; height: 100%; overflow-y: auto; } .filtre_left_close{position: fixed; left: 21%; font-size: 30px; font-weight: bold; cursor:pointer; } .filtre_categ{overflow-x: auto;padding: 20px;} .facette_bit {margin-bottom: 10px;} .titre_facette {display: block;font: 15px "Gotham-Book";text-transform: uppercase;padding: 10px 0;border-bottom: 1px solid #b3b3b3;} .filtre_value_liste {margin-top: 10px;max-height:192px; overflow:hidden} .filtre_value_liste li {margin: 2px 0;font-size:12px} .filtre_value_liste li a, .filtre_value_liste li span.choicePerso {cursor:pointer;display: inline-block;padding: 2px 0 2px 15px;position: relative;} .filtre_value_liste li span.choicePerso:hover{color:#E0005B} .filtre_value_liste li a::before, .filtre_value_liste li span.choicePerso::before {content: "";width: 10px;height: 10px;border: 1px solid #b3b3b3;display: block;position: absolute;left: 0;top: 5px;z-index:1} .filtre_value_liste li a.checked::before, .filtre_value_liste li span.choicePerso.checked::before{border-color:#E0005B; background-color:#E0005B} .filtre_value_liste li a.checked, .filtre_value_liste li span.choicePerso.checked{color:#E0005B} .apercu_facette {display:inline-block;width: 10px;height: 10px;margin-right: 5px;background: #ffffff;border: 1px solid #b3b3b3;vertical-align: middle;margin-top: -2px;} .apercu_facette.no_content{display:none} .apercu_facette img {display:block; width:100%; height:auto} .lien_plus {cursor:pointer;display: block;margin-top: 2px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAGFBMVEUAAADgGF3gGF3gGF3gGF3gGF3gGF3gGF37Zxy6AAAAB3RSTlMAv+/PryAQYEXLPQAAACpJREFUCNdjYGBgDWAAASYFMMVegEEllQOBAgOLoHihoANUEINiNmBgAAD6ogbB4dStvgAAAABJRU5ErkJggg==') no-repeat center left;padding-left: 18px;} .vis_moins{display:none} .lien_plus.moins {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAKElEQVR42mNgGO7ggUSsABC/B+L/BPB7mIb1QLwfCcMUIIutH4qBAQA+Ii22iO+bMwAAAABJRU5ErkJggg==') } .lien_plus.moins .vis_moins{display:inline-block;} .lien_plus.moins .hid_moins{display:none} .content_liste_right {width: 100%;padding: 0 10px;} .pagination_content {padding: 10px 0;} .nbre_articles {float: left;font-size: 11px;padding-top: 10px;} .pager_categ {float: right;} .pager_categ a, .pager_categ span {border: 1px solid #b3b3b3;display: inline-block;padding: 10px 15px;font-size: 12px;margin-left: 5px;vertical-align: middle;} .pager_categ a:hover, .pager_categ .encours{color:#ffffff; background-color:#E0005B; border-color:#E0005B} .pager_categ a.pager_prev {margin-right: 20px;margin-left: 0;} .pager_categ a.pager_next {margin-left: 20px;} .pager_categ a.pager_prev, .pager_categ a.pager_next {padding: 5px 1px 6px 1px;font: 20px "Gotham-Book";} .pager_categ2 {float: right;margin-right:48px;} .pager_categ2 a, .pager_categ2 span {border: 1px solid #b3b3b3;display: inline-block;padding: 10px 15px;font-size: 12px;margin-left: 5px;vertical-align: middle;} .pager_categ2 a:hover, .pager_categ2 .encours{color:#ffffff; background-color:#E0005B; border-color:#E0005B} .pager_categ2 a.pager_prev {margin-right: 20px;margin-left: 0;} .pager_categ2 a.pager_next {margin-left: 20px;} .pager_categ2 a.pager_prev, .pager_categ2 a.pager_next {padding: 5px 1px 6px 1px;font: 20px "Gotham-Book";} .liste_article .article_Bit{text-align:center} .liste_article .col_categ.first_col .image_article {padding: 15% 0 6% 0;} .liste_article .article_lib {font-size: 12px;text-transform: none;height:30px; overflow:hidden;} .liste_article .detail_article {height: 75px;} .reductionLabel {width: 38px;height: 38px;position: absolute;right: 4px;top: -16px;text-align: right;} .reductionLabel span {color: #E41E6E;font: 11px "Gotham-Book";/*text-shadow: 1px 0px 0px #EA6893;-moz-text-shadow: 1px 0px 0px #EA6893;-webkit-text-shadow: 1px 0px 0px #EA6893;-ms-text-shadow: 1px 0px 0px #EA6893;-o-text-shadow: 1px 0px 0px #EA6893;*/background: #fce9ef;padding-right: 4px;padding-left: 4px;background: #fce9ef;width: 38px;height: 38px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;text-align: center;display: inline-block;line-height: 38px;} .liste_article .prix_article {height: 35px;} .px_magasin{font-size:10px; color:#b3b3b3;display:block} .categorie_description{padding:15px 0} .cat_desc {margin-bottom: 10px;column-count: 2;-webkit-column-count: 2;-ms-column-count: 2;-o-column-count: 2;column-gap: 19px;-webkit-column-gap: 19px;-ms-column-gap: 19px;-o-column-gap: 19px;column-rule: 1px solid #b3b3b3;-webkit-column-rule: 1px solid #b3b3b3;-ms-column-rule: 1px solid #b3b3b3;-o-column-rule: 1px solid #b3b3b3;-moz-column-rule: 1px solid #b3b3b3;} .livraisonLabel {/*width: 28px;height: 14px*;*/position: absolute;right: 4px;bottom: 0px;/*background: url("template-label_24.png") no-repeat center;*/font: 11px "Gotham-Book";/*text-shadow:1px 0px 0px #EA6893;-moz-text-shadow:1px 0px 0px #EA6893;-webkit-text-shadow:1px 0px 0px #EA6893;-ms-text-shadow:1px 0px 0px #EA6893;-o-text-shadow:1px 0px 0px #EA6893;*/text-align:right;color: #E41E6E;padding-bottom: 10px; background: #fce9ef; padding-top: 12.5px; padding-bottom: 5px; padding-right: 2px; padding-left: 2px; width: 38px; height: 38px; border-radius: 100%; text-align: center;} @media screen and (max-width: 640px) { .liste_article .col_categ.first_col .image_article {padding: 0;} } .enstocketiquette {position: absolute;right: 4px;bottom: 0;font: 10px 'Gotham-Book';line-height: 0.9em;/*text-shadow: 0.5px 0 0 #ea6893;-moz-text-shadow: 1px 0 0 #ea6893;-webkit-text-shadow: 1px 0 0 #ea6893;-ms-text-shadow: 1px 0 0 #ea6893;-o-text-shadow: 1px 0 0 #ea6893;*/color: #E41E6E;background: #fce9ef;padding-right: 2px;padding-left: 2px;width: 38px;height: 38px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;text-align: center;padding-top: 9px;} .pastillePromo{position:absolute;left:5px;bottom:3px;background:#FF0000;border-radius:10px;width:14px;height:14px;} .rose , .surligne{color: #e0005b!important;} .loading_barre {width: 100%;text-align: center;padding: 10px;display: none;float:left} .slidePrix{width:380px;margin:auto;padding:10px;} .slidePrix_lib{color:#010101;font:15px Arial;float:left;margin-top:15px;} #sliderprix{border:1px solid #e2dce2;padding:3px 5px 3px 20px;width:248px;float:right;} #prixmin, #prixmax {border: 0 none;font-size: 12px;text-align: right;width: 30px;} .facetteSlider {padding: 0 10px;} #slider_facette{width:100%} .input_display{display:none;} .ul_categ{min-height:180px;} .span_categ{float:left;margin: 0 5px 0 0;} .etiquette {position: absolute;left: 0;z-index: 0;top: 10px;} .etiquette.eti_1 {top: auto;bottom: 10px;} .etiquette.eti_2 {top: -22px;} .etiquette.eti_3 {top: -16px;left: 0;right:0;margin-left: auto;margin-right: auto;} .etiquette_1 {max-width: 22px;} .etiquette_2{max-width: 38px;} .etiquette_3{max-width: 100px;} @media only screen and (min-width: 998px){ .liste_article .first_col .article_lib {margin-top: 7px;} /*.image_ss_categ img {height: 133px !important;max-height: 133px;}*/ .col_categ.first_col .livraisonLabel, .col_categ.first_col .reductionLabel span {font-size:12px; width:42px; height:42px} .col_categ.first_col .etiquette_1 {max-width: 100%;} .col_categ.first_col .etiquette_2 {max-width: 100%;} } /*=============================== ARTICLES ================================*/ .bg_white{background:#ffffff} .art_top_desc {float: right;width: 50%;padding: 0 30px 10px 30px;margin-bottom: -9%;position:relative; z-index:2} .titre_article {margin: 0;padding: 15px 0;font-size: 22px;} .ref_left {float: left;font-size: 14px;} .avis_client {float: right;} .lien_souligner {color: #D62B69;text-decoration: underline;display: inline-block;margin-left: 2px;vertical-align: middle;} .art_detail{position:relative; z-index:1} .article_left {width: 50%;float: left;text-align: center;padding: 10px 30px;position:relative;z-index:1} .big_img .reductionLabel {right: 0;top: 0;} .ref_art .etoile_avis > img {max-width: 12px;} .art_img_content {padding: 10px 15px;min-height:300px;} .pretty_photo_bottom {margin: 25px 0 0 0;} .little_imag_art::after{content:""; display:block; clear:both} .img_bit_art {float: left;width: 25%;padding: 0 10px;} .pretty_photo_bottom .img_bit_art a {display: block;border: 1px solid #ccc;padding: 2px;background-color: #f4f4f4;} .art-prev{display:none; position:absolute; top:50%; margin-top:-12px; width:15px; height:25px; font-size:0; z-index:9; border:none;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWBAMAAADp1AsXAAAAIVBMVEUAAAAZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRpX4wMLAAAACnRSTlMAMO/PEGCvn4BACchahgAAAC9JREFUCNdjAANBCMWoJACmhRaBaUYtRbK5DFkrIGY6rwoA0yxWSykQmAARMGcAAKUsEJNo1NJbAAAAAElFTkSuQmCC') no-repeat center ;left:10px; cursor:pointer ; } .art-next{display:none; position:absolute;top:50%; margin-top:-12px; width:15px; height:25px; font-size:0; z-index:9; border:none;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWBAMAAADp1AsXAAAAIVBMVEUAAAAZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRpX4wMLAAAACnRSTlMAMO/PEGCvn4BACchahgAAAC9JREFUCNdjYDdhAINZix3ANOsqqEAU+QIcqxLAtNAiARDFqKVIFhdCA7lgcQgXAMIcEJPUO520AAAAAElFTkSuQmCC') no-repeat center;right:10px; cursor:pointer; } .art-prev.visible{display:block; position:absolute; top:50%; margin-top:-12px; width:15px; height:25px; font-size:0; z-index:9; border:none;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWBAMAAADp1AsXAAAAIVBMVEUAAAAZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRpX4wMLAAAACnRSTlMAMO/PEGCvn4BACchahgAAAC9JREFUCNdjAANBCMWoJACmhRaBaUYtRbK5DFkrIGY6rwoA0yxWSykQmAARMGcAAKUsEJNo1NJbAAAAAElFTkSuQmCC') no-repeat center ;left:27px; cursor:pointer ; } .art-next.visible{display:block; position:absolute;top:50%; margin-top:-12px; width:15px; height:25px; font-size:0; z-index:9; border:none;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWBAMAAADp1AsXAAAAIVBMVEUAAAAZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRpX4wMLAAAACnRSTlMAMO/PEGCvn4BACchahgAAAC9JREFUCNdjYDdhAINZix3ANOsqqEAU+QIcqxLAtNAiARDFqKVIFhdCA7lgcQgXAMIcEJPUO520AAAAAElFTkSuQmCC') no-repeat center;right:27px; cursor:pointer; } .art-prev.swiper-button-disabled , .art-next.swiper-button-disabled {display:none!important} .article_right {float: right;width: 50%;padding: 9% 30px 10px 30px; position:relative} .art_qte {margin: 15px 0;min-width: 154px;} .art_qte label {display: inline-block;font: 13px "Gotham-Book";margin-bottom: 0;vertical-align: middle;width: 66px;} .contenu_qte_art {display: inline-block;text-align: left;vertical-align: middle;width: 75px;} .qte_panier {position: relative;z-index: 1;} .qte_moins {background-color: #EFEFEF;border: 1px solid #E0E0E0;bottom: 0;height: 13px;position: absolute;right: 0;text-align: center;width: 28px;z-index: 1;} .qte_plus {background-color: #EFEFEF;border: 1px solid #E0E0E0;height: 13px;position: absolute;right: 0;text-align: center;top: 0;width: 28px;z-index: 1;} .inputqte {background-color: #F9F9F9;border: 1px solid #E0E0E0;font-size:12px;height: 30px;padding:0 10px;width:38px;text-align:center} .caract_bit {margin-bottom: 10px;} .caract_bit .selectPerso {max-width: 260px;vertical-align:middle} .guide_taille {display: inline-block;max-width: 48%;padding-left: 10px;vertical-align: middle;} .texte_art_grave {padding: 10px 0 0 0;} .texte_art_grave > span { display: block;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAG1BMVEXNzMzgGF3gGF3NzMzNzMzgGF3gGF3gGF3gGF3c68y5AAAACHRSTlOAv4C/QGCPQKfCNSYAAAApSURBVAjXY3BgAAIWBmYQZcDAUKSkpApkaXR0NBJHBQoKijFAtUMNAwAZ0QypCNWxQwAAAABJRU5ErkJggg==') no-repeat center left;padding: 5px 0 5px 15px;} .content_texte_graver {margin: 10px 0;} .choix_police {vertical-align: middle;margin-right: 2px;position: relative;z-index: 1;max-width: 25%;margin-bottom:0; text-align:center} .input_abs {position: absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0;} .choix_police span {display: block;border: 1px solid #E0E0E0;background-color: #F9F9F9;} .choix_police .input_abs:checked + span{border-color:#E0005B; background-color:#F4EAEF} .grav_text{background-color: #F9F9F9;border: 1px solid #E0E0E0;max-width:49%; height:36px; vertical-align:middle; padding:0 10px;font-size:12px; width:100%;max-width:260px;} .lien_panier_art {padding: 10px 0;margin-top:10px;} .prix_art_pan {float: left;font-size: 14px;color: #E0005B;padding-top: 5px;} .article_promo {font: 20px "Gotham-Medium";} .content_btn_panier {float: right;} .btn_panier {padding: 15px 40px;font: 15px "Gotham-Medium";text-transform: uppercase;border: none;color: #ffffff;background-color: #EA6893;display:inline-block} .btn_contact_panier{background-color:#363636; } .btn_contact_panier:hover{background-color:#E0005B; color:#ffffff; } .btn_add_panier:hover{background-color:#E0005B; color:#ffffff} .bloc_remboursement {padding: 10px 0;} .bloc_fidelite img{vertical-align: top;} .bloc_fidelite a{text-decoration:underline;} .av_art_bit {float: left;width: 40%;margin-bottom: 5px;} .av_art_bit a{display:block; font:11px "Gotham-Medium"; padding-top:8px; padding-bottom:8px; text-transform:uppercase;} .av_art_1 a {color: #018849;padding-left: 38px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAbCAYAAADRXrdxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQ4SURBVFiFzZhNUttYEMd/rWEWswrsWt5EuYE5QfAJMCcwnIDhBLFPAJwAOAFwAjsnQFnMbqri2Vhd2USzmVmk4s5CT7ZQZFlhPFX5V6lAr5vX3epvhI5Q1SPgqCt/BzyYWbrD+4i6MKnGQ5D7FpavwD/AJ+BP4I/w81M4/1rjfwUyVdXkhzVuwV43Nh8BF2Z2uyvBqgpwCox3deczY1T1HmTYzOrXuxIa8PeO71sbE3KiD35gZvmuBbVBVccd2ObbIqPqmRxkH7wfQqCOdJORcdwjyxYbhWyjg7wDn7QpCpyr6rmZHW5iWBljZqmqXgPvGoT1wU+AWV1Jd8fdUVVEomdKFx9FAj0G/Dcz+7dJETMbq+opMGogp8AAmKrq2MzGrcaUF1YUSYCkePPL+h+qxrg74JjZ6r30QmnImq6ANBpSQQIyB7+rnZ8DU+AM5ElVb81s3mpMRdEhcA8+C0d5eCpwQDAzAEQkeGlJPUybvLYZ/peZzWqHM1X9SJHTE+CGwlPbjQml+Kw94QQRWb2V3hCJcF+W93RQvjMmFCF4AoxU9bSu36am+YEi4Y4qz/5zlm2KSnh2g6B4AvQpwu2yrtOmpnkFvGJVDJoKgFQ8QCVHAjWEXZk3JU8Zlpshr0ObaKLNwM/N7ERVU+B3Kk13LwjpA7Uvz2N4aCoAIvKrO1/WoVUoXOZFHPdWRlRCrwe0Jc4c/C2NFZXyvjJ3J2HEWhsTkv0GvG3o+64AZNnii6oeiESfSw9Vv3qWLSqlewnILyLS2oxDKN228VR4Z6pxPcy8D1xvqt1bLvzcRq9Vr3IY/d+wB8xDMm3jbaztPxOiwrV+sYVvxKqB/rzYg1WsboSqvgUuVXWXA2gC1Dt9VeYR62VwTrHMtcrvuM9wwffVbheY1w9CZS0XwQeKVeEY5EZVJ2253dWYEUWzqiI3s5M47u27L/sAIlGaZYu82Iu6GV/N1cIbMgUuzLKrSr+5Dalwrxq/NsvOmu7q1KJVdQryGMp3AnIDflgYKJcVxfMgNAV5Aj+j4es3oSi1+hGYiESp+/IeJFlz+BXFSPMETMzsVjX2kmZmFz9gDJMg8DLsPXfhKzbAByAj8NzMthWXUsYpcC4SDdz9I42e9dIjq70mTPdT4KzTPzRq6IcR/TgImIvIAfgb8HngOQ489dBsQwI8ui+HBENE5FBEDkTkIfCMgIdivCoQ2kUO3XMGkFGI4WRtFAAPWbbIgTyOe6m7J4H2CCQdV+JS0TuRKAl7UpplWQqgGr8HhkH5XDUuo4WgTw6kXY25A0/WvzMXid67+xHIqap+AHD3IUBBW85pKb3NMpi5ewgv6cdxb+zuKfh5sXJEoTT7s12m3H9ePKMXVawxtnMReRO89SKo6lM1lNbwQcPitsJLcgaALFvkIjKobKOAz0Rk8F8MARCJBjwbOH0OnLQZAvAN50T696U/wikAAAAASUVORK5CYII=') no-repeat center left;background-size:35px auto} .av_art_1 a:hover{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAbCAYAAADRXrdxAAACKklEQVR42s1YsW3EMAw0EKRIKqVNpRE8gkb4JlVSqP7qq3QPeAON4BE8gkfwCM4GGkGRg2NAKLIt+WV/Hjg8bMskj6Qo0lWV+Puq3pVHUxB1dY+fV3zysAuGXT0+Pc4eHx5v+D/j/jVYbyBP3oNM56ELy5wINXsb7WagCutqdiODPTF6iIOi/UsmcY/pHOE18ljNQOxIxiWQGSbkKugjsCXSzMt4miODfz2jf9pfAoSaLYoli8qw555hZKZ7bSQrOthQI4oytxS7wDv1QWSamfUjIveTPXctxQXIUAoKIpajaDiyAKSUa5Age2ySTWBvSheAG/YMYXrWYW0fJY6NpRbwpwD468cNBF43VjOOjp2Ldq7vWhNSR4x7ySDy4PG8RGaDc9xxbUVmmpUgo1c6YoL892QYoSUi4xEFoAiZhJd6FIG+IMYlMsEwqGNleCuZtWq3FTI0CrpGwIAMjSZNCTJmoUSK8GCF8pwoORaNyegLu1boEyWyoy2RZhcI1lBYs+JBA5zFPWoIdWqUgv6LosOHQxO2MvxZLhnFotQyL0anUqwxGTo0PC8CB3FoWhd09+kFKiDTw1gDBSMMkMybBmv63OrGIk/RF2zPUKPpgneHXDItL9OU69z7gVIaw1M/PfG1LvD+heSy9OJVcUhuhCPnkGRKLQu/YyOw3PAtTbFZiuScWMS7oDCoIuffQm7bW8cFeHr3L0Sx86dnyopMpHBUy+ROkTmtvfcNA4gHB2ByjzAAAAAASUVORK5CYII=')} .av_art_2 a {padding-left:30px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAMAAACaYWzBAAAAM1BMVEUAAAAYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBjdkaw/AAAAEHRSTlMAQL+A74/fzyBwEK9gnzBQgA7s5AAAAP1JREFUKM+VkklywzAMBIHBwn35/2sD0qk4dsWH9IFSERRagyJ9k5mLiDBPejINWwGLAuA7GT+2obYqPWFzj++qSqV3imbiRH8AJsY/C59bkdsHuSYdv3+3LnPfTLzVHgGHiAEaAcctYGFDivQu0le8NE09HNMr5SXnaKCA9EyUmKrH8sbEkW+4j/5T5G6u7ThUm1lL0cfPkiBjbD3yWtJOQwr3wkUGtlsOedYz4tgxBBb1SiGOQlKb9EIWvfLW1JssviyJdO3KE3ScWHggIubJ79jn+0iYEAG1fN+SLmHmTMHSeEz3Ml/cHbro0JtuNLkMROBen6e4y6VEr8sXTdkJeRDHGyIAAAAASUVORK5CYII=') no-repeat 3px 50%;} .av_art_2 a:hover{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAMAAACaYWzBAAAAM1BMVEUAAADWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2kM9nyQAAAAEHRSTlMAQL+A74/fzyBwEK9gnzBQgA7s5AAAAP1JREFUKM+VkklywzAMBIHBwn35/2sD0qk4dsWH9IFSERRagyJ9k5mLiDBPejINWwGLAuA7GT+2obYqPWFzj++qSqV3imbiRH8AJsY/C59bkdsHuSYdv3+3LnPfTLzVHgGHiAEaAcctYGFDivQu0le8NE09HNMr5SXnaKCA9EyUmKrH8sbEkW+4j/5T5G6u7ThUm1lL0cfPkiBjbD3yWtJOQwr3wkUGtlsOedYz4tgxBBb1SiGOQlKb9EIWvfLW1JssviyJdO3KE3ScWHggIubJ79jn+0iYEAG1fN+SLmHmTMHSeEz3Ml/cHbro0JtuNLkMROBen6e4y6VEr8sXTdkJeRDHGyIAAAAASUVORK5CYII=')} .av_art_3 a {padding-left:38px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAARVBMVEUAAAAYGBgYGBgYGBgYGBgZGRoYGBkYGBkYGBgYGBgZGRoYGBgYGBkYGBgZGRoYGBgZGRoZGRoYGBgZGRoYGBgYGBgYGBikNFCGAAAAFnRSTlMAv4BA74CfYFAQz89w36+PMN+vQDAg6yre3wAAAKZJREFUKM+N0AsOgyAQRdGZkW/Bv337X2qpAUwqNN7EATzGGOlvB2oGpXiSGMpBJO9cOJfg8nkIlUi90/CgQuy47M2cht0uGiq5MY0tlqOtlFJHugLnRvHgkprJy5Ud5MrRoLjZKJRe30ye0L6QnRQ43kkrxtnL3+h7V2tOs0VLWi1gfygiP8/g3hdqqD6tPVoxtckbYG/SpABDTUKWBvG8PPy96CQfRmgKY+8V6e4AAAAASUVORK5CYII=') no-repeat 7px 50%;background-size:22px auto} .av_art_3 a:hover{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAM1BMVEUAAADWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2kM9nyQAAAAEHRSTlMAgL9A78+fYN+vUDAQcI8gt227QQAAAKFJREFUKM+N0NsOhCAMRdG2XOXinP//2mkMYDKWiTuxQJYPIv2tYhUx6xdxpBGYx66EawllnF1YRP6jo4EmSZG5j6eOdNzkFpWs4+jzmBZpvuoTZJS5QWb+pMZ3yfFdIefFLDM5ITN+Q67qLTykP4m94Cq0BwEIzKLToqprAtIPdYz3BbL7QobfU95RxmFTi4AzSS+NSCZhiEFy1pe/F5v4C087B+SaZTVvAAAAAElFTkSuQmCC')} .av_art_4 a {padding-left:30px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAMAAAAhm0ZxAAAAP1BMVEUAAAAYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgZGRoZGRoZGRoZGRoYGBk/8X9bAAAAFHRSTlMAnyAQQO+/gM/fYI+vMFBwr99wEDA7NYQAAAEvSURBVCjPhZJJcoUwDERbo+UJMuj+Z80POBAqi7ydeeoqSQgXohNgZfxFLCzC3P5KjgFRFfSYT0NpXXBSLB03Wl9CyTJtKCDRbtcc6FYY4GIdKOVuI3b0mPpm9rZJEFqVqw2HGlMekNgGqnM1QsAoWy4+WgB9nK53ICV+3DuSUZZjw6zIC3ZF3XCS0Pjl9OVS1gT1W9vlYBNjTTgKEI1+FGkFNl9LivnK8mrG2As4+rVBhtOnfytnChEjwYI6JEJZlaeHYB+4UD/S1T2sCEDldkRnyYvrveBkLO4Pz5g0Gk2OJjo9q1rWfa/Zz+PRR6y2s3AeY/kjVtewfgefMUDOX7D7Edu0AbpiOA5i9JINoKxeC/w+LS9aS/fV6szdcDHNC25K/n7RcxcuuJGBf/kCC24OvwP7H/4AAAAASUVORK5CYII=') no-repeat 4px 50%;} .av_art_4 a:hover{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAMAAAAhm0ZxAAAAM1BMVEUAAADWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2nWK2kM9nyQAAAAEHRSTlMAnyAQQO+/gM/fYI+vMHBQFFm3NQAAAStJREFUKM+FkkmShDAMBEur5Q38/9cOAx67iT5M3qxURUgCLEQ7wMr4Riwswty+JUeDqApq9LehYVXwkGw4NpovoWRjWFNAomxXHKiWGOBkFUhpjxEHanRtZu2UIJQsawyHGtO4IbETlPschICWzjE5SgC1Pa5WYEj8uYzBSNOxoV+FBbsin3gY0Phwerkhc4P8q205WEebG7YERKE/RZqB0+eRol9ZnsMYewJHXRdkOIn/KmcKESNZp66QCGVV7h6Co2Ghfqeze1gSgNJ2RE/LxXpPeDAmu/COSaFWRO4z0rurjHwcedS7zfQVy+Vp7Pda/oplYFZ38BUD5PkEh9+xUwugGZOSBa2mUQAa2XOC71/Lk+ZUfY7ax2FYdPOETRqfL3rfwgUbafiXH+vVDTC1dUNiAAAAAElFTkSuQmCC')} @media only screen and (min-width: 998px){ .av_art_bit.av_art_1, .av_art_bit.av_art_3 {width: 60%;} } /*******FIXED ASSISTANCE******/ .contenu_article{position:relative; z-index:99} .aide_article_fixed {position: fixed;left: 0;bottom: 400px;z-index: 9;width:100%} .content {background-color: #f9f9f9;padding: 15px 10px;position: relative;text-align:center} .content_absolute{position:absolute; right:-200px; z-index:99; bottom:115px; width:190px} .content::after{content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAG1BMVEUAAAD19vf19vf19vf19vf19vf19vf19vf19vfhMaBKAAAACHRSTlMAEM+/QI8wIDdF73AAAABISURBVBjTTckxDYBQFMDAhwVUMCICAUhABCKQTbpcfrfm5r30zP7pnO1YJjKRiUxkIoMa1KAGNahBDWpQgxrULNSgBjWoQfcPq9Y/PnqibuEAAAAASUVORK5CYII='); position:absolute; right:95%; top:20px; z-index:9} .content >* {display: inline-block;} .content > strong {font: 12px "Gotham-Book";margin-bottom:5px} .art_contact {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAABMklEQVR42q1UCw3DIBBFAhIqockmAAmTUAlImAMkVEIlVAISKgEJDJZ3zesNyJaM5NJld+8+j3cYQ+d+vy3FcrGE715sLfYs5opNpncAmvHbAuABrokOJI3Vx8AJYItg36sGX+I/HLI/YQtVjDSCR3xmcA0MMNcZa0br9RvZEdDObgYHXTwucWjLXTJ+Ai2PppmeRpWRvAK3yglnzOIcgD2I3E9eiGkvbHbAAbFZK+tU0gC8Y7RDX5PcqR2AD+nyJ6Yp7q0HnfEbpkVEnh3CdBiAFxGRZjqKlgdgWct08gKpbXA+vmA6tZie1QYFfgRkhzXTW6siAheSo+z4qrfENVbPdea+LERuBGXY3Jjb6Tv2jZ1N+gkSPegWIyodpCJ5wyzF5ZH8JtrZFYkSPcXe/Ou8AFKd3OAb1iyKAAAAAElFTkSuQmCC') no-repeat scroll left center;font-size:16px;padding :5px 0 5px 20px;text-align:left} .content > span {font: 11px "Gotham-Book";margin-bottom:0} .art_assistance {font: 12px "Gotham-Medium";padding:1px 5px ; text-align:center; color:#D62B69; text-transform:uppercase;} /*******TAB ARTICLE *****/ .article_tab_detail {margin: 0 -15px;padding: 25px 0 0 0;} .article_tab_detail::after{display:block; content:""; clear:both;} .tab_right_art {float: right;width: 50%;padding: 0 15px;} .tab_left_art {float: left;width: 50%;padding: 0 15px;} .tab_conteneur {margin-bottom: 15px;} .tab_titre {background-color: #E9E9E9;padding: 8px 15px;font: 11px "Gotham-Medium";text-transform: uppercase;} .tab_content {font-size: 12px;padding: 15px 10px;} .tab_content ul *{font-size:12px!important} .adresse_bit_show {float: left;padding: 15px 15px 15px 0;min-width: 18%;} .content_adresse_show strong {display: block;font: 12px "Gotham-Medium";} .content_adresse_show span {display: block;} .row_img{margin:0 -10px} /*****AVIS ARTICLES********/ .content_avis {padding: 30px 0 10px 0;border-top: 1px solid #b3b3b3;font-size: 12px;} .avis_generale * {display: inline-block;vertical-align: middle;margin-right: 5px;} .avis_generale .etoile_avis > img {max-width: 15px;margin-right:1px} .titre_avis {font-size: 16px;padding-bottom:10px} .liste_avis{display:none;} .avis_bit_client {margin: 15px 0;} .apreciation_avis strong {font: 12px "Gotham-Medium";padding-left: 10px;vertical-align: middle;} .emetteur_avis {font-size: 11px;padding: 5px 0;display: block;} .plus_avis_client {display: inline-block;float: right;padding: 5px 15px;background: #EFEFEF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJBAMAAADJBLEBAAAAHlBMVEUAAAAZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRoZGRqnaLcqAAAACXRSTlMAn2AQzzDvj0D+s6agAAAAOElEQVQI12NgNWAAgQYGM2cQzTiVgWkKSEhSgIFB0xkoMBHIAQqBBUBCIAGwEEgALAQUgAgVAAkARgsHiiaojZ8AAAAASUVORK5CYII=') no-repeat ; background-position: 98% 50%;background-size:10px auto; border: 1px solid #e0e0e2;font-size:11px} .btn_valider {background-color: #D62B69;text-transform: uppercase;padding: 8px 20px;color: #ffffff;font: 11px "Gotham-Medium";display: inline-block;vertical-align: middle;} .btn_valider:hover{color:#ffffff; background-color:#1a1a1a} .apreciation_avis img {max-width: 12px;} .image_facette {position: absolute;width: 15px;height: 15px;left: 6px;} /*****ARTICLE VU*****/ .titre_art_vu {padding: 15px 0;text-align: center;position: relative;z-index: 1;font: 18px "TrajanPro3";} .titre_art_vu::before {content: "";width: 100%;height: 1px;background-color: #B3B3B3;position: absolute;left: 0;top: 50%;} .titre_art_vu span {display: inline-block;background-color: #ffffff;position: relative;z-index: 2;padding: 0 15px;} .content_vu {margin: 5px 0;padding-bottom:20px} .vu_item {text-align:center;} .vu_item img {width: 100%;height:auto!important} boxTotalArticle_sofinco{width:192px;float:left;border-right:2px solid #dbdbdb;padding-right:10px;} .boxTotalArticle_sofinco ul li{font:17px 'Gotham-Book';} .boxTotalArticle_sofinco ul li strong{font:/*27px*/12px 'Gotham-Book';color:#3d60a3;} .sans_frais_sofinco{margin-top:10px;padding-top:2px;border-top:1px dashed #dbdbdb;font:12px 'Gotham-Medium';} .sans_frais_sofinco strong{font:10px 'Gotham-Book';color:#3d60a3;text-transform:uppercase;} .sans_frais_sofinco img {vertical-align: middle;} /***** Pop UP ****/ .popUp_wrapper, .popUp_wrapper2, .popUp_wrapper3, .popUp_wrapper4{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHAQMAAAARXq6uAAAAA1BMVEUjHyPyTLqPAAAAAXRSTlPM0jRW/QAAAAtJREFUeNpjYEAGAAAOAAE6NQRWAAAAAElFTkSuQmCC');width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;display:none;} .popUpRight{right:0; width:30%; padding:15% 10px; background-color:#f4f4f4; position:absolute; top:0; height:100%; z-index:1} .popUpRight .av_box{float:none; width:100%; margin:20px 0} .popUpRight .av_box a strong {font-size: 12px;} .popUp_close, .popUp_close2, .popUp_close3, .popUp_close4{display:inline-block;height:35px; height:35px;position:absolute;top:-10px;right:-10px;z-index:2} .popUp_form{width:70%;padding:30px 20px;float:left} .lowprice_lib{color:#e21371;font:15px "Gotham-Medium";margin-bottom:10px;text-align:center;} .low.popUp_close{display:inline-block;height:35px; height:35px;position:absolute;top:-10px;right:-10px;z-index:2}price_lib a{color:#e21371;} .articlePopUpBit{} .articlePopUpBit_ima{width:10%;height:59px;overflow:hidden;float:left;border:1px solid #e2dce2;} .articlePopUpBit_lib{float:right;width:90%;padding-left:30px} .articlePopUpBit_lib span.h3{color:#231f23;font-weight: normal;font-family: 'TrajanPro3'} .formBox > .errorForm {border: 1px solid #e0005b;} .has_eurobox{padding-right:15px; position:relative} .euroBox{position:absolute; right:0; top:5px; font:15px "Gotham-Medium";color:#E0005B} .txt_pop{border:1px solid #acaeba;background:#ffffff;width:210px;height:18px;float:right;padding:0 5px;} /***** Pop UP COMMENTAIRE ****/ .popUp_avis_wrapper {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHAQMAAAARXq6uAAAAA1BMVEUjHyPyTLqPAAAAAXRSTlPM0jRW/QAAAAtJREFUeNpjYEAGAAAOAAE6NQRWAAAAAElFTkSuQmCC');width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;display:none;} .popUp_close_avis{display:inline-block;height:35px; height:35px;position:absolute;top:-10px;right:-10px;z-index:2} .popUp_avis_wrapper .etoile{font:17px "Gotham-Book"} @media only screen and (min-width: 1280px){ .popUp_avis_wrapper .sod_label, .popUp_avis_wrapper .sod_option {font-size: 25px!important;} .popUp_avis_wrapper .popUpRight{padding:8% 10px} .popUpRight .av_box:not(.av_box4) a {background-position: 14px;} .popUpRight .av_box a {padding-left: 60px;} .caract_bit .sod_select select {opacity: 0;visibility: hidden;position: absolute;width: 0;height: 0;display:block!important} } .guide_taille a font {text-decoration: underline;} .erreur_message{color:#e0005b; font:13px "Gotham-Medium"; text-align:center;padding:10px 0} /***** Pop UP Cliquez ici ****/ .popUp_lowPrice{background:#ffffff;border:1px solid #e2dce2;width:800px;position:absolute;top:15%;left:50%;margin-left:-400px} .popUp_sofinco{background:#ffffff;border:1px solid #e2dce2;width:800px;height:70%;position:absolute;top:15%;left:50%;margin-left:-400px} .popUp_estaly{background:#ffffff;border:1px solid #e2dce2;width:630px;position:absolute;top:15%;left:50%;margin-left:-315px} .popUp_fidelite{background:#ffffff;border:1px solid #e2dce2;width:800px;position:absolute;top:15%;left:50%;margin-left:-400px} .info_bijou .taille{padding:5px 0} .info_bijou .taille > span { float: left;width: 40%;} .info_bijou .caract_bit {display:none} .taille .selectTaille2 {width: 60%;float: left;padding: 0;} .caracteristique_art .taille {display: none;} .btn_retour_categ{display:none; padding:10px} .retour_boutik{display:inline-block; } .popup_panier1#TB_window {overflow-y: initial;} .popup_panier1 #TB_ajaxContent {display: table-cell;vertical-align: middle;width: 100%;} .popup_panier1 #TB_closeWindowButton{width:35px; height:35px;position:absolute;top:-15px;right:-25px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAB2ElEQVR42sWXO07DQBCG9wg+QnqalJSpqC1xAVoaFNFC4YaaConSiAu4oIZ0tBYFAiEBUogQioMckJLYwZnsmDWyzD79ykh/N9r91jv/7JgQzbjf2u9Q9akGVCEVcORTuVQ2qTPogj22MRgKQR0qq8rmFpVXYnMejF0GoCv55GXlbhpAH6RhADUIq4GmATI5IgivJYBMXZ4NoWUNihDKPjA+u4L5wxAml9fwuH0ozHvePYHQu01zhwfnKpBevhNKk1/3TiH5mkEW8fsnFwQBVvHPX94ymOoVKWvF0mQ80XI8hXwUQYoAGMlsoWxk2leBit8CKEYGwgOAJEmvTmPtHtG1JW6Gm/JAeADfN3e6BdonJhUtAqkA8NszTK0lBTEHKAeRuYUXq2gptW9tENwilLimdgiRCyqCpBB+FQCsAZFrNEFswmZCZTGuFrGwCEXFqlmkHYSwVYmjowuIR4HUBSIQxdp+/gGTNqynnWNI5hEFmaQOEJ0wA8F3Bt+N6OVD3ahyEI6OLbENq15GBMEvh7kIrxiArU1NVeLpSqc2apQvmzPdFgDCf6NdyyBqgIZB9AFMHGNSA8YAhZ+hQcXTO3X+mbsGNvbZ7GqRJoIB9dl1FWWnb4FhrAGijAGgXg+y5AAAAABJRU5ErkJggg==') no-repeat center; font-size:0} .errorForm .sod_select .sod_label{border-color:#e0005b; color:#e0005b} /*=============================== PANIER ================================*/ .has_border_top{border-top:1px solid #b3b3b3; border-bottom:none} .ligne_panier_bit {padding: 20px 15px 10px 15px;background-color: #ffffff;border-bottom: 1px solid #b3b3b3;} .ligne_panier_bit.ligne_panier_bitPromo {padding: 10px 15px 10px 15px;background-color: #ffffff;border-bottom: 1px solid #b3b3b3;width:50%;float:right;} .ligne_panier_bit:last-child {border-bottom: none;} .panier_left {float: left; width: 55%;padding-right: 10px;} .panier_coche {float: right;margin-top:10px;} .ligne_panier_bitPromo .panier_left {float: left; width: 70%;padding-right: 10px;} .image_panier {float: left;width: 25%;} .ligne_panier_bitPromo .image_panier img{max-width:60px;} .description_panier {float: right;width: 75%;padding-left: 15px;} .ligne_panier_bitPromo .description_panier {float: right;width: 75%;padding-left: 15px;} .ligne_panier_bitPromo .description_panier > a {font: 14px "TrajanPro3";margin-bottom: 15px;display: block;} .description_panier > a {font: 16px "TrajanPro3";margin-bottom: 15px;display: block;} .quantite_panier {float: right;width: 75%;padding-left: 15px;padding-top: 10px;} .article_mob_panier {font: 16px "TrajanPro3";margin-bottom: 15px;display: none;width: 100%;float:left; text-align:center} .panier_caracteristique {float: left;width: 30%;} .panier_prix {float: right;width: 15%;text-align: right;padding-top: 55px;position: relative;z-index: 1;color: #E0005B;} .ligne_panier_bitPromo .panier_prix {float: right;width: 30%;text-align: right;padding-top: 0;position: relative;z-index: 1;color: #E0005B;} .panier_prix strong {font: 20px "Gotham-Medium";display: block;} .ligne_panier_bitPromo .panier_prix strong {font: 20px "Gotham-Medium";display: inline;} .suppr_panier i {font-size: 17px;vertical-align: middle;} .suppr_panier {position: absolute;top: 15px;right: 0;font-size: 12px;color: #666666;text-decoration: underline;z-index:1} .lien_suppr_grav{font-size: 12px;color: #666666;text-decoration: underline;display:block} /******BOTTOM PANIER**********/ .bloc_bottom_panier {padding: 20px 0;} .box_25_panier{font-size:14px;float: left;width: 25%;padding: 0 10px;} .box_panier_w {padding: 20px;background-color: #ffffff;text-align: center;height:165px} .phone_panier {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAABMklEQVR42q1UCw3DIBBFAhIqockmAAmTUAlImAMkVEIlVAISKgEJDJZ3zesNyJaM5NJld+8+j3cYQ+d+vy3FcrGE715sLfYs5opNpncAmvHbAuABrokOJI3Vx8AJYItg36sGX+I/HLI/YQtVjDSCR3xmcA0MMNcZa0br9RvZEdDObgYHXTwucWjLXTJ+Ai2PppmeRpWRvAK3yglnzOIcgD2I3E9eiGkvbHbAAbFZK+tU0gC8Y7RDX5PcqR2AD+nyJ6Yp7q0HnfEbpkVEnh3CdBiAFxGRZjqKlgdgWct08gKpbXA+vmA6tZie1QYFfgRkhzXTW6siAheSo+z4qrfENVbPdea+LERuBGXY3Jjb6Tv2jZ1N+gkSPegWIyodpCJ5wyzF5ZH8JtrZFYkSPcXe/Ou8AFKd3OAb1iyKAAAAAElFTkSuQmCC') no-repeat scroll left center;font-size:17px;padding :5px 0 5px 20px;text-align:left; display:inline-block; margin:2px 0} .contact-panier {padding-top:10px} .contact-panier > span {font: 11px "Gotham-Book";margin:5px 0; display:block} .appel_gratuit {font: 13px "Gotham-Medium";padding:5px ; text-align:center; color:#D62B69; text-transform:uppercase;display:block;margin-top:5px} .texte_perso_bijou{width:100%; border:1px solid #e0e0e0;background-color:#f9f9f9; padding:10px; font-size:12px; resize:none;margin-top:10px; height:80px} .box_panier_w .titre_menu {text-transform: none;font:14px "Gotham-Book"; padding-bottom:25px} .code_box span{display:block; padding-top:10px} .form_code {position: relative;z-index: 1;margin-top: 20px;margin-bottom: 20px;} .sbt_codepromo_cde1 {position: absolute;height: 36px;background-color: #EA6893;display: inline-block;padding: 9px 10px 0 10px;color: #ffffff;font: 16px "Gotham-Medium";right: 0;top: 0;z-index:1} .sbt_codepromo_cde1:hover{color:#ffffff; background-color:#E0005B} .input_codepromo_cde1{width:100%; border:1px solid #e0e0e0;background-color:#f9f9f9; padding:10px;height:36px; } .mob_prix, .mob_prix2{display:none;float: right;width: 55%;padding-left: 15px;text-align:left; padding-top: 0;padding-bottom: 30px;} .etapescde1_divers {padding: 10px 0 15px 0;} .etapescde_diversG {float: left;} .continu_achatt {color: #D62B69;font-size: 14px;display:block; min-width:180px} .continu_achatt:hover {color: #e0005b;text-decoration:underline} .etapescde_diversD {float: right;text-align: right;} .divers_panier_bit {margin-bottom: 10px;} .offerte_livraison {color: #5FB74F;font-size: 17px;} .lib_divers {font-size: 14px;} .value_divers {font-size: 13px;color: #363636;} .tot_panier strong {font: 20px "Gotham-Medium";} .btn_form {display: inline-block;padding: 15px 30px;text-transform: uppercase;background-color: #EA6893;color: #ffffff;font: 15px "Gotham-Medium";min-width: 230px;text-align: center;margin-bottom: 15px;} .btn_form:hover{color:#ffffff; background-color:#e0005b} #divcgv {padding: 8px 5px 10px 5px;border:1px solid rgba(0,0,0,0)} #divcgv label {position: relative;z-index: 1;font: 13px "Gotham-Book";width:368px} #cgv {margin: 0;} #cgv:checked + span{background-image: url("template-on_radio.png")} #divcgv span {display: block;background: url("template-off_radio.png") no-repeat;padding-left: 22px;} #divcgv.not_checked{border-color:#e0005b} #linkcgv{position:relative;z-index:2} #divchkEstaly {padding: 8px 5px 10px 5px;border:1px solid rgba(0,0,0,0)} #divchkEstaly label {position: relative;z-index: 1;font: 13px "Gotham-Book";width:368px} #chkEstaly {margin: 0;} #chkEstaly:checked + span{background-image: url("template-on_radio.png")} #divchkEstaly span {display: block;background: url("template-off_radio.png") no-repeat;padding-left: 22px;} #divchkEstaly.not_checked{border-color:#e0005b} #divchkEstaly label a {position:relative;z-index:2} .page_cde1ajax .caract_value {display: table;width: 100%;} .page_cde1ajax .caract_value > * { display: table-cell;} .page_cde1ajax .caract_value label {font: 12px "Gotham-book";width: 40%;} .cdeboutons {margin-top: 5px;} /*=============================== PANIER 2 =================================*/ .content_logging,.connecte {margin-bottom: 30px;} .form_content_w {padding: 30px;background-color:#ffffff; margin-bottom:20px } .titre_diversbis{text-align:center;margin-bottom:20px} .titre_diversbis strong {font:18px "TrajanPro3";margin-bottom: 20px;text-align: center;} .formBox {display: table;margin-bottom: 8px;width: 100%;} .formBox > * {display: table-cell;width:100%; vertical-align:middle;} .contenu_formBox {text-align: center;} .civ_radio label {margin-right: 10px;position: relative;font:13px "Gotham-Book"} .civ_radio label span{background :url('template-radio_off_client.png') no-repeat top left; display:block; padding-left:20px;font:13px "Gotham-Book";} .civ_radio a{text-decoration:underline} .civ_radio label input:checked +span{background-image:url('template-radio_on_client.png')} input.input_txt {height: 30px;width: 100%;border:1px solid #E0E0E0; background-color:#f9f9f9; padding:0 10px} .institform input[type="text"] {height: 30px;width: 100%;border:1px solid #E0E0E0; background-color:#f9f9f9; padding:0 10px} textarea {height: 80px;width: 100%;border:1px solid #E0E0E0; background-color:#f9f9f9; padding:0 10px} input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4c3e39; opacity:1; } input::-moz-placeholder { /* Firefox 19+ */ color: #4c3e39; opacity:1; } input:-ms-input-placeholder { /* IE 10+ */ color: #4c3e39; opacity:1; } input:-moz-placeholder { /* Firefox 18- */ color: #4c3e39; opacity:1; } label.errorForm {color: #E0005B;display: block;font: 13px "Gotham-Medium";max-width: 270px;text-align: right;margin:5px 0 0 0} .deja_client label.errorForm {margin: 5px auto 0;} .champ_oblige {font: 12px "Gotham-Book";} .form_et {font: 13px "Gotham-Book";padding: 5px 15px 5px 0; text-align: right;width: 45%;color:#000000} .etoile {color: #E0005B;} .btn_form_content {margin-top: 20px;text-align:center} .lien_form{color: #E0005B;} .miniSelect {display: inline-block;width: 32.4%;} .selcct_pays .sod_select .sod_label,.miniSelect .sod_select .sod_label {height:30px; background-size:9px; padding-top:8px} .bloc_input_rel {margin: 15px 0 10px;position: relative;} .bloc_input_rel label span{background :url('template-radio_off_client.png') no-repeat top left; display:block; padding-left:20px;font:13px "Gotham-Book";} .bloc_input_rel label input:checked +span{background-image:url('template-radio_on_client.png')} .bloc_input_rel .checkNews span{background :url('template-off_radio.png') no-repeat top left; display:block; padding-left:20px;font:13px "Gotham-Book";padding-bottom:1px} .bloc_input_rel .checkNews input:checked +span{background-image:url('template-on_radio.png')} .contenu_form_c{padding:30px 0 50px 0} .descr_art_panier .sod_select .sod_label {background-color: #ffffff; background-image: url("template-arrow_down.png");background-position: 95% 50%;border: 1px solid #ccc6bb;font: 15px "AlegreyaSans-Medium";height:27px; padding:4px 22px 4px 10px} .btn_valider_c {background-color: #EA6893;text-transform: uppercase;padding: 12px 20px;color: #ffffff;font: 15px "Gotham-Medium";display: inline-block;vertical-align: middle;border:none; min-width:230px} .btn_valider_c:hover{background-color:#E0005B; color:#ffffff} .lien_souligner_b{text-decoration:underline; display:inline-block} /********etape commande*********/ .etapescommande {padding: 15px 0;text-align: center;margin-bottom: 15px;} .step_panier {display: inline-block;vertical-align: middle;text-align: center;padding: 0 15px;min-width: 142px;position: relative;} .step_panier::before {content: "";height: 2px;background-color: #5B5B5B;position: absolute;left: -29%;width: 75px;top: 12px;} .step_panier.active::before{background-color:#D62B69} .step_panier:first-child::before {display:none} .step_panier a {display: block;text-align: center;} .step_panier span {display: block;text-align: center;font: 13px "TrajanPro3";padding-top: 10px;color: #5B5B5B;} .step_panier.active span {color: #D62B69;} /*=============================== PANIER 3 =================================*/ .cde3_moyens {max-width: 500px;margin: 15px auto;} .cde3_moyens form {margin: 0 -10px;} .moyen_bit {float: left;width: 50%;padding: 0 10px;margin-bottom:15px} .box_moyen label {position: relative;z-index: 1;padding-top:15px; display:block} .cde3_moyens form::after {content: "";display: block;clear: both;} .box_lib{border:1px solid transparent; background-color:#ffffff;display:block; padding:35px 15px 15px 15px; font:15px "Gotham-Book"} .box_lib em{display:block; height:70px; margin-top:10px} .box_lib::before{content:url('template-moyen_off.png'); position:absolute; left:50%; margin-left:-13px; top:2px} .btn_paiement:checked + .box_lib::before{content:url('template-moyen_on.png')} .btn_paiement:checked + .box_lib{border-color:#E0005B} /*=============================== PANIER 4 =================================*/ .etape4Commande {background-color: #ffffff;margin-bottom: 30px;padding: 15px;text-align: center;} .divers_content_c {padding: 80px 0;background-color: #ffffff;margin-bottom: 15px;} .btn_retour {background: #363636;display: inline-block;font: 15px "Gotham-Book";margin:0 auto;padding: 12px 15px;text-align: center;text-transform: uppercase;vertical-align:middle; min-width:175px; color:#ffffff} .btn_retour:hover{background-color:#1a1a1a; color:#ffffff} /*=============================== CLIENT =================================*/ .divers_lib{text-align:center; padding:15px 10px; position:relative; z-index:1; font:20px "TrajanPro3"; margin:0 0 15px 0} .divers_lib2{text-align:center; padding:15px 10px; position:relative; z-index:1; font:16px "TrajanPro3"; margin:0 0 15px 0} .divers_lib::after, .divers_lib2::after{background-color:#B3B3B3; width:60px; position:absolute; content:""; height:1px; left:50%;margin-left:-30px; bottom:10px} .menu_account{float:left; width:33.3333%; padding:0 15px;margin:20px 0} .menu_account a, .menu_account label {cursor:pointer;display: block;text-align: center;background-color: #ffffff;padding: 15px;margin-bottom:10px; border:1px solid rgba(0, 0, 0, 0)} .menu_account a:hover, .menu_account label:hover{border-color:#E0005B} .menu_account img {height: 25px;} .menu_account h4 {font-size: 16px;padding: 15px 0;} .menu_account span {display: block;margin-bottom: 10px;min-height: 47px;} .menu_account label span {font-weight:normal} .content_client .btn_valider_c {min-width: 175px;} .content_client .titre_diversbis strong{font-size:16px} #form_loggout{display:none} /**********ADRESSE*********/ .titreClient {padding: 10px 0;font: 15px "TrajanPro3";} .adresse_carnetBit {float: left;width: 50%;padding: 0 10px;margin:15px 0 15px 0} .content_adressebit{padding:10px; background-color:#ffffff} .titre_divers strong {font: 15px "TrajanPro3";padding: 5px 0;border-bottom: 1px solid #E0005B;display: block;margin-bottom: 10px;} .content_adressebit .titre_divers strong i{color:#E0005B} .carnetAdresse span {display: block;margin: 5px 0px;overflow:hidden; text-overflow:ellipsis ;white-space:nowrap;} .carnetAdresse span i{color:#E0005B} .btn_adresse {margin: 5px 0;text-align: right;} .btn_adresse a {display: inline-block;width: 50px;vertical-align: middle;margin-left: 5px;color: #ffffff;padding: 10px 10px;font-size: 20px;text-align: center;} .icoModif{background-color: #b3b3b3;} .icoModif:hover{background-color: #1a1a1a;} .icoSuppr{background-color: #E0005B;} .icoSuppr:hover{background-color: #EA6893} /*******COMMANDE CLIENT*******/ .resume_cmd {margin: 15px 0;padding: 15px;background-color: #ffffff;min-width: 310px;text-align: center;} .content_cmd table .cmdbit td {padding: 5px;background-color: #ffffff;border-bottom: 1px solid #b3b3b3;vertical-align: middle;} .content_cmd table .cmdbit:nth-child(odd) td {background-color:#f9f9f9} .tdheadcde{font-size:15px ; text-transform:uppercase; padding:10px; background-color:#b3b3b3} .moyenName, .pay_state {display: block;} .page_client .image_panier img {height: auto;width: auto;} /*=============================== GUIDE.htm =================================*/ .guide_img {background-color: #ffffff;} h2.guide_lib {font: 13px "Gotham-Book";} .page_guide .menu_left {display: none;} .guideIndex{width:100%;} .guideIndexBit{float:left; width:33%; padding:0 10px;} .listeGuide1Bit_resume {padding-bottom: 10px;min-height:70px} .titre_guide_lib{text-align:center; padding:15px 10px; position:relative; z-index:1; font:28px "Blacksword"; margin:0 0 15px 0} .titre_guide_lib::after{background-color:#B3B3B3; width:60px; position:absolute; content:""; height:1px; left:50%;margin-left:-30px; bottom:10px} .col_50{width:50%; float:left; padding:0 10px} .guide_contenu2 {background-color: #ffffff;padding: 25px 20px;margin-bottom: 20px;text-align: center;} .guideBit {margin-bottom: 15px;padding:15px} .guideIma {float: left;width: 30%;} .guideLib {float: right;width: 70%;padding-left: 15px;text-align: left;} .col_50 .box_guide{border:1px solid #ffffff} .col_50 .box_guide:hover{background-color:#ffffff; border-color:#E0005B} .col_50 .box_guide:hover *{color:#E0005B} /******Guide2 makette********/ .creationBloc2 {float: right;width: 28%;} .creationBloc2 *{color:#000000} .creaBox2 {padding: 20px 20px 40px 20px;background-color: #ffffff;margin-bottom:40px} .creation_lib {text-transform: uppercase; padding-bottom: 10px;border-bottom: 1px solid #b3b3b3;margin-bottom: 10px;} .creation_lib i{display:none} .active_guide {font: 14px "Gotham-medium";padding: 5px 0;margin-bottom:5px} .creationBloc2 .active_guide i{color:#E0005B;} .parent_liste_g {margin-bottom:10px} .creation_list2 {padding-left: 15px;} .creation_list2 ol {margin: 10px 0;} .creationBloc2 + .guide_contenu {float: right;width: 72%;padding-right: 20px;margin-bottom:40px} .content_contenu_guide img {height: auto;} .guide_contenu2 .image_categ {display: none;} .detail_guide_content.container_guide > .image_categ {display: none;} .content_contenu_guide {background-color: #ffffff;} .image_categ + .guide_2{padding:35px} .image_categ + .guide_2 h2,.image_categ + .guide_2 h1 {text-align:center} .image_categ + .guide_2 p {text-align:justify} /*=============================== RECHERCHER =================================*/ .liste_historique_rech li{margin:5px 8px; display:inline-block; vertical-align:middle} .rechcontenubit {margin: 10px 0;border-left: 4px solid #D62B69;padding: 15px;background-color: #ffffff;} .nosrayons_navigation {font-family: Gotham-Medium;} /*=============================== CONTACT =================================*/ .faq_titre {position: relative;z-index:1; padding:15px 0} .faq_titre::before{height:1px; width:100%; position:absolute; left:0; top:50%; content:"";z-index:1 ; background-color:#b3b3b3} .faq_titre2 {background: #ffffff;font: 17px "TrajanPro3";padding: 0 15px 0 0; z-index:2; position:relative; display:inline-block} .faq_liste {margin: 0 0 40px 20px;} .faq_liste li{padding:5px 0} .faq_liste li i{color:#D62B69} .max_content{max-width:500px; margin:15px auto} /*=============================== INSTIT =================================*/ .instit{padding:20px; background-color:#ffffff; margin:20px 0} .reponse_formulaire {padding: 15px;text-align: center;color: #e0005b;background-color: rgba(214,43,105,0.1);border: 1px solid #e0005b;margin-bottom: 15px;} /*=============================== PLAN SITE =================================*/ .image_plan{background-color:#ffffff} .image_plan img {height:auto !important} .guideBit_plan {background: #ffffff;padding: 10px;margin-bottom:15px} .listeGuide1_plan .guideBit.guideBitType1::after {content: "";display: block;clear: both;} .guideBit_plan .guideIma, .guideBit_plan .guideIma2 {float:left; width:10%; margin-bottom:10px} .guideBit_plan .guideLib{float:right; width:90%; padding:15px 0 0 15px} .guideBit_plan .guideResume{float:right; width:90%; padding:15px 0 0 15px; margin-bottom:20px} .listeGuide1_plan .listeGuide1 {clear: left;} .listeGuide1_plan {margin: 10px 0 20px 0;} .listeGuide1_plan .guideLib i{color:#D62B69} .listeGuide1_plan .guideBit.guideBitType1 {width: 100% !important;} .listeGuide1_plan .guideTraitH {position: absolute;width: 30px;height: 1px;background-color:#e6e4e7;left: -30px;top: 22px;} .guide_l{padding:8px 0; margin-bottom:10px} .niv_3_guide .guideBit.guideBitType1 {position: relative;} .niv_3_guide .guideTraitH{left:0; top:50%} /********* DEBUT CSS pour Scroll ***************/ /* MSPointer events - direct all pointer events to js */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none;} .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } /* contains plugin's markup */ .mCustomScrollBox{ position: relative;height: 100%;max-width: 100%;outline: none;direction: ltr;background:/*url('template-scrollBg.png') no-repeat right*/ none;} .show_scroll .mCustomScrollBox{background:url('template-scroll_Bg1.png') no-repeat right} .mCS_no_scrollbar .mCustomScrollBox, .listBloc .mCustomScrollBox{background:none;} .mCS_no_scrollbar +.lien_plus{display:none} /* contains the original content */ .mCSB_container{width: auto;height: auto;} .mCSB_inside > .mCSB_container{margin-right: 20px;} .top_0 .mCSB_inside > .mCSB_container{top:0!important} /* non-visible scrollbar */ .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0;} /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;margin-left: 30px;} /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ .mCSB_scrollTools{ position: absolute;width: 5px;height: 160px;left: auto;top: 15px;right: 4px;bottom: 0;} .listBloc .mCSB_scrollTools{ position: absolute;width: 5px;height:371px;left: auto;top:0;right: 0;bottom: 0;} /* scrollbar position: outside */ .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right: auto;left: 0;} /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* contains the draggable element and dragger rail markup */ .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;} .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;} /* the draggable element */ .mCSB_scrollTools .mCSB_dragger{ cursor: pointer;width: 100%;height: 30px; /* minimum dragger height */z-index: 1;background:none;} .show_scroll .mCSB_scrollTools .mCSB_dragger{background:rgba(41, 49, 51, 0.5)} /* the dragger element */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;width: 4px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;text-align: center;} /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width: 12px;} /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 8px;} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display: block;position: absolute;height: 20px;width: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;} .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /********* FIN CSS pour Scroll ****************/ /*.sod_select.open_select .sod_list_wrapper{display:block!important}*/ .sprite { background-image: url(template-spriteAll.png); background-repeat: no-repeat; display: inline-block; } .sprite-template-arrow_down { width: 11px; height: 7px; background-position: -5px -5px; } .sprite-template-av_1 { width: 34px; height: 31px; background-position: -26px -5px; } .av_box a:hover .sprite-template-av_1 { width: 34px; height: 31px; background-position: -70px -5px; } .sprite-template-av_2 { width: 31px; height: 32px; background-position: -114px -5px; } .av_box a:hover .sprite-template-av_2 { width: 31px; height: 32px; background-position: -155px -5px; } .sprite-template-av_3 { width: 24px; height: 26px; background-position: -5px -47px; } .av_box a:hover .sprite-template-av_3 { width: 24px; height: 26px; background-position: -39px -47px; } .sprite-template-av_4 { width: 51px; height: 27px; background-position: -73px -47px; } .av_box a:hover .sprite-template-av_4 { width: 51px; height: 27px; background-position: -134px -47px; } .sprite-template-av_5 { width: 26px; height: 26px; background-position: -5px -84px; } .av_box a:hover .sprite-template-av_5 { width: 26px; height: 26px; background-position: -41px -84px; } .sprite-template-av_6 { width: 27px; height: 31px; background-position: -77px -84px; } .av_box a:hover .sprite-template-av_6 { width: 27px; height: 31px; background-position: -114px -84px; } .sprite-template-fr { width: 18px; height: 12px; background-position: -151px -84px; } .sprite-template-ico_compte { width: 18px; height: 20px; background-position: -151px -106px; } .sprite-template-ico_fb { width: 14px; height: 24px; background-position: -5px -136px; } .sprite-template-ico_gplus { width: 29px; height: 24px; background-position: -29px -136px; } .sprite-template-ico_insta1 { width: 27px; height: 27px; background-position: -68px -136px; } .sprite-template-ico_mail { width: 13px; height: 13px; background-position: -174px -106px; position: absolute; left: 7px; top: 9px; } .sprite-template-ico_menu_mo { width: 30px; height: 30px; background-position: -105px -129px; float:left; } .sprite-template-ico_panier { width: 17px; height: 24px; background-position: -145px -136px; } .sprite-template-ico_panier_m { width: 30px; height: 30px; background-position: -196px -5px; } .sprite-template-ico_phone { width: 20px; height: 25px; background-position: -196px -45px; } .sprite-template-ico_phone_mo { width: 30px; height: 30px; background-position: -197px -80px; } .sprite-template-ico_search { width: 16px; height: 18px; background-position: -130px -179px; } .sprite-template-ico_search_mo { width: 30px; height: 30px; background-position: -86px -173px; } .sprite-template-ico_pinterest { width: 20px; height: 24px; background-position: -197px -120px; } .sprite-template-ico_twitter { width: 30px; height: 21px; background-position: -172px -154px; } .sprite-template-img_bfv1 { width: 81px; height: 17px; background-position: -5px -185px; } /******video********/ .movie_bloc{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .content_video {background: #ffffff none repeat scroll 0 0;border: 1px solid #e2dce2;left: 50%;margin-left: -400px;position: absolute;top: 15%;max-width: 800px;width:100%; padding:15px} .overfow_hidden{overflow:hidden!important} .videoBox > iframe {width: 100%;} .lien_video_art { color: #756d6d;display: block!important;font: 12px "Gotham-Medium";margin-top: 0;text-align: center;background-size:100%!important; background-repeat:no-repeat!important; position:relative; z-index:1; max-height:125px} .lien_video_art > img {display: block;margin: auto;} .lien_video_art:hover span{text-decoration:underline} .video_close{display:inline-block;height:35px; height:35px;position:absolute;top:-10px;right:-10px;z-index:2; background:none!important; border:none!important} .video_piece {display: block;max-width: 100%;padding: 0;} .lien_video_art > span {display: block;margin-top: 8px;position:absolute; left:0; text-align:center; width:100%; bottom:10px;display:none} .contact_lien{ padding-top: 17px; } .image_contact{ vertical-align: sub; } /*bandeau promo*/ #bandeau_promo{text-align: center; background-color: #999999;color: #ffffff;} .b_desktop{text-align: center; min-height:35px;} .b_mobile{text-align: center;display:none;padding-top: 9px; padding-bottom: 9px;} /******* point relais***********/ .content-relais {margin-top: 15px;} .content-relais::after {content: "";display: block;clear: both;} .logo_wrap {float: left;width:48%} .logo_wrap .logo{display:inline-block; margin-top: 0!important} .logo_wrap .text{display:inline-block;vertical-align:middle} .form-table-relais {float: right;width: 52%;padding-bottom: 15px;font-size: 12px;} .form-table-relais input[type="text"]{height: 30px;border:1px solid #d1d1d1;color:#000; width: 100%;max-width:300px;padding: 5px 10px} .form-table-relais select {height: 30px;width: 100%;border: none;padding-left: 10px;border:1px solid #d1d1d1;background: url(template-arrow_select_c.png) no-repeat 95% 50%;font: 14px "BrandonGrotesque-Regular";max-width:300px; } .form-table-relais table {/*margin: auto;*/float:right;width: 100%;max-width: 300px;} .form-table-relais button {font: 19px "BebasNeue-Regular";text-transform: uppercase;padding: 9px 15px;text-align: center;display: block;color: #fff!important;background: #ef247e;max-width: 300px;margin: 15px auto;border: none;width: 100%;} .aucun_point{color:#ff0000; text-align: center;font-weight: 600; text-align: center;padding: 15px 10px; } .content-map::after {content: "";clear: both;display: block;} #liste_points {float: right!important;width: 50%!important;overflow-y: auto !important; height: 100%;} #liste_points strong {text-transform: uppercase;color: #ef247e;margin-bottom: 10px} #liste_points .point_item{padding: 5px; border-bottom: 1px solid #e5e5e5; cursor:pointer} #liste_points .point_item:hover{background:#ddd} #map {float: left!important;width: 50%!important;height: 300px} #btn_find_relais{ font: 13px "Gotham-Medium";border-radius:3px; text-transform: uppercase;padding: 6px;text-align: center;display: block;color: #fff!important;background: #ed7f12;max-width: 300px;margin: 5px auto;border: none;width: 100%; } #liste_points::-webkit-scrollbar{width:12px; background:#d1d1d1;-webkit-border-radius:4px;border-radius:4px;height:5px;} #liste_points::-webkit-scrollbar-thumb{background: #d1d1d1;-webkit-border-radius:4px;border-radius:4px;} #liste_points::-webkit-scrollbar-track {background:#fff;border:1px solid #d1d1d1;-webkit-border-radius:4px;border-radius:4px;} .search-relais-wrap{padding:4px;background:#f5f5f5;border-radius:2px;border:1px solid #bbb; margin: 0px -17px;} .content-map{height:300px} #map{height:100%;border:1px solid #ddd;z-index:0} .point_map_item{background:#ed7f12; border: none;text-transform: uppercase;font-weight: 600;font-size: 12px; padding:5px;color:#ffffff; display: block; border-radius: 3px; text-align: center; cursor:pointer} .point_map_item:hover{background:#e7a96b;} .type_chronopost .point_map_item{background:#3571b3; border: 1px solid #305f94;} .type_chronopost .point_map_item:hover{background:#528ed0;} .point_item div:last-child { text-align:right } .point_item .point_map_item{display:inline-block;margin: 5px 0;} .msg_point_vide{text-align:center} .map_window_wrap .conten_logo{padding-right: 5px} .centerbloc{height:100%; position:relative} .centerbloc .inner{ margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } #point-choisi .msg-aucun-point{ border: 1px solid #ff0000; padding: 5px; display:none; } #point-choisi .point-info{ border: 1px solid #009900; padding: 5px 10px; } #point-choisi.aucun-point .msg-aucun-point{ display:block; } #point-choisi.aucun-point .point-info{ display:none; } .form-table-relais tr td {padding-bottom: 3px;} span.cde1livraison_txt_moyen {text-transform: uppercase;padding-bottom: 15px;display: block;} .modelivraisonBit td {padding: 8px 0;} .modelivraisonBit td strong {text-transform: uppercase;} /************************************************************* DIAMANTS **************************************************************/ .tabInfoDiamant{margin:0 10px;font-size: 13px;} .tabInfoDiamant td{padding:2px 10px;} .article_right.article_diamant {float: right;width: 50%;padding: 5% 30px 10px 30px; position:relative} .articleBitDiamant{min-height:415px;} .articleBitDiamant .image_article{min-height:298px;} .titreOffrePanier{float:left;width:50%;text-align:right;padding-right: 20px} .titreOffrePanier.titreOffrePanier2{width:100%;text-align:center;padding: 10px;} .ligne_panier_bit.ligne_panier_bitPromo2{width:100%;} .popUp_diamant{background:#ffffff;border:1px solid #e2dce2;width:400px;height:160px;position:absolute;top:15%;left:50%;margin-left:-200px} .popUp_diamantTitre{text-align: center;padding:10px 0;} .popUp_diamantLien{text-align: center;padding:25px 0;} .popUp_diamantLien a{border:1px solid #000000;font-size:18px;padding:5px 10px;} .big_img{width:100%;} .big_img img, .photoBit{aspect-ratio:1/1;} @media screen and (max-width: 980px){ .article_right.article_diamant{width:100%} } /************************************************************* AUTOCOMPLETE SEARCH - AUTOCOMPLETE SEARCH - AUTOCOMPLETE SEARCH **************************************************************/ .autocompletesearch-loader{display:none;background: #FFFFFF;height: 100%;opacity: 0.80;z-index: 9999;width: 100%;margin: 0 auto;position: fixed;text-align:center;} .autocompletesearch-container{max-width: 1280px;margin: 0 auto;background:#FFFFFF;z-index:100;width:100%;} .rechercheAjax_content{} .rechercheAjax_content .search_lib{text-align:center;background-color:#ea6893;margin:0 0 10px;padding:10px;text-transform:uppercase;font-weight:700;font-size:12px;color:#FFFFFF;} .rechercheAjax_left{} .rechercheAjax_left .keyWord_list li{padding:0 10px;margin-bottom:10px;} .rechercheAjax_left .keyWord_list li a{font-size:12px;color:#231f20;} .rechercheAjax_left .keyWord_list li a:hover{color:#e0005b;} .rechercheAjax_right{} .s_articleBit{border-bottom:1pt solid #b3b3b3;} .s_articleBit a{display:block;padding:10px;font-weight:300;color:#231f20;font-size:11px;} .s_articleBit a:hover, .s_articleBit a:focus{background-color:#e6e6e6;} .s_articleBit a img{width:50px;float:left;margin:0 10px 0 0;} .s_articleBit a span{font-size:12px;color:#e0005b;font-weight:700;} .sliderSimilaire, .sliderCompleter, .sliderPromo, .sliderNouveaute{overflow:hidden;} .liste_article {position:relative;} .sliderSimilaireNext, .sliderCompleterNext, .sliderPromotionNext, .sliderNouveauteNext {right:-40px !important;filter: grayscale(1)} .sliderSimilairePrev, .sliderCompleterPrev, .sliderPromotionPrev, .sliderNouveautePrev {left:-40px !important;filter: grayscale(1)} .estalyBox{ border:1px solid #000000;border-radius:10px;padding:10px 10px 0 10px;background-color:#ea689b1c;display:none;} .estalyTitre{float:left;font:13px gotham-medium;} .estalyLib{margin:5px 10px;float:left;font:15px gotham-book;} .estalyLib label{margin-left:10px;font:15px gotham-book;} .estalyPrix{margin:9px 10px;float:right;font:18px gotham-medium;color:#e0005b;} .estalyPopup{padding:30px 20px;font:15px gotham-book;} .fidelitePopup{padding:30px 20px;font:15px gotham-book;text-align:center;} .estalyPopupImg{font-size:30px;text-align:center;margin-bottom: 20px;} .estalyPopupImg img{height:50px;margin: 20px;} .estalyPopupTitre{font:22px gotham-medium;text-align:center;margin-bottom: 30px;} .estalyPopupText{font:16px gotham-book;} .estalyPopupList{margin:10px;} .estalyPopup .estalyLib{margin-top: 10px;} .font-gravure-1{font-family: Times New Roman,Times,serif !important;font-size: 18px !important;} .font-gravure-2{font-family: 'Manuscrit',sans-serif !important;font-size: 20px !important;font-weight: bold;} .sod_select .sod_option[title="Manuscrite"] {font-family: 'Manuscrit',sans-serif !important;font-size: 20px !important;font-weight: bold;} .sod_select .sod_option[title="Baton"] {font-family: Times New Roman,Times,serif !important;font-size: 18px !important;} .articleCodePromo{color:#d62b69;font-size:12px;margin-top: 5px;margin-bottom: -10px;} .articleDeclinaisonTitre {line-height:50px;text-align: center;} .articleDeclinaisonContent {display: flex;overflow-x: auto;white-space: nowrap;scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;} .articleDeclinaisonContent::-webkit-scrollbar {height: 6px;} .articleDeclinaisonContent::-webkit-scrollbar-track {background: #f1f1f1;} .articleDeclinaisonContent::-webkit-scrollbar-thumb {background: #888; border-radius: 3px;} .articleDeclinaisonContent::-webkit-scrollbar-thumb:hover {background: #555;} .articleDeclinaisonItem {min-width: 110px;text-align: center;box-sizing: border-box;flex-shrink: 0;} .articleDeclinaisonItem img{width:110px;} .pretty_photo_bottom {display: flex;overflow-x: scroll;white-space: nowrap;} .img_bit_art {min-width: 90px;text-align: center;box-sizing: border-box;flex-shrink: 0;} @media screen and (max-width: 980px){ .articleDeclinaison .articleDeclinaisonTitre{float:initial} } .client_menu{text-align:center;} .table_cmd_Bit {background-color: #ffffff;border-bottom: 1px solid #e0e0e2;border-top: 1px solid #e0e0e2;padding: 10px 15px;position: relative;} .head_table_c1{float:left; width:20%; padding: 10px 0;} .head_table_c2{float:left; width:20%; padding: 10px 0;} .head_table_c3{float:left; width:20%; padding: 10px 0;} .id_cmd{float:left; width:20%; padding: 10px 0;} .date_cmd{float:left; width:20%; padding: 10px 0;} .total_cmd{float:left; width:20%; padding: 10px 0;font-size:15px;color:#cb151a} .fideliteBox{ border:1px solid #D62B69;border-radius:10px;padding:10px 0;background-color:#FFFFFF;margin:15px auto 0;max-width:800px;} .fideliteBoxTitre{font-family: 'TrajanPro3';text-align: center;font-size:18px;} .instagram-wrapper { width: 260px; /* Largeur personnalisée */ max-width: 100%; /* Ajustement pour le responsive */ margin: 0 auto; /* Centrer la vidéo sur la page */ overflow:hidden; } .instagram-wrapper iframe { width: 100% !important; /* Adapte la largeur */ min-width: 100% !important; height: 415px; /* Hauteur personnalisée */ margin-top: -50px !important; } .btnFiltre{border: 1px solid #b3b3b3;display: inline-block;padding: 10px 15px;font-size: 15px;margin-left: 5px;vertical-align: middle;} .tab_content_description{max-height:300px;overflow-y:hidden;position: relative;transition: max-height 0.5s ease-in-out;} .fade-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; /* Hauteur du fondu */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); pointer-events: none; transition: opacity 0.3s ease-in-out; } .toggle-btn{margin-top:10px;border: 1px solid #b3b3b3;display: inline-block;padding: 10px 15px;font-size: 12px;margin-left: 5px;vertical-align: middle;}