/* ----------------------RESET---------------------- */
/*body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration:none;
outline:0;
}
/* ----------------------FIN RESET---------------------- */
/* ----------------------POLICE---------------------- */
@font-face {
font-family: 'montserrat';
src: url('../police/montserrat-regular.ttf') format('truetype');
font-weight: regular;
font-style: regular;
}
@font-face {
font-family: 'montserrat';
src: url('../police/montserrat-bold.ttf') format('truetype');
font-weight: bold;
font-style: bold;
}
@font-face {
font-family: 'montserrat-semibold';
src: url('../police/montserrat-semibold.ttf') format('truetype');
font-weight: 300;
}
@font-face {
font-family: 'lato';
src: url('../police/lato-regular.ttf') format('truetype');
font-weight: regular;
font-style: regular;
}
@font-face {
font-family: 'lato';
src: url('../police/lato-bold.ttf') format('truetype');
font-weight: bold;
font-style: bold;
}
/* ----------------------FIN POLICE---------------------- */
.bg-light { background-color: #482882 !important; }
body {
font-family: 'lato', sans-serif;
font-weight: normal;
color: black;
height:100%;
width:100%;
position: relative;
}
* { box-sizing: border-box; }
.row { margin: auto; }
/*form .row { margin-right: -15px; margin-left: -15px; }*/
a { text-decoration:none;}
a:hover { text-decoration:none;}
div#logo { margin-top: 60px; }
.slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }
@keyframes slide{
0%{
opacity: 0;
transform: translateY(70%);
}
100%{
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes slide{
0%{
opacity: 0;
-webkit-transform: translateY(70%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
.slideanim a { text-decoration: none; color: #111; }
/* ------------------TRANSPORTEUR-------------------- */
.logo-transporteur img { width:120px;vertical-align: middle; padding:10px; }
#boutique { padding: 100px 20px; }
#boutique .adresse1 { margin-bottom: 50px; }
.img-boutique { width: 30px; display: block; margin-bottom: 20px; }
#boutique h1 { font-size: 28px; font-weight: bold; }
#boutique a { color: grey; text-decoration: none; }
#boutique a:hover { text-decoration: none; }
#boutique span { color: #6c6c6c; font-size: 18px; font-weight: bold; }
div#container-pdts-home { background-attachment: fixed; background-position: center; padding: 20px 0; }
div#container-pdts-home h2 { padding: 10px; font-size: 18px; text-transform: uppercase; color: #6e6e6e; letter-spacing: 2px; background-image: url("../img/motif2.jpg"); }
div#entrees-pdts { padding: 0!important; margin: 0 auto; }
.encart-pdt1, .encart-pdt2, .encart-pdt3, .encart-pdt4 { padding: 0!important; }
div#container-pdts-home .image1, .image2, .image3, .image4 { display: block; width: 100%; height: auto; border: 2px solid #fff; }
.overlay1, .overlay2, .overlay3, .overlay4 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0; transition: .5s ease; background-color: #000; }
.encart-pdt1:hover .overlay1 { opacity: 0.8; cursor: pointer; }
.encart-pdt2:hover .overlay2 { opacity: 0.8; cursor: pointer; }
.encart-pdt3:hover .overlay3 { opacity: 0.8; cursor: pointer; }
.encart-pdt4:hover .overlay4 { opacity: 0.8; cursor: pointer; }
.text1, .text2, .text3, .text4 { color: white; font-size: 20px; text-align: center; letter-spacing: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:rgba(0,0,0,.5); }
.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox { -ms-touch-action: pan-x; touch-action: pan-x; }
.mCustomScrollBox.mCSB_vertical_horizontal { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox.mCSB_horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }
.clear { clear: both!important; }
.no-padding { padding-right:0!important; padding-left:0!important; margin-right:0!important; margin-left:0!important;}
.no-padding-tb { padding-top:0!important; padding-bottom:0!important; margin-top:0!important; margin-bottom:0!important; }
#conteneur{ width: 100%; }
#lolablog #header { display:none; }
#page #header-wrapper #header { display:none; }
h1.title a { color:#000;font-weight: normal;text-decoration: none; }
/* ----------------------INTRO---------------------- */
#intro h3 { margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; }
#intro h4 { margin: 10px 0 30px 0; font-size: 16px; color: grey; font-style: italic; }
.isLeft { float:left; }
.isRight { float:right; }
.50pc { width:50%; }
.header-conteneur { width:100%; display: block; }
.gobal-content { width: 100%; display: block; min-height: 100vh; padding-bottom: 20px; box-sizing: border-box; }
#global{}
#header { margin: 0 auto 20px auto!important; }
.nlink { color:#000;text-decoration: none;text-align: left;text-transform: uppercase;padding-left: 0px;font-size: 12px;font-weight: normal; }
.nlink:hover { text-decoration: underline; }
.content-cart-box,.compte { color:#000;text-transform: uppercase;padding-right: 0px;font-size: 12px;font-weight: normal; }
.title { line-height: 1em; }
.mentions p,.mentions h1 { text-align:justify;padding: 0 30px }
.soldes-home img { width:100%; }
/* ----------------------NAVBAR---------------------- */
nav img#home { width: 40px; }
nav img#home:hover { filter: invert(1); -webkit-filter: invert(1); }
nav.bg-dark { background-color: #000!important; }
.navbar { padding: 0; }
.navbar-brand { padding-top: 0; padding-bottom: 0; }
.logo { /*width: 250px;*/ }
.logo img { width: 100%; }
nav.nav1 { border-bottom: 1px solid #e8e8e8; }
nav.nav1 ul li a.nav-link,
nav.nav1 ul li div.nav-link,
nav .menu_filter_mobile ul li a { display: inline-block; color : #fff !important ; font-size: 13px!important; text-transform: uppercase; font-weight: regular; -moz-transition: color 0.5s; /* Firefox */ -webkit-transition: color 0.5s; /* Safari and Chrome */ -o-transition: color 0.5s; /* Opera */ transition: color 0.5s; }
nav .menu_filter_mobile ul li a span.voir-tout { font-weight: bold; color: #333; }
/*nav.nav1 ul li a.nav-link,
nav .menu_filter_mobile ul li a i { font-size: 16px; margin-right: 5px; }*/
nav .menu_filter_mobile span.titleMenu { display: inline-block;transition: color 0.5s; }
/*nav .menu_filter_mobile span.titleMenu:hover { color: #ccc!important;;transition: color 0.5s; }*/
nav ul li a.nav-link:hover,
nav ul li div.nav-link:hover,
nav .menu_filter_mobile ul li a:hover { color: #9380b5 ; text-decoration: none; }
/*nav ul li .icone-nav { line-height :30px ; display:block; text-align:center; }*/
.compte_panier { margin-right : 30px; position:absolute;right:30px;}
.panierbtn-active { background: #482882 !important;}
.panierbtn-active i { color: #fff !important; }
.compte_panier ul.navbar-nav { flex-direction: row; }
.chiffre_panier,
.chiffre_panier_null { width: 30px; height: 30px; position: absolute ; left: 115%; background-color: #b3b3b3; color: #fff; text-align: center; border-radius: 3px; padding-top: 1px; padding-left: 1px;line-height: 30px; top : -1px;}
.chiffre_panier { background-color: rgba(232, 0, 95, 1); }
nav.btn-outline-success { background: #000!important; }
nav form button.btn { background-color: #fff!important; color: grey!important; border: 1px solid grey!important; }
nav form button.btn:hover { background-color: #000!important; color: #fff!important; border: 1px solid #000!important; }
.menu-1 { height:auto;list-style:none; margin-left:30px; }
ul.n-1 { text-align: center; padding : 10px 0;}
.menu-1 ul.n-1 > li { list-style-type:none;display: inline-block;}
ul.n-1 > li a { text-transform: uppercase;text-align: left;font-size: 13px;font-weight: normal;text-decoration: none;color:grey; padding: 10px 20px; /*border-bottom: 1px solid #d9d9d9;*/display: inline-block; }
ul.n-1 > li a:hover, .menu-1 ul.n-1 > li:hover > a { color: #9380b5 !important;}
.dropdown-menu { margin: 0!important;z-index:1001; }
.dropdown-submenu { margin-left:20px; list-style: none; font-size:12px; }
.conteneur-bloc { width:100%;min-height: 270px; }
.conteneur-bloc .acc-gauche { width:33%;float:left;min-height: 270px; }
.conteneur-bloc .acc-droite { width:65%;float:left;margin-left:7px;min-height: 270px; }
.encart-msg { padding: 6px 15px; }
.vert { background: #c9e8ab!important; color: #000!important; border: none!important; font-size: 14px!important; }
.user-txt { display : none;}
.cherchebar { width: 100%; height : 0 ;padding : 0 10px ;background: #fff; display : none; border-bottom: 1px solid #e8e8e8; position: relative;}
.compte_panier .nav-item { text-align : center; background : transparent ; transition : all ease 0.2s; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 2px; margin : 0 5px; height : 30px; width : 35px ;line-height :30px; /*text-align: center;*/}
/*.compte_panier .nav-link { padding: 0;}*/
.nav-item i { transition : all ease 0.2s;}
.barreNoir { background : #000; width : 100%; font-size : 12px;}
.barreNoir a { color : #fff; display : inline-block;}
.barreNoir .user-txt { display: inline-block;}
.barreNoir .icone-nav { display : none;}
.barreNoir span { transition : all ease 0.2s;}
.barreNoir span:hover { color : #482882 ;}
.compte_panier .nav-item:hover { box-shadow: inset 0 0 1px #000; background : #482882;}
.nav-item:hover i { color :white;}
.mega-dropdown { position: static !important;}
.mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: 0 1px 5px rgba(0,0,0, 0.2);}
.content-cart .cart_taille span, .content-cart .cart_couleur span { display : none;}
.cart_discount_label { display : none;}
/* ----------------------FOOTER---------------------- */
footer { background : #f2f2f2; color: #666666; padding: 0; width: 100%; }
footer .container { padding-top: 35px; /*font-size: 13px;*/}
.footer-content { color: #fff; margin-top:40px; margin-bottom:40px; padding-bottom:40px; border-bottom: 1px solid #3c3c3c; }
.footer-content > div { border-right: 1px solid #3c3c3c; padding-right: 20px; padding-left: 20px; }
.footer-content > div:last-child { border-right:none; }
footer figure img { width:40px; margin-bottom:50px; }
footer .border-grey { border-right: 1px solid #3c3c3c; }
footer .mention { margin-top: 40px; padding: 11px 0; border-top: 1px solid #e7e7e7; font-size: 12px; color: #999999;}
footer .mention p { text-align : center;}
footer .mention a { color: #999999;}
footer .mention a:hover { color: #482882 ;}
footer ul li { text-align: left; list-style-type:none; color: #999999; font-size: 13px;}
footer ul li a { display: inline-block; color: #999999;margin-bottom: 5px; }
footer ul li a:hover { color: #482882; text-decoration: none; }
footer h3 { border-bottom: 1px solid #e7e7e7; margin-bottom: 1.5em; text-transform: uppercase; font-size: 1em;}
footer h3 span {display: inline-block; border-bottom: 1px solid #482882 ; padding-bottom: 1.001em; margin-bottom: -1px; font-weight : bold; font-size: 12px;}
footer p {text-align: left; color: #555; margin-bottom: 5px;}
#topflesh { transition : all ease 0.5s ;right : -20px; position: fixed; bottom: 15px; width: 50px; height: 50px; z-index: 100; color: #aaaaaa; background: rgba(255, 255, 255, 0.25); border-radius: 50%; border: 2px solid #cccccc; font-size: 50px; line-height: 50px; text-align: center; visibility: hidden; opacity: 0;}
#topflesh.show { opacity: 1; visibility: visible; right : 15px;}
#topflesh:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); color:#482882; border-color : #482882;}
/* ------------------------ CATALOGUE ------------------------ */
#show-filter { color: grey; text-align: center; text-transform: uppercase; padding: 10px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #dfdfdf; display: flex; position: relative; left: calc(100% - 85px);}
#show-filter i { margin-right: 10px; font-size: 18px; }
.show-filter { color : #482882 !important;}
/*.eshop-menu { width:15%;min-height: 40px; margin: 0 40px 20px 45px;display: inline-block;vertical-align: top; }*/
/*.eshop-menu .entete-filtre { background-color: #000; color: #fff; /*width: 120px;*/ /*padding: 8px; font-size: 13px; margin-bottom: 10px; }*/
.eshop-menu .entete-filtre { color :#666666; font-weight : bold ; padding-bottom : 1em; border-bottom: 1px solid #eeeeee; margin-bottom: 1.5em; text-transform: uppercase; font-size: 13px;}
.entete-filtre::after { content: ''; width: 100px; border-bottom: 1px solid #482882; display: inherit; padding: 0; position: absolute; top: 29px;}
.les-filtres button { float: right; height: 50px; font-size: 12px;}
.eshop-menu .titleFiltre { transition: all ease 0.5s; text-transform: lowercase;margin:10px 0; cursor: pointer;padding:6px; border: 1px solid #f3f3f3; border-radius: 5px;height: 30px;color: #666666;}
.eshop-menu .titleFiltre:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
.eshop-infos { background: url(../img/eshop-bg.jpg) no-repeat no-repeat top left transparent; min-height: 800px; display: inline-block;vertical-align: top; border-left: 1px solid #eeeeee;}
/*.eshop-infos:before {content: ''; position: absolute; border-top: 20px solid transparent; border-bottom: 15px solid transparent; left : 0; border-left: 12px solid #eeeeee;}*/
#filter_price .titleFiltre {border : none; cursor : default;}
#filter_price .titleFiltre:hover {box-shadow : none;}
/*.eshop-infos::before { right: 0; margin-right: -12px; border-right: 0 solid transparent; border-left: 12px solid #eeeeee; content: ''; position: absolute; border-top: 20px solid transparent; border-bottom: 20px solid transparent; left : 0;}*/
.eshop-infos::before {transform: rotate(45deg); content : '' ;width : 20px; height : 20px; background : #fff; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; position : absolute; left : -10px; top : 5px;}
.eshop-infos.no-bg { background:#FFF; }
.eshop-menu ul >li > a,
.eshop-menu ul >li > a > span { text-transform: capitalize;color:#000;text-decoration: none;font-size:13px }
.eshop-menu { margin-top: 63px; }
.eshop-menu::after { content: ''; width: 20px; height: 20px; background: none; border-right: 1px solid #eeeeee; position: absolute; left: calc(100% - 19px); top : -83px;}
.eshop-menu .separateur-menu { border-bottom: 1px solid #000; margin:20px 0; }
#slider-range { cursor: pointer; margin-bottom: 20px; heigth : 2px ; background : #eeeeee;}
.titleFiltre { font-size:13px;font-weight: 100; }
.titleMenu { font-size:13px;font-weight: 100; margin-top:25px; margin-bottom:0; color: grey;}
.filter_container { position: relative; }
.fleche { width: 18px; margin: 16px 6px 0 0; position: absolute;top: 0;right: 0;display: flex;transform: rotate(0deg);transition: transform 0.2s, margin 0.2s; }
.fleche_open { transform: rotate(180deg); transition: transform 0.2s, margin 0.2s; margin: 18px 6px 0 0; }
.flc-gauche { width: 8px;height: 1px;background-color: #666666; display: block;transform: rotate(45deg) translate(2px, 0px); transition: transform 0.2s; }
.flc-droite { width: 8px;height: 1px;background-color: #666666; display: block;transform: rotate(-45deg) translate(-2px, 0px); transition: transform 0.2s; }
.filter_content { overflow: hidden; max-height: 0; transition: max-height 0.2s; }
.filter_content_open { border : 1px solid #eae9e9; max-height: 5000px; transition: max-height 1s; margin: -9px 0 20px 0;border-radius: 5px;}
#catalogue .box-product { position: relative; transition: border 0.5s; margin: 20px 0 !important;}
#catalogue .product { transition: all ease 0.5s; overflow : hidden ;position: relative; border: 1px solid #eeeeee; margin : 10px 25px;}
#catalogue .product:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
#catalogue .product img { width : 100% !important; height : auto !important ;}
/*#catalogue .product:hover img { transform: scale(1.05); transition: transform 0.5s; }*/
#catalogue .product:hover .photo2 { visibility : visible; left : 0 ;}
.product .picture.png a .photo1 { display: block; }
.product .picture.png a .photo2 { visibility : hidden; position: absolute; top: 0;left: 100%; transition : all ease-out 0.2s;}
.product .picture img { display: block;margin: 0 auto; width : 100% !important; height : auto !important;}
.product .product-descr .contenu { padding: 20px 10px; }
.product .product-descr { max-height: 105px; border-top: 1px solid #eeeeee; position: relative; text-align : left !important;}
.product .btn-product, .product .btn-product2 { width:100%; position: absolute; bottom: 0; display:none;}
.product .btn-product p { background: #fff; color: #939393; border: 1px solid #808080; font-size: 12px; width:50%; margin: 20px auto; }
.product .btn-product p a { text-decoration: none; color: #333; padding: 12px 0; display: block; text-transform: uppercase; }
.product .btn-product a:hover { background: #000; color: #fff; }
.product-descr .pluscouleurs { display : none;}
.lazy { display: none; }
.categoriesN0 li {list-style: none;margin:5px 0;line-height:20px; border-bottom: 1px solid #eeeeee}
#filter_marques .categoriesN0 li .icoco { color: #444;background: url('../img/puce.jpg') 0 12px;width: 12px;height: 12px;float: left;margin-right: 9px;margin-top: 4px; }
#filter_marques .categoriesN0 li.current_color .icoco,
#filter_marques .categoriesN0 li.current_color .categoriesN1 li.current_color .icoco { background:url('../img/puce.jpg') 0 0; }
.filter_option { margin:4px 0; }
.filter_option a { display: block;color: #929292; padding:4px;font-size: 12px; }
.filter_option a:hover { text-decoration: none;background-color: #f5f5f5; }
.filter_option a.checked { background-color: #f5f5f5;border: 1px solid #dedede; }
.filter_values { text-align: right; }
.clearall { display: inline-block;padding: 5px; color: #929292; font-size: 12px; }
.clearall:hover { color: #000; text-decoration: none; }
.current_color0 { color :#482882;}
.categoriesN0 .current_color0 > a { }
.categoriesN0 .current_color0 > a > span { font-weight: bold; }
.categoriesN1 .current_color1 > a { font-weight: bold;background: url('../img/puce.jpg') 0 0px no-repeat;padding-left: 20px; }
.categoriesN1 a { padding-left: 20px; }
.categoriesN2 .current_color2 > a { font-weight: bold;background: url('../img/puce.jpg') 0 0px no-repeat; }
.categoriesN2 a { padding-left: 40px; }
.product .contenu .name { display: block; overflow: hidden; text-transform: capitalize; }
.product .contenu .name a { text-decoration: none; color:#000; }
.product .contenu .barcode a { text-transform: capitalize; color: #646464; text-decoration: none; font-size: 0.8em; display:none; }
.product .contenu .color { display: none; overflow: hidden; text-transform: uppercase; }
.product a.bt-zoom { position:absolute; bottom:0; right:0; display:none; }
.product .taille-dispos { display:none; font-size:11px; min-height:27px; }
.product .choix-taille2 { display:none;}
.product .taille-dispos .separator2 { font-size:9px;padding:0 5px;color:#000; }
.product:hover .taille-dispos { visibility:visible; }
.product p.price { color : #482882 !important ;font-size : 16px;}
/*.price span { color: #fb7a95; font-weight: bold; display: block; padding-top: 10px; }*/
.product .contenu .description,
.product .contenu .choix-taille,
.product .contenu .ajout-panier-list, .color-supp {display:none;}
/*.pastille { position: absolute; top: 8px; right: 6px; }
.pastille div.new { background: #000; color: #fff; font-size: 12px; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; }*/
.pastille, .laremise { position: absolute; top: 0px; right: -45px; z-index: 2; overflow: hidden; white-space: nowrap; width: 150px; height: 150px;}
.laremise { left: -45px;}
.pastille div.new, .laremise .remise { display : block; position: relative; top: 10px; z-index: 2; font-weight: normal; padding :5px 0 ; background: #482882; color: white; text-align: center; transform: rotate(45deg);}
.laremise .remise { transform: rotate(-45deg);}
.barcode, .name, .marque, .marque, .designation { color : #999999; font-size : 12px ;text-transform:uppercase;}
.marque {display:none;}
.designation {margin-bottom:5px;}
/*.designation2 { display : none;}*/
/*.prix-catalogue, .price_barre, .apartir { text-align: center; width: 30%; position: absolute; justify-content : center; top: 0; right: 0; display: flex; align-items: center; }
.apartir { top : 30% ;color: #999999;}
.prix-catalogue { height: calc(100% + 55px); color : #666666; font-weight: bold; border-left : 1px solid #eeeeee;}*/
.prix-produit { height: 75px; border-left : 1px solid #eeeeee; text-align: center; width: 30%; position: absolute; top: 0; right: 0; display: grid; align-items: center;}
.price_barre { color: grey; text-decoration: line-through; font-size: 12px;}
/* ------------------------ FIN CATALOGUE ------------------------ */
/* ----------------------CAROUSEL---------------------- */
.carousel-control-prev,
.carousel-control-next { max-width: 40px; }
.carousel-control-prev-icon,
.carousel-control-next-icon { color: white; width: 40px; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; }
.slid-legende1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0.4; transition: .5s ease; background-color: #000; }
.slid-text1 { color: white; font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; text-transform: uppercase; }
/* ------------------------ PAGE PRODUIT ------------------------ */
.module_navigation a { z-index: 1000; position: absolute; top: 50vh; height: 130px; width: 40px; background-color: rgba(0, 0, 0, 0.3); transition: 0.6s; }
.module_navigation a:hover { background-color: rgba(0, 0, 0, 0.6); width: 150px; transition: 0.6s; color: #dedede;}
.module_navigation a.prev { left: 0; }
.module_navigation a.next { right: 0; }
.module_navigation .arrow-nav { position: relative; height: 100%; }
.module_navigation i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; }
#galerie { max-width:80px;min-height: 100px; padding-right: 15px; padding-left: 0; }
#galerie a img { margin-bottom:10px; max-width: 100%; }
#galerie .active img { border:1px solid #CCC !important; }
#galerie > a { display: block;margin-bottom: 5px;width: 68px;height: 101px; }
#galerie > a img { border:1px solid transparent; }
.zoomWrapper { width:100%!important; height:auto!important; }
.zoomWrapper img#imagemagic { position: static!important;width:100%!important; height:auto!important; }
/*.laremise {position:absolute; top:10px; right:10px; background:#000; border-radius:40px; padding:15px 6px; color:#FFF; text-decoration:none; font-size:14px;z-index: 1000;}*/
#product_remise {position:absolute; top:30px; left: -100px; background: #482882; color: #fff; border-radius:40px; padding:22px 14px;text-decoration:none; font-size:14px;z-index: 1000;}
.laremise:hover,
#product_remise:hover { text-decoration: none; color:#fff; }
#product_remise .product_remise_title { display:none; }
.content-shipping { width:100%;margin-bottom:10px; }
.footer-conteneur { width: 100%;margin-top: 20px;float: left;background:#000; }
/*BOUTIQUE*/
ul.list-unstyled li { line-height: 1.428571429; }
ul.list-unstyled li a.pull-right { color:#000;font-weight:bold; }
#product_photo span.zoom { cursor:pointer; background: url("../img/zoomup.png") no-repeat scroll right top transparent; display: block; height: 20px; margin-left: 385px; margin-top: 10px; position: absolute; width: 20px;}
.mini-photo-product { float:left; display:inline; margin: 20px 15px 0 0; }
.product_barcode_value { font-size:0.9em;}
.product_designation2_value { font-size:13px; padding-bottom: 10px;}
#product_designation .product_designation_title { display:none;}
#product_designation, .description { border-bottom : 1px solid #e7e7e7;}
.description:after { content: ''; width: 100px; height: 1px; border-bottom: solid 1px #482882; position: absolute; top: 22px; left :0;}
.row.btn-ajout-panier .px-3 { padding: 0 !important; }
#product_couleur,
#product_couleurLangue,
#product_marque { font-size:11px; color:#bebbbd;height: 20px;width: 100%; }
#product_marque { font-family: 'Conv_AvenirLTStd-Black'; }
.product_famille_title,
#product_couleur .product_couleur_title,
#product_couleurLangue .product_couleurLangue_title,
#product_marque .product_marque_title { display:none }
#product_prix .pricestriked { display:inline-block; border: solid 1px #c1c1c1; font-size: 14px; padding: 5px; color: grey; text-decoration:line-through; margin-left: 10px; }
#product_prix .product_prix_title { display:none; }
.description_box { background-color: #fff;}
.description_box .description { border-bottom: 1px solid rgba(0,0,0,.15); padding-bottom: 5px; font-size: 14px; text-transform: uppercase; }
#product_descriptif .product_descriptif_title { display:none; }
#product_descriptif .product_descriptif_readmore { text-align:right; color:#aaa; text-decoration:underline; font-size:10px; display:block; }
#product_matiere { display:block; color:#000;margin: 4px 0 0; }
#product_barcode { display:block; margin:10px 0 10px 0; text-transform:uppercase; font-size:14px; }
#product_barcode .product_barcode_title,
#product_matiere .product_matiere_title { display:none }
.module_product_detail { color : #666;}
.module_product_switch_color { padding: 5px; border: 1px solid rgba(0,0,0,0); }
.module_product_switch_color.selected { box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.infos-produit { width:100%; padding-bottom:15px; }
.switch-color { width:300px; display:block; }
.switch_color_title { color: #000;font-size: 14px;width: 100%;float: left;margin-bottom: 20px;display: none; }
.switch_color_item { float:left; text-align:center; position:relative; margin-right: 10px;}
/*.switch_color_item a.epuise,
.product a.epuise { display: block;width: 100%; position: absolute;bottom: 50px;left: 0;background: rgba(0,0,0,0.6);color: #FFF;line-height: 20px;text-align: center;text-decoration: none; }*/
.switch_color_item a.epuise,
.product a.epuise { top: 50%; left: 0; position: absolute; z-index: 2; font-weight: normal; line-height: 2em; background: #0000003b; color: white; text-align: center;width: 100%;}
.product a.epuise { padding:5px 0; }
.switch_color_item .visu { display:block; text-align:center; }
.switch_color_item img { margin-bottom: 10px; }
.switch_color_item a { overflow:hidden; display:block; color:#000; text-decoration:none; font-size:.7em; text-transform: capitalize; }
.switch_color_item a:hover { text-decoration: none; color: #333; }
.select-taille { margin: 30px 0 0 0; }
.add_to_cart_title { color:#000; font-size:14px; padding:10px 0; }
.add_to_cart_title a { color:#333; text-decoration:underline; font-weight:bold; }
.add_to_cart_title a:hover { color:#00ba7b; }
select#size_selector { text-align:center;font:16px/25px 'AdobeCaslonProRegular', Georgia,serif; color:#333;float:right; }
.right-infos-produit { margin-top:14px;position:relative; }
#add_to_cart { cursor:pointer; margin-top:10px; background:#000; text-align:center; border:1px solid #000; color:#fdfdfd; text-transform:uppercase; font-size: 13px; padding: 0 10px; }
#add_to_cart:hover { background:#000000; }
.liens-fiche-produit { clear:both; padding-top:10px; text-align:right; margin-right:10px; }
.liens-fiche-produit a { margin-bottom:10px; font-size:12px; color:#555; text-decoration:underline; padding-left:20px; }
.liens-fiche-produit a.print { background:url(../img/picto-print.gif) 0 2px no-repeat; }
.liens-fiche-produit a.send { background:url(../img/picto-send.gif) 0 3px no-repeat; }
#add_to_cart,
#mailstock_fairedemande, div.mon-compte div.btn-mdp { border-radius: 2px; display : inline-block;border:1px solid #482882; background:#fff; transition:all .3s ease; cursor: pointer; text-align: center; color: #482882; text-transform: uppercase; line-height: 41px; height: 44px; margin: 30px 0; }
#add_to_cart:hover,
#mailstock_fairedemande:hover, div.mon-compte div.btn-mdp:hover { background:#482882; color:#fff ;}
.onglets-fiche-produit { float:left; width:100%; }
.onglets-fiche-produit .onglets { float:left; width:100%; border-bottom:3px solid #1f5190; }
.onglets-fiche-produit .onglets li { float:left; display:inline; }
.onglets-fiche-produit .onglets li a { display:block; height:17px; line-height:17px; text-align:center; font-size:1.2em; color:#fdfdfd; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; }
.onglets-fiche-produit .onglets li a:hover,
.onglets-fiche-produit .onglets li a.actif { text-decoration:none; background-position: 0 -17px; }
.onglets-fiche-produit .onglets li a.onglet-description { background-image:url(../img/bg-onglet-description.gif); width:97px; }
.onglets-fiche-produit .onglets li a.onglet-entretien { background-image:url(../img/bg-onglet-entretien.gif); width:98px; margin-left:1px; }
.onglets-fiche-produit .onglets li a.onglet-composition { background-image:url(../img/bg-onglet-composition.gif); width:98px; margin-left:1px; }
.onglets-fiche-produit .onglets li a.onglet-expedition { background-image:url(../img/bg-onglet-expedition.gif); width:97px; margin-left:1px; }
.onglets-fiche-produit .onglets li a.onglet-payement { background-image:url(../img/bg-onglet-expedition.gif); width:97px; margin-left:1px; }
.onglets-fiche-produit .onglets li a.onglet-commentaire { background-image:url(../img/bg-onglet-commentaire.gif); width:162px; margin-left:1px; }
.onglets-fiche-produit .content-onglets { clear:both; float:left; width:100%; min-height:20px; background:url(../img/bg-content-onglets.gif) bottom left no-repeat #fdfdfd; }
.onglets-fiche-produit .content-onglets div.text-onglet { display:none; padding:15px; text-align:justify; font-size:1.1em; color:#2a2a2a; line-height:1.6em; }
.onglets-fiche-produit .content-onglets div.actif { display: block; }
.onglets-fiche-produit .content-onglets div.actif h3 { text-align: center;font-size: 1.9em;color: #ccc; padding: 20px; }
.onglets-fiche-produit .content-onglets div.actif h4 { margin-top: 20px; margin-bottom: 0; clear:both; }
.onglets-fiche-produit .content-onglets div.actif h4.first { margin-top: 0px; }
.onglets-fiche-produit .content-onglets div.actif p { margin-bottom: 5px; margin-left: 20px; margin-right: 20px; }
.onglets-fiche-produit .content-onglets div.actif p.bold { font-weight: 700; }
.onglets-fiche-produit .content-onglets div.actif span { margin-top: 20px; display: block; }
.onglets-fiche-produit .content-onglets div.actif img { float: left; margin: 20px; }
.produits-consultes { display:block; }
.produits-consultes .titre { font-size:12px; color:#777; padding:5px 0; }
.produits-consultes a { display:block;width:240px;text-align: center; text-decoration: none; margin-bottom:20px; }
.produits-consultes a img { margin-bottom: 20px; }
.produits-consultes a span { display:none; }
.asso_designation { color: #080808; font-size: 18px; padding:0; text-transform: capitalize; }
.asso_couleur { color: #6F697C; font-size: 10px; margin-bottom: 20px; text-transform: uppercase; }
.right-bottom-produit { float:right; width:50%; }
.right-bottom-produit .titre { font-size:12px; color:#777; padding:5px 0; }
.right-bottom-produit .titre span { display:block; color:#777; font-weight:bold; }
.right-bottom-produit a { display: block; height: 80px; background: url(../img/bg-photo-cross-2.jpg) no-repeat right; padding:1px; color:#555; text-decoration: none; text-align: right }
.right-bottom-produit img { float:right; margin-left: 5px; width: 78px; height: 78px; }
.right-bottom-produit a span.designation { font-size: 14px; display: block; }
.right-bottom-produit a span.descriptif { font-size: 10px; display: block; height: 45px; overflow: hidden; }
.right-bottom-produit a span.prix { font-size: 18px; display: block; }
#back_to_catalogue { position:absolute; right:10px; text-align:right; top:0; }
#back_to_catalogue a,
#back_to_catalogue a:hover { font-size:12px; color:#555; }
.billing-infos { margin:0 auto; }
.others-pictures { width:130px; float:left; list-style: none; }
.wrapper_product .btn-retour a { font-size: 13px; color: #a7a7a7; }
.wrapper_product .btn-retour a:hover { text-decoration: none; color: #000; }
.mini-photo-product { float: left; display: inline; margin:0 0 10px 0; }
#product_matiere { display:inline-block; padding-left: 0; padding-right: 0; width: 100%; }
.product_marque_value,
.product_marque_value a,
.product_designation_value { display : inline-block; color : #666666; font-size: 18px; padding-bottom:10px; text-transform: uppercase; font-weight: bold; border-bottom : 1px solid #482882;}
.product_couleur_value,
.product_couleurLangue_value,
.product_descriptif_value { font-size: 13px; padding: 0 12px; margin-bottom: 5px; margin-right: 0; margin-top:5px;}
.product_descriptif_value { padding: 0; margin-top: 16px;}
#product_prix .price { color: #482882; font-size: 16px; margin: 5px 0 30px 0; display:inline-block; padding: 5px; border : 1px solid #e7e7e7;}
#size_selector { width: 100%; list-style:none; text-align: left; position:relative; }
#size_selector div.sizebox { border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 2px; background: #eeeeee; display: inline-block; min-width: 34px; height: 34px; line-height: 2.3; margin: 0 10px 5px 0; cursor: pointer; transition: all .3s ease; position: relative; text-align: center; padding: 0 5px; }
#size_selector div.size-selected { background: #482882;}
.size-selected .selectedStock {color :#fff !important;}
#size_selector div.stock:hover { border:1px solid #666; }
#size_selector .noselectedStock { color:#ccc; }
#size_selector .selectedStock { color:#000; }
.actifForArrowShow { visibility:visible; margin-bottom:3px; }
.actifForArrowHide { visibility:hidden; margin-bottom:3px; }
#gdt { position:absolute; right:0; top:10px; color:#555555; font-size: 14px; font-family: 'Conv_AvenirLTStd-Medium'; text-decoration:underline; }
#cms_gdt { padding:30px 20px 20px 20px; display:none; min-width:50%; width:50%; position:fixed; margin:0 auto; left:0; right:0; top:20%; background:white; z-index:1001; border:1px solid black; border-radius:2px; }
#cms_gdt i { position:absolute; right:5px; top:5px; cursor:pointer; }
#cms_gdt div { overflow-y:overlay; height:360px; }
.produit-livraison { font-weight: Bold; font-size: 15px; text-transform: uppercase; }
.product_cms p { font-size: 13px; }
.social-share { margin-top: 34px; padding-bottom: 10px; width: 100%; }
.social-share > span { display:block; }
.social-share a { text-decoration: none; height: 27px; display: inline-block; color:#482882 !important ; margin-right: 12px; font-size:20px; cursor: pointer; }
.social-share i.fa-facebook:hover { color: #3b5998; }
.social-share i.fa-twitter:hover { color: #1da1f2; }
.social-share i.fa-pinterest:hover { color: #bd081c; }
.social-share i.fa-google-plus-square:hover { color: #d6492e; }
.social-share i.fa-vimeo:hover { color: #1ab7ea; }
.social-share i.fa-instagram:hover { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #fbbc5f, #e84355, #cc1f9f, #6738e0); }
.social-share i.fa-envelope:hover { color: grey; }
.blank-infos{ font-family: Arial; font-size: 12px; text-transform: uppercase; color:#000; text-decoration: none; display:block; width: 100%; margin-top:30px; text-decoration:underline; }
.product_asso { width:100%; display: inline-block; margin-top:40px; }
.product_asso>h2 { padding: 5px 0; margin:30px 0; text-align:center; position:relative; text-transform:uppercase; font-size:.8em; letter-spacing:2px; }
.product_asso>h2 span { display: inline-block; padding: 10px 15px; width: 240px; text-align: center; background:#fff; border:1px solid #fff; z-index:1; font-family: 'Conv_AvenirLTStd-Black'; }
.product_asso>h2 hr { border:none; height:1px; position:absolute; width:100%; top:17px; background:#000; z-index:-1; }
.product_asso div.produits-consultes a img { width:100%; }
.product_looks { width:240px; display: inline-block; margin-right:13px; border:0px solid #eee; margin-bottom: 9px; }
.product-look:nth-child(5) { margin-right:0px; border:0px solid #eee; }
.look .designation { display:none; }
.look a.link { text-align: center;display: block;margin-bottom: 5px;color:#000; }
.product-look .look-product { width: 76px;float:left; }
.product-look .look-product .designation,
.product-look .look-product .couleur,
.product-look .look-product .link { display:none; }
.produits-consultes { width:240px; display: inline-block;margin-right:13px; border:0px solid #eee;margin-bottom: 9px; }
.produits-consultes:nth-child(5) { margin-right:0px; border:0px solid #eee; }
#product_detail { position: relative; padding: 30px; margin-left: 10px; border-left: 1px solid #eee; min-height : 90vh;}
#product_detail select { width:65%; margin-left:0; font-size: 12px; }
#services_right .accordeon .ui-widget-content { border: 0px; border-top: 1px solid #ccc; background: #eee; color: #666; text-align: justify; font-size:1.2em; height:auto !important; }
.ui-accordion-header { cursor: pointer; }
.accordeon2 .ui-state-default.ui-accordion-header-active.ui-state-active,
#services_right .accordeon .ui-state-default.ui-accordion-header-active.ui-state-active { border-bottom: none; }
.accordeon2 .ui-state-default,
.accordeon2 .ui-state-active { border: 0px ; font-weight: normal; background: #fff; font-size:1em; text-transform:uppercase; }
.accordeon2 .ui-widget-content,
#services_right .accordeon .ui-widget-content { border: 0px; background: #eee; color: #666; text-align: justify; font-size:1.2em; height:auto !important; }
.ui-widget { border: none !important; padding: 3px;}
.ui-widget-header { background: #482882; height : 2px !important; top: 2px !important;}
.ui-slider .ui-slider-handle { cursor: pointer; width: 15px; height: 15px; border : none; border-radius : 50%; background : #482882;}
/* ------------------------ FIN PAGE PRODUIT ------------------------ */
/* ------------------------ PAGE PANIER ------------------------ */
.table td, .table th { vertical-align: middle!important; }
.module_cart_content2 { padding : 10px ;background-color: #fff; max-width: 500px; width : 100%; position : relative; height : 100%; float : right;}
.module_cart_content2 table { margin-top:0; margin-bottom:0; }
/*.content-cart { clear:both; width:100%; margin:20px 0 5px 0; }*/
td.cart_quantity form { display: inline; }
input.cart_minus,
input.cart_plus { width: 10px; }
span.cart_quantity { border: 1px solid #b3b3b3; padding: 3px 12px; margin: 0 7px; }
.intro-total-cart { padding:10px 0 10px 0; font-size:11px; color:#555; text-transform:uppercase; text-align:center; display:none; }
.produits-non-dispos { text-align: center; width: 100%; margin-bottom:15px; font-size:11px; color:#f33; text-transform:uppercase; padding-left:17px; background:url(../img/puce-non-dispo.gif) 0 1px no-repeat; }
.coupons-reduction,
.giftcard-reduction { color:#555555; font-size:10px; text-align:right; text-transform:uppercase; display:block; margin-bottom:30px; }
.coupons-reduction span { text-transform:uppercase; }
span.avoirs-valides { font-size: 11px; color: #1f5190; padding-left: 41%; }
.coupons-reduction input.form-control,
.giftcard-reduction input.form-control { display: inline-block!important; height: 40px!important; margin-right: 30px; }
.coupons-reduction input[placeholder],
.giftcard-reduction input[placeholder] { font-size: 12px; }
.coupons-reduction input.valide-coupon,
.giftcard-reduction input.valide-coupon { font-size : 13px;cursor : pointer; margin-top : 10px; width : 100%; background: #f3f3f3; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 2px; padding: 10px ;text-transform: uppercase;line-height: 10px ;color: #999999; transition : all 0.5s ease; }
.coupons-reduction input.valide-coupon:hover,
.giftcard-reduction input.valide-coupon:hover { box-shadow: inset 0 0 1px #000; background: #482882; color : #fff;}
div.coupons-reduction div.encart-coupon,
div.giftcard-reduction div.encart-giftcard { margin: auto; text-align : left;}
div.coupons-reduction div.encart-coupon span,
div.giftcard-reduction div.encart-giftcard span { text-transform: none; font-size: 14px; font-weight: bold; }
#frais_port_panier { display:none; clear:both; padding:10px 10px 10px 0px; font-size:11px; color:#555; text-align:right; text-transform:uppercase; }
.cart_content_delete { position:relative; }
a.cart_delete_link { color: #000; font-size:20px; width:20px; height:20px; }
.cart-menu a.cart_delete_link:hover i { color: #bf3232 !important; transform: scale(1.2);}
.cart-menu a.cart_delete_link i { position: absolute; top: 5px; left: 90%; color: #48288280 !important; transition : all 0.5s ease;}
.cart-menu .odd { clear : both;}
/*===================================================================*/
/*==================== BOUTON COMMANDE VALIDE =======================*/
/*===================================================================*/
.boutons-commandes { margin-bottom: 90px; margin-top: 25px; width: 100%; }
.boutons-commandes-congrat { margin-bottom: 25px; margin-top: 25px; width: 100%; }
a.bt-valider-commande { border: 1px solid #482882; transition : all 0.5s ease; background: #482882; color: #fff; height: 40px; line-height: 40px; cursor: pointer; display: block; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: none; }
/*a.bt-valider-commande::before { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; background: -moz-linear-gradient(left, #482882 0%,#ffd800 45%,#482882 100%); background: -webkit-linear-gradient(left, #482882 0%,#ffd800 45%,#482882 100%); background: linear-gradient(to right, #482882 0%,#ffd800 45%,#482882 100%); height: 2px; transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; }
a.bt-valider-commande:hover::before,
a.bt-valider-commande:focus::before,
a.bt-valider-commande:active::before { right: 0; }*/
a.bt-valider-commande:hover,
a.bt-valider-commande:focus,
a.bt-valider-commande:active { background: #fff; color : #482882; }
a.bt-continuer-commande { background: #fff; color: #333; height: 40px; line-height: 40px; cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: underline; margin-left: 5px; }
a.bt-continuer-commande::before { content: ""; position: absolute; right: 0; left: 100%; bottom: 0; background: -moz-linear-gradient(left, #9e9e9e 0%, #333333 100%); background: -webkit-linear-gradient(left, #9e9e9e 0%,#333333 100%); background: linear-gradient(to right, #9e9e9e 0%,#333333 100%); height: 1px; transition-property: left; transition-duration: 0.3s; transition-timing-function: ease-out; }
a.bt-continuer-commande:hover::before,
a.bt-continuer-commande:focus::before,
a.bt-continuer-commande:active::before { left: 0; }
.content-cart .panier-vide { padding: 100px 0; margin: 30px 0 80px 0; border: 1px solid #d7d7d7; text-align : center;}
.content-cart .panier-vide i { color: #d2d2d2; font-size: 50px; margin-bottom: 40px; }
.content-cart .panier-vide h1 { font-size: 16px; border : none;}
#mailstock_fairedemande { line-height: 22px; }
.button-submit { background: #000; border: 1px solid #000; color: #FDFDFD; cursor: pointer; font-size: 13px; margin: 15px 0; text-align: center; text-transform: uppercase; padding: 0 10px; text-decoration: none; }
.module_cart_content table,
.module_cart_content2 table { color: #333; font-size: 14px; }
/*.module_cart_content table { width: auto;}*/
.module_cart_content2 table tbody { width : 100%; display : inline-block; }
p.name { font-weight: bold!important; }
div.voir-panier-menu { background-color: #fff; margin-top: 20px; position : relative; top : 0;}
a.btn-voir-panier { width : 100%; border: 1px solid #482882; transition: all 0.5s ease; background: #482882;color: #fff; height: 40px; line-height: 40px; cursor: pointer; display: inline-block;;font-size: 13px;text-align: center;text-transform: uppercase;position: relative;text-decoration: none; }
a.btn-voir-panier:hover { background: #fff; color: #482882; }
.lock-scroll { position : fixed; overflow-y: scroll;}
.error_stock {display : none;}
.module_cart_content2 tr { /*min-height: 350px;*/ float: left; width: 50% !important; border: 1px solid #eeeeee; padding: 5px;}
.module_cart_content2 table { display : inline-block; min-height : calc(100% - 60px);}
.module_cart_content2 .table td, .module_cart_content2 .table th { border-top: none; font-size: 15px; display: block; text-align: right; }
.module_cart_content h1 { border-bottom: 1px solid #e7e7e7; margin-bottom: 1.5em;}
.module_cart_content h1 span { margin-bottom: -1px; display: inline-block; color: #666666; font-size: 18px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #482882;}
.soustotal { margin : 25px 0; padding-bottom : 10px; border-bottom: 1px solid #e7e7e7; font-weight : bold;}
.soustotal p:first-child { display : inline-block; width : 65%; text-align : left;}
.soustotal p:nth-child(2) { display : inline-block; width : 33%; text-align : right;}
/* ------------------------ FIN PAGE PANIER ------------------------ */
/* ------------------------ LOGIN ------------------------ */
.login table { width:100%;}
/*.login { width:100%; background: #fff; padding : 0;}*/
.login .intro { font-size:13px; color:#555; height:50px; line-height:20px; }
.encart-global-login { padding-top : 50px; font-size: 13px; color: #727272; }
#other-infos { display: none; width:100%; margin-bottom:0; }
#other-infos input { height: 32px; }
#other-infos input#signupeur { height: 47px; }
#other-infos input[type=checkbox] { height: 12px; }
#other-infos .form-check-inline label,
.billing-infos .form-check-inline label{ margin-right: 10px !important; }
#other-infos input[type=radio],
.billing-infos input[type=radio] { height: 15px; width: 15px; }
.billing-infos input[type=radio] { margin-bottom: 8px !important; }
#other-infos select { font-size: 12px; }
#other-infos .text-left { padding-bottom: 5px; }
#encart-login-email input,
#encart-login-mdp input { height: 32px; }
.content-login { display:inline-block; vertical-align:top; padding-top:30px; position:relative; }
/*.content-login:nth-child(2) { height:auto; min-height:416px; }*/
.content-login h1, .titre-login h1 { font-weight: bold; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #482882;;display: inline-block;}
.content-login
.content-login h2 { color: #727272; display:inline-block; text-align:center; font-size:18px; text-transform: uppercase; border-bottom: 1px solid #482882; margin-top : 25px;}
.content-login label[for="livraison"] { margin: 0 auto; }
.content-login label[for="livraison"] input { width: 6%; }
.content-login label input { width: 100%; }
.titre-login { border-bottom: 1px solid #e7e7e7; text-align: left !important;}
.mdp-forgoten { display:none; }
.have-account, .have-no-account, .mdp-forgoten { border-radius : 2px ;min-height:350px; padding: 20px 20px 0 20px; border :1px solid #eeeeee /*box-shadow: 0 0 5px rgba(0,0,0, 0.1);*/}
.have-no-account {margin-left : 5px;}
.have-account h2,
.mdp-forgoten h2,
.have-no-account h2:nth-child(1) { margin :30px 0;}
/*.have-no-account>form>.row { min-height: 270px; display: flex;}
.have-no-account>form>.row>div { justify-content: center; display: flex;}
.have-no-account>form>.row>div>p { align-items: center; display: flex;}*/
/*.login_identification { padding: 15px 0 !important; }*/
.encart-elforgoter { margin:0 !important; }
a.elforgoter { color: #666; }
a.elforgoter:hover { color: #482882; }
.content-login label { display:block; text-align:left; margin:10px 0!important; color: #1d1d1d; }
.have-no-account label,
.have-no-account input,
.have-no-account select,
.have-no-account textarea { margin:5px 0!important; }
.texts-error { text-align: center; width: 85%; }
p.champs-obligatoires { text-align:right; }
p.observations-titre { width: 72%; text-align: center; margin-bottom: 10px; }
#accroche_account { width:80%; height:90px; margin:0 auto; background:rgba(255,255,255,.7); }
#accroche_account p { text-align:center; font-size: 1.3em; padding-top: 8px; }
.encart-login-email,
.encart-login-mdp { margin: 15px 0!important; }
/*.encart-login-mdp form { padding: 15px!important; }*/
/*.encart-btn-identification { margin: 15px 0!important; }*/
#header .isLeft input { vertical-align:top; }
select { width:52.5%; margin-left:15px; }
textarea { border: 1px solid #d4d4d4; width: calc(100% - 105px); height: 50px; }
#signupeur { text-align:right; height:47px; }
#newADDR { width:100%; margin-bottom:20px; }
.bt-creer-compte-2 { width:100%; margin-top: 5px; }
/*.submit,
.button-submit,
.bt-shipping-address input,
form.adrLivraison input.Button { background-color: #000; border: 1px solid #333; color: #fff; cursor: pointer; font-size: 12px; text-decoration: none; text-transform: uppercase; padding: 15px; transition: .2s; }*/
.submit,
.button-submit,
.bt-shipping-address input,
form.adrLivraison input.Button { border: 1px solid #482882;transition: all 0.5s ease;background: #482882;color: #fff; padding: 10px; cursor: pointer; font-size: 13px;text-align: center;text-transform: uppercase;position: relative;text-decoration: none;}
.bt-shipping-address input { width: 100%; z-index: 999;}
.bt-shipping-address { position: absolute; left: 102%; width: calc(100% / 3); bottom: 0; display: initial;}
.module_order_content { max-height : 50vh; overflow : auto;}
/*.button-submit:hover { border: 1px solid #333; background-color: #fff; color: #000; }*/
.button-submit:hover { color: #482882; background-color: #fff; }
/* ------------------------ FIN LOGIN ------------------------ */
/* ------------------------ LIGNE ETAPES ------------------------ */
/* ------------------------ Etapes compte ------------------------ */
.rubriques-etapes-compte { width: 100%; border: none; line-height: 30px; padding: 10px; cursor: pointer; font-weight: bold; color: #333; background-color: #fff; border: 1px solid #929292; }
.etapes-compte .etape { border-bottom: 1px solid #e7e7e7; margin-bottom: 5px; border-radius : 0;}
.etapes-compte i { transition : all 0.5s ease; font-size: 24px; color: #482882; margin-right: 10px; }
.etapes-compte a { transition : all 0.5s ease;padding: 10px; color: #482882; text-decoration: none; font-size: 13px; display:block; width:100%; height:100%; text-transform: uppercase; }
.etapes-compte .valid { color: #000; }
.etapes-compte .valid a { color: #000; }
.etapes-compte .valid i { color: #000; }
.etapes-compte a[href]:hover { color:#000; }
.etapes-compte .etape:hover i { color:#000; }
/*.etapes-compte div:last-child a:hover { background: #a8a8a8!important;color:#fff!important; }*/
/* ------------------------ ETAPES PANIER ------------------------ */
.etapes-panier { justify-content: flex-end; text-align:center; margin: 20px 0; }
.etapes-panier a:not([href]) { color: #888;}
.etapes-panier a:not([href]):hover { color: #888;}
/*.etapes-panier > div::after { content: ""; position: absolute; display: block; top: 25px; height: 0; width: 70%; border-bottom: 1px solid #cbcbcb; right: -35%; z-index: -1; }*/
.etapes-panier > div::after { content: "|";}
.etapes-panier > div:last-child::after { display:none; }
.etapes-panier a { padding: 10px; display: inline-block; color:#000; font-size: 12px; }
.etapes-panier a:hover { color : #482882;}
.etapes-panier .active a { color : #482882;}
.etapes-panier a:hover { text-decoration: none; }
.etapes-panier div.button-circle { width:50px; height:50px;background-color:#cbcbcb; margin: 0 auto; position:relative; border-radius: 50%; border: 3px solid #fff; box-shadow: 0px 0px 1px 1px #cbcbcb; }
.etapes-panier .active div.button-circle { background-color:#fb7a95; }
.etapes-panier a[href]:hover div.button-circle { background-color:#fb7a95; }
.etapes-panier div.button-circle span { position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%); color:#fff; }
div.etapes-panier p { margin-top: 8px; }
/* ------------------------ FIN ETAPES ------------------------ */
.module_order_payment input { width: 100%;box-shadow: 0px 0px 0px 1px #e6e6e6;border-radius: 4px;padding: 10px; transition: box-shadow 0.5s ease-in-out; }
.module_order_payment input:hover { box-shadow: 0px 0px 20px 3px #e6e6e6; transition: box-shadow 0.5s ease-in-out; }
.content-cart-paiement { margin:0 auto; padding:20px 0; color:#555; width:610px; color: #000; font-size: 12px; }
.content-cart-paiement .stitre { color: #000;font-size: 15px;text-transform: uppercase;width: 600px;margin: 0 auto 20px auto; }
.content-cart-paiement .degrade-stitre { font-size:12px; margin-top: 35px; }
.stitre { font-size:13px; text-transform:uppercase; color:#333; }
.content-cart-paiement .degrade-tab { margin-bottom: 30px; }
.order_content { width: 100%; font-size: 13px; color:#333; text-transform:uppercase; }
.titre span { margin-bottom: -1px; display: inline-block; color: #666666; font-size: 18px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #482882;}
.titre { border-bottom: 1px solid #e7e7e7; margin-bottom: 1.5em;}
.addrFacturation { margin-bottom: 15px; }
.ssl { font-size:14px; margin-bottom: 20px; }
table { border-collapse:collapse;margin-top:10px; margin-bottom:10px; }
.order_content tr { border-bottom : 1px solid #eeeeee;}
.order_content td { padding:10px 0; }
.order_content td:nth-child(2) { font-size:16px; text-align: right;}
.order_content tr:last-child { text-align: right; font-weight : bold; border-bottom: none;}
.order_content .total_a_payer td.order_price { font-weight: bold; }
.adresseC p { text-align: center; }
.adresseC img { width: 150px; }
.cgv_accepted p { font-size: 12px; }
.module_acceptCGV { text-align: right;font-size:14px; }
.module_acceptCGV input { margin-right: 10px; }
.module_acceptCGV a { color: #000; text-decoration: underline; }
.content-my-account .adresse .adresse_buttons a.suppr { display:block; }
/* ------------------------BREADCRUMB------------------------ */
#breadcrumb { z-index: 100; margin: 10px 0; display: inline-block;}
.breadcrumb { font-size: 13px;color:#000; padding:5px 0!important; background: none!important; display:inline!important; }
.breadcrumb > div { text-align: center!important; }
.module_breadcrumb { text-align: left; }
.breadcrumb a,
.breadcrumb a h1 { color: #a7a7a7; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: normal; margin: 0 7px; }
.breadcrumb a h1 { display:inline; font-size:11px !important; }
.breadcrumb a.separator3 { padding: 0;margin: 0 6px;margin: 0 5px 0 4px; }
.breadcrumb a:hover { text-decoration: none;color: #482882; }
/* ------------------------FIN BREADCRUMB------------------------ */
.catalogue_header { display: flex; width: 100%; margin: 10px auto;}
.catalogue_footer { display: flex; justify-content: end;}
.pagination-footer { margin: 30px 0 20px 0; }
.order_catalogue{ }
.order_catalogue .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent;border-bottom: 0; border-left: .3em solid transparent; position: relative; left: 115px;}
.order_catalogue .dropdown-menu { width : 100%;}
.dropdown-toggle::after { display : none;}
.order_catalogue > a { transition : all ease 0.5s; text-transform: lowercase;margin: 10px 0;cursor: pointer;padding: 6px;border: 1px solid #f3f3f3;border-radius: 5px;height: 30px;color: #666666;font-size: 14px;display: block;width: 200px;}
.order_catalogue > a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.pages_navigation { font-size: 12px; text-align: right; }
.pages_navigation a { padding-top: 8px; width:35px; height:35px; color: #482882 ; text-decoration:none; text-align:center; font-size:13px; }
.pages_navigation a:hover { color: #999999; }
.pages_navigation .current_color { color: #999999 ;}
.pages_navigation.desktop a.desktop { display: inline-block!important; }
.pages_navigation.desktop a.mobile { display: none !important; }
.nbr_prod_catalogue { display : none; color: #444; float: left; padding-top: 6px; font-size: 12px; text-transform: uppercase; }
.nbr_prod_catalogue a { color: #444; text-decoration: none; padding: 5px 8px 5px 5px; font-size: 13px; }
.nbr_prod_catalogue a:nth-child(1) { padding: 5px 8px 5px 0; }
.nbr_prod_catalogue a.noBG { background: 0 none; }
.nbr_prod_catalogue a:hover { text-decoration:underline; }
.nbr_prod_catalogue .actif { color:#000;text-decoration:underline; }
/*--- boutiques---*/
.boutique-list { font-size: 17px; margin-top: 70px; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-unstyled { font-size: 0.97em; }
.list-unstyled strong { font-weight: 500 !important;font-size: 18px; }
ul.list-unstyled li a.pull-right { font-weight: 500 !important; }
#map-canvas { height: 100%;width: 100%; }
.googlemap { margin-top:140px;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
.googlemap .ui-dialog-titlebar { display:none; }
.googlemap ,
.googlemap .ui-widget-content { padding:0 !important;background: transparent; }
.ui-widget-overlay { background: #000 !important; opacity: .5 !important; filter: Alpha(Opacity=60) !important; }
/*---------------------------- footer ) ----------------------------*/
#footer { font-size: 12px; height: 28px; width: 1000px; margin: 10px auto 10px auto; }
#footer ul { list-style-type: none; }
#footer li { margin-right: 20px; text-transform: uppercase; }
#footer li a { outline: none; text-decoration: none; color: black; }
#socialBtn { float: right; padding-top: 2px; }
#socialBtn li { display: inline; line-height: 24px; margin: 0 0 0 4px; }
#socialBtn li a { display: block; height: 24px; margin-left: 15px; }
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../img/progress.gif) no-repeat center center; display: none; }
/* ------------------------ COMPTE ------------------------ */
.order_step { clear:both; vertical-align:top; margin-top:60px; }
.order_step li { font-size:13px; margin-bottom: 4px; list-style: none; text-align:center;}
.order_step li a { color:#000; text-decoration:none; padding-left: 0; line-height:20px; font-size:15px; }
.order_step li a:hover { text-decoration:underline;}
.content-account { color:#000; text-align:center;width:100%; }
.con-tent-account input { background:#000; border:1px solid #000; color:#FFF; padding:2px 10px; text-transform:uppercase; float: right; cursor: pointer; }
.content-account input.updatebilling { margin-left: 30px; }
.content-account a { color: #FFF; }
.content-account table { text-align: left; }
.content-account table input { width:200px;}
.content-account table.billing-infos { font-family: Arial; font-size: 11px; color: #000; text-transform: uppercase; margin: 20px auto; }
.content-account table.billing-infos input { width:95%; }
.content-account table.billing-infos select { width:99%; }
.content-account table.billing-infos .submit { width:200px;padding:5px 20px;line-height: 18px;font-family: Arial; }
.content-account table select { width:200px;}
.content-shipping-addr .adresse { background: #fff; }
.liste-livraison { margin-top: 15px; border: 1px solid #eeeeee; padding: 10px 0; }
.bt-shipping-address { margin-top: 15px; text-align: right; }
.liste-livraison .form-check-input { position: static !important; margin-top: 0 !important; margin-left: 0 !important; }
.content-my-account .adresse { height:190px;margin-bottom: 50px; }
.content-my-account table input.createshippingaddress { background: #000; }
.content-my-account .titre-rubrique { font-size:15px; font-weight: bold; height:20px; clear:both; float: left; margin-top:10px; }
.content-my-account .titre-rubrique span { display:inline; }
.content-my-account .degrade.tab { background-position: left 20px; }
.content-my-account .tab td { font-size:12px; padding: 5px 0 9px 0; }
.content-my-account .tab .titres td { font-size:15px; font-weight: bold; height:20px; padding: 0; }
.content-my-account .orange { color :#1f5190 }
.shippBtn { float: left;width: 48%;margin: 15px 1% !important; }
.title_account_shipping { float:left; margin-top:10px; color: #555; font-size: 18px; }
.ui-widget { height: auto; margin : 15px 0; }
.ui-draggable .ui-dialog-titlebar { display: none;height: auto; }
/* ------------------------ NEW COMPTE ------------------------ */
div.mon-compte { padding-right: 0!important; }
div.mon-compte .compte_adr_facturation { padding-right: 0!important; }
div.mon-compte .titre-page, div.mon-compte .titre-adresse,
div.mon-compte .titre-adresse-fact,
div.mon-compte .titre-commande { font-weight: bold; padding: 10px; border-bottom: 1px solid #482882; display: inline-block; }
div.mon-compte .titre-page::after,
div.mon-compte .titre-adresse::after,
div.mon-compte .titre-adresse-fact::after,
div.mon-compte .titre-commande::after { width: calc(100% - 15px); border-bottom: 1px solid #eeeeee; position: absolute; left: 15px; top: 40px; content: ''; z-index : -1;}
div.mon-compte .encart-infos-compte { padding: 30px 15px;}
div.mon-compte .encart-infos-compte span.infos-compte-nom { font-weight: bold; color: #333; }
div.mon-compte button { padding:5px 0; }
div.mon-compte .btn { font-size: inherit!important; }
div.mon-compte button a { color: grey; }
div.mon-compte button a:hover { text-decoration: none; }
div.mon-compte i.fa-edit { color: grey; margin-right: 5px; }
/*div.mon-compte div.btn-mdp { background: #fb7a95; border: none; cursor: pointer; display: inline; padding: 12px!important; }*/
div.mon-compte div.btn-mdp i { color: inherit; }
div.mon-compte div.btn-mdp a { color: inherit ; font-size: 12px; text-transform: uppercase; padding: 12px!important; }
div.mon-compte div.btn-mdp a:hover { text-decoration: none; }
/* ------------------------ FIN COMPTE ------------------------ */
/* ------------------------ MOT DE PASSE ------------------------ */
div.mon-compte .change-password { font-size: 14px; }
div.mon-compte .change-password form input { font-size: 12px; height: 32px; margin: 5px 0 20px 0; }
div.mon-compte .change-password form input.valid-mdp { background: #000; color: #fff; font-size: 13px; cursor: pointer; text-align: center; text-transform: uppercase; height: 44px!important; padding: 0 20px; border: 1px solid #eeeeee; }
div.mon-compte .change-password form input.valid-mdp:hover { background: #fff; color: #000; border: 1px solid #000; }
/* ------------------------ FIN MOT DE PASSE ------------------------ */
/* ------------------------ ADRESSE COMPTE ------------------------ */
.module_my_account_shipping_address { width: 100%; }
div.mon-compte .fa-map-marker-alt { color: #333; font-size: 15px; margin-right: 10px; }
div.mon-compte .adresse p.adrlivraison { display: inline; }
div.mon-compte .adresse p.ville,
div.mon-compte .adresse p.pays { text-transform: uppercase; display: inline;}
/*div.mon-compte .titre-adresse { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; }*/
/*div.mon-compte .titre-adresse-fact { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; }*/
div.mon-compte .titre-adresse2,
div.shipping .titre-adresse2 { font-size: 14px; background: #fff; color: #333; padding: 10px; margin: 30px 0; }
div.mon-compte .titre-adresse2 input,
div.shipping .titre-adresse2 input { border: none; background: #fff; color: #333; cursor: pointer; text-align: left; }
div.mon-compte #add-address { display: none; margin-bottom: 40px; }
div.mon-compte #edit-address { margin-top: 30px; }
div.mon-compte #add-address input,
div.mon-compte #add-address select,
div.mon-compte #edit-address input,
div.mon-compte #edit-address select { height: 32px; margin: 5px 0 15px 0; }
div.mon-compte #add-address span,
div.mon-compte #edit-address span { font-size: 14px; }
div.mon-compte #add-address input[placeholder],
div.mon-compte #add-address select,
div.mon-compte #add-address input,
div.mon-compte #edit-address input[placeholder],
div.mon-compte #edit-address select,
div.mon-compte #edit-address input { font-size: 12px; }
div.mon-compte #btn-ajout-adresse { background: #000; color: #fff; font-size: 13px; cursor: pointer; text-align: center; text-transform: uppercase; height: 44px!important; padding: 0 10px; margin: 30px 0; border: 1px solid #fff; }
div.mon-compte #btn-ajout-adresse:hover { background: #fff; color: #000; border: 1px solid #000; }
div.mon-compte .adresse { margin: 10px auto; position: relative; padding: 10px 30px; height: 215px; border: 1px solid #eeeeee; font-size: 14px; min-width : 100% !important;}
/*div.mon-compte .adresse:nth-child(1) { border-top: 1px solid #eeeeee; }
div.mon-compte .adresse:nth-child(2) { border-top: 1px solid #eeeeee; }
div.mon-compte .adresse:nth-child(2n) { border-left: none;}*/
div.mon-compte .adresse_buttons { margin-top: 30px; position: absolute; bottom: 15px; }
div.mon-compte .adresse_buttons .edit { color: #333; padding-right: 15px; }
div.mon-compte .adresse_buttons .suppr { color: #333; }
div.mon-compte .adresse_buttons a.suppr:hover { color: #bf3232; text-decoration: none!important; }
div.mon-compte .adresse_buttons a.edit:hover { color: #bcbcbc; text-decoration: none!important; }
i.fa-trash-alt { color: grey; margin-right: 5px; }
i.fa-trash-alt:hover { color: #bf3232; }
.adresse p { color: #000;margin: 5px 0; }
.adresse p.adrlivraison { margin-bottom: 20px; font-weight: bold; color: #333; }
.adresse p.title { display:none; }
/* ------------------------ FIN ADRESSE COMPTE ------------------------ */
/* ------------------------ COMMANDE COMPTE ------------------------ */
div.mon-compte .titre-commande { font-size: 16px; color: #424242; font-weight: bold; padding: 10px; }
div.module_my_account_tracking { border: 1px solid #eeeeee; }
div.module_my_account_tracking div.encart-commande { padding: 20px 30px; color: #333; font-size: 14px; border-bottom: 1px solid #eeeeee; }
div.module_my_account_tracking div.encart-commande:last-child { border-bottom: none; }
div.module_my_account_tracking div.encart-commande .date { color: #fb7a95; font-weight: bold; }
div.module_my_account_tracking div.encart-commande span { font-weight: bold; }
div.module_my_account_tracking div.encart-commande p.contenu-vente { font-weight: bold; }
/* ------------------------ FIN COMMANDE COMPTE ------------------------ */
/* ------------------------ ADRESSE SHIPPING ------------------------ */
div.shipping .titre-shipping{ font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; margin-top: 20px!important; }
.addrConteneur-editor .adresse,
div.shipping .module_billing_recap .adresse,
div.shipping .module_billing_recap_order .adresse { padding: 10px 30px; height: 215px; border: 1px solid #eeeeee; font-size: 14px; position: relative; }
div.shipping .fa-map-marker-alt { color: #333; font-size: 15px; margin-right: 10px; }
div.shipping p.adrlivraison { display: inline; }
.adresse_buttons { margin-top: 15px; }
div.shipping div.adresse_buttons a { color: #333; padding-right: 15px; }
div.shipping div.adresse_buttons a:hover { color: #482882; }
.titre-adresse2 input:hover { color: #482882 !important;}
div.shipping .adresse_buttons a.suppr:hover { color: #bf3232; text-decoration: none!important; }
div.shipping i.fa-edit { color: grey; margin-right: 5px; }
div.shipping div.adresse_buttons i.fa-plus { color: grey; margin-right: 5px; }
/*.bt-shipping-address input { background: #000;font-size: 13px; padding: 12px 10px; margin:0 auto; }*/
.bt-shipping-address input:hover { background: #fff; color: #482882; }
.shipping_address select { margin-left:0; }
/*a.retour-shipping { font-size: 13px; padding: 10px 15px; text-transform: uppercase; background-color: #333; border: 1px solid #333; color: #fff; border-radius: 2px; cursor: pointer; float: right; transition: 0.2s; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); }
a.retour-shipping:hover { background-color: #fff; color: #333; text-decoration: none; }*/
.retour-shipping { display : none;}
.liste-livraison h3 { margin:20px 0 15px 0; }
.liste-livraison h4 { display:none; }
.liste-livraison .prix { margin-bottom: 5px; }
/* ------------------------ ETAPE DE MODIFICATION ADRESSE SHIPPING ------------------------ */
div.shipping p.ville,
div.shipping p.pays { display: inline; }
div.shipping .encart_adresse_buttons { margin-top: 30px; position: absolute; bottom: 15px; left: 0; width: 100%; padding: 0 30px; }
div.shipping div.encart_adresse_buttons div.adresse_buttons { margin-bottom: 20px; }
/*div.shipping .adresse .adresse_select_button form { background: #cbcbcb; width: 100%; }*/
div.shipping .adresse .adresse_select_button input { border: 1px solid #482882; transition: all 0.5s ease; background: #482882; color: #fff; height: 40px; line-height: 40px; cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: none;}
div.shipping .adresse .adresse_select_button input:hover { background: #fff; color : #482882; }
div.shipping .adressebis { height: 230px; }
.module_shipping_adress { margin-top: 40px; }
.module_shipping_adress form.adrLivraison input,
.module_shipping_adress form.adrLivraison select { height: 32px; margin: 4px 0 14px 0; font-size: 12px; }
.module_shipping_adress form.adrLivraison span,
.module_shipping_adress form.adrLivraison label { font-size: 14px; }
input.button-adr, button.button-adr {margin-bottom: 10px; border: 1px solid #482882; transition: all 0.5s ease; background: #fff; color: #482882; height: 40px; cursor: pointer; display: block; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: none; padding: 0 15px !important;}
input.button-adr:hover,
button.button-adr:hover { background-color: #482882; color: #fff; }
.linkAddrLivr a { background: #333;color:#fff;padding:10px;text-decoration: none; font-size: 16px; display: block; width: 100%; margin-top: 30px; }
#add-address-livr { display: none; }
div.shipping .addrConteneur-editor .adresse { border: 1px solid #eeeeee; border-top: none; }
div.shipping .addrConteneur-editor .adresse:nth-child(1) { border-top: 1px solid #eeeeee; }
div.shipping .addrConteneur-editor .adresse:nth-child(2) { border-top: 1px solid #eeeeee; }
div.shipping .addrConteneur-editor .adresse:nth-child(2n) { border-left: none; }
/* ------------------------ FIN ADRESSE SHIPPING ------------------------ */
/* ------------------------ ADRESSE BILLING ------------------------ */
/*div.mon-compte .adresse-fact { height: 180px!important; }*/
div.mon-compte div.adresse_buttons-modif-fact { position: absolute; bottom: 15px; }
div.mon-compte div.adresse_buttons-modif-fact input { border: none; background: transparent; cursor: pointer; }
div.mon-compte div.adresse_buttons-modif-fact input:hover { color: #482882; }
div.mon-compte .modif-adresse-fact { display: none!important; }
div.mon-compte form.adresse_factu input { height: 32px; font-size: 12px; margin: 5px 0 15px 0; }
div.mon-compte form.adresse_factu span,
div.mon-compte form.adresse_factu label { font-size: 14px; }
div a.bt-billing-address { margin-left : 15px;border: 1px solid #482882; transition: all 0.5s ease; background: #482882; color: #fff; height: 40px; line-height: 40px; cursor: pointer; display: block; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: none;}
div a.bt-billing-address:hover { background: #fff; color: #482882; }
/* ------------------------ FIN ADRESSE BILLING ------------------------ */
.order_cart_content { padding: 10px 30px; border: 1px solid #eeeeee; font-size: 14px; margin-bottom: 15px; }
/* ------------------------ BOUTIQUE ------------------------ */
.title_boutique { margin: 44px 0 16px 0; font-size: 16px; background-color: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; }
.boutique-content { height: 65vh; overflow: hidden; /*box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.3);*/ }
.groupe-boutique { padding: 10px; margin-right: 10px; font-size: 15px; }
.groupe-boutique i { margin-right: 10px; }
.encart-boutique-item { position: relative; margin: 20px 10px 20px 0; padding: 30px 10px; font-size: 13px; border: 1px solid #ccc; height: 200px; }
.nom-point-vente { display: inline-block; font-size: 16px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.tel-boutique { font-weight: bold; }
.boutique_selected { border: 1px solid #ccc; background-color: #f5f5f5; box-shadow: 0 7px 17px -1px rgba(0,0,0,0.2); }
.boutique-content .mCSB_inside > .mCSB_container {margin-right: 10px!important;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
/***************** Nous contacter start***************************/
.nouscontacter { margin:20px 0 50px 0; }
.nouscontacter .formulaire { width:400px; display:inline-block; vertical-align:top; margin-right:50px; }
.nouscontacter .formulaire h2 { margin:0px 0 10px 0; font-size:1.5em; width:100%; }
.nouscontacter .formulaire input[type=text],
.nouscontacter .formulaire input[type=password],
.nouscontacter .formulaire select,
.nouscontacter .formulaire .form-textbox { margin:0; padding:0; height:inherit; padding:2%; width:96%; }
.nouscontacter .formulaire textarea { width:96%; padding:2%; }
.nouscontacter .formulaire > div { display:inline-block; margin:10px 0; width:100%; }
.nouscontacter > div label { display: block; padding-bottom:5px; }
.nouscontacter .formulaire .button-submit { display:inline-block; margin:0; }
.newsLImg { float:right; width:500px; }
.nouscontacter .contact-img { display:inline-block; padding-left:50px; border-left:1px solid rgba(0,0,0,.2); vertical-align:top; }
.nouscontacter #submitMessage { float:right; }
/***************** Nous contacter end***************************/
.adresseProvisoire { font-size:10px; padding:5px 0px 5px 0px; border: 1px solid rgba(0,0,0,.2); display:block; margin: 10px; }
.noAdresseProvisoire { display:block; margin: 10px; padding:4px 0px; }
.switch_color_cont { clear: both; w-idth: 100%; h-eight: 150px; }
/* ---- tab page produit --- */
#onglets { height:130px; width:100%; }
#onglets .ls-nav { overflow:initial; }
#onglets .ls-nav a:hover { background: #f2f2f2; color: #333333; text-shadow: none; }
#onglets .liquid-slider { background: #fff; border-top :1px #d8d8d8 solid; margin-top: -2px; z-index: -1; }
#onglets .ls-nav ul li a { display: block; float: left; text-decoration: none; }
#onglets .ls-nav a { border:1px #fff solid; border-bottom:1px #d8d8d8 solid; background: #fff; color: #333333; margin-right: 1px; padding: 10px 15px; outline: 0; font-size:12px; }
#onglets .ls-nav .current { border :1px #d8d8d8 solid; border-bottom :none; }
#onglets .panel-wrapper { padding: 15px 15px; }
/* ------------------------ NAVIGATION ------------------------ */
.cart-menu { height: 0; overflow:hidden; transition: all ease 0.5s; position: fixed; right: 0; z-index:10000 !important; background : rgba(0, 0, 0, 0.5); width :100%; visibility : hidden; top: 90px;}
.cart-menu-open { height : calc(100% - 90px); visibility : visible;}
.content { min-height: 30vh; max-height: 65vh; }
.cart-menu .cart_price { text-align: right; }
.cart-menu .cart_total_line { display: flex; width: 98% !important; justify-content: end; clear: both; min-height: auto;}
.module_cart_content2 .cart_total { text-align: right; }
#search_box { text-align: right; padding-top: 40px; }
#search_query { font-size: 14px; }
.slide { width: 140px!important; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
#nav-principal form .boutonrecherche { color: #000; border: none; background: none; text-transform: uppercase; padding-right: 0px; font-size: 12px; font-weight: normal; cursor:pointer; outline:none; padding-left: 0px; height: 32px; }
.rechercherTitle { text-transform:uppercase; font-family: 'Conv_AvenirLTStd-Medium'; font-size:12px; display: inline-block; vertical-align: bottom; }
input:focus { outline:none; }
#search_submit { position: absolute; top: 50%; right: 14px; width: 18px; color: grey; transform: translateY(-50%); cursor: pointer;}
.navbar-nav li a:hover { background-color: none; }
.search_bar form,
.search_bar form input[type="text"] { width: 100%; }
.search_bar { width: 80% !important; position: relative; margin: 10px auto !important; height: 10px; display: inline-block;}
.menu_filter_mobile { display: none; }
.module_mobile_menu012 button { border: none; text-transform: uppercase; background: transparent; cursor: pointer; border-bottom : 1px solid #482882;}
.sidebare { resize: horizontal; position: fixed; height : 100vh; background: rgb(255, 255, 255) none repeat scroll 0% 0%; top: 0; left: -100%; overflow: auto; padding : 25px 10px; box-shadow: 0 0 6px #00000030; width: 100%; visibility: hidden; transition: all ease 0.5s; z-index: 9999; max-width : 300px;}
.closeSidebare { width: 20px;height: 20px; position: absolute;top: 5px; left: calc(100% - 35px); font-size: 25px;color: #482882; transition: all ease 0.5s;}
/* ------------------------ FIN NAVIGATION ------------------------ */
/*
* Lookbook
*/
.ls-responsive .ls-nav-left a, .ls-responsive .ls-nav-right a { background: #fff !important; color:#000 !important; }
.ls-responsive .ls-nav-left a:hover, .ls-responsive .ls-nav-right a:hover { background: #9A9A9A !important; opacity:.5 !important; }
.acc-gauche a:hover, .acc-droite a:hover { text-decoration:none; }
#accueil{
height:100%;
width:100%;
}
.product_matiere_value { font-size:14px; text-transform:Capitalize; }
/* ------------------------ EN NOUVEAUTE ACCUEIL------------------------ */
div.module_catalogue_en_nouveaute h2, .module_catalogue_en_promotion h2 { margin-bottom: -1px; text-align: left; color: #666666; font-size: 18px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #eee;}
div.module_catalogue_en_nouveaute h2:after, .module_catalogue_en_promotion h2:after { content: ''; width: 200px;background: #482882;display: block;height: 1px;top: 6px;position: relative;}
div.module_catalogue_en_nouveaute p.designation, .module_catalogue_en_promotion .designation { display: inline-block; width : 65% ;margin-left : 10px; font-weight: bold; line-height : 75px; }
/*div.module_catalogue_en_nouveaute p.prix, .module_catalogue_en_nouveaute .price span, .module_catalogue_en_nouveaute .price_barre span, .module_catalogue_en_nouveaute.prix-barre span { color: #6e6e6e; width: 30%; display: inline-block; position: absolute; top: 0px; right: 0px; text-align: center; border-left: 1px solid #eee; padding: 8% 0;height: 115px; }
*/
div.module_catalogue_en_nouveaute .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0; transition: .9s ease; background-color: #fff; border: 1px solid #9c9c9c; display : none;}
div.module_catalogue_en_nouveaute .product:hover .overlay { opacity: 0.8; cursor: pointer; }
div.module_catalogue_en_nouveaute .voirplus { display : none;height: 40px; text-transform: uppercase; font-size: 13px; padding: 10px 20px; background: #333; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .9s ease; }
div.module_catalogue_en_nouveaute .product:hover .voirplus { opacity: 1; cursor: pointer; }
.enNouveaute .product a.laremise { display: block; }
.enNouveaute .product img.photo1 { display: block; }
div.module_catalogue_en_nouveaute div.product div.price, div.module_catalogue_en_promotion div.product div.price { width: 30%; font-size: 10pt; height: 75px; position: absolute; border-left: 1px solid #eee; text-align: center; display: grid; align-items: center; top: 0; right: 0;}
/*div.module_catalogue_en_nouveaute div.picture { border: 1px solid #dedede; padding: 55px 5px; position: relative; }*/
.module_catalogue_en_nouveaute img {width: 100% !important; height: auto !important;}
.module_catalogue_en_nouveaute .product, .module_catalogue_en_promotion .product { overflow: hidden; position: relative; border: 1px solid #eeeeee; margin: 0 25px;}
.module_catalogue_en_nouveaute .price_barre { position : relative ; display : initial; top : 0%;}
.module_catalogue_en_nouveaute .contenu, .module_catalogue_en_promotion .contenu { border-top: 1px solid #eeeeee; position: relative; padding-bottom: 10px; text-align: left !important; height : 75px; }
.module_catalogue_en_nouveaute .row > div, .module_catalogue_en_promotion .row > div { margin-bottom: calc(5% + 15px);}
.module_catalogue_en_nouveaute .row > div .product, .module_catalogue_en_promotion .row > div .product { transition : all 0.2s ease;}
.module_catalogue_en_nouveaute .row > div .product:hover, .module_catalogue_en_promotion .row > div .product:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
/* ------------------------ FIN EN NOUVEAUTE------------------------ */
/* ------------------------ EN PROMOTION ACCUEIL------------------------ */
/*div.module_catalogue_en_promotion h2 { padding: 10px; font-size: 18px; text-transform: uppercase; color: #6e6e6e; letter-spacing: 2px; background-image: url("../img/motif2.jpg");}*/
div.module_catalogue_en_promotion .prix-barre { color: #6e6e6e; text-decoration: line-through; font-size: 13px; }
div.module_catalogue_en_promotion .overlay { display : none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0; transition: .9s ease; background-color: #fff; border: 1px solid #9c9c9c; }
div.module_catalogue_en_promotion .product:hover .overlay { opacity: 0.8; cursor: pointer; }
div.module_catalogue_en_promotion .voirplus { display : none; height: 40px; text-transform: uppercase; font-size: 13px; padding: 10px 20px; background: #333; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .9s ease; }
div.module_catalogue_en_promotion .product:hover .voirplus { opacity: 1; cursor: pointer; }
.enPromotion .product a { display: block; }
.enPromotion .product img.photo1 { display: block; }
/*div.module_catalogue_en_promotion div.picture { overflow : hidden; border:1px solid #dedede; padding: 55px 5px; position: relative; }*/
/* ------------------------ FIN EN PROMOTION ------------------------ */
/* ------------------------ NEWSLETTER ------------------------ */
.newsletter label { padding: 10px 0; }
.title_newsletter { margin: 70px 0 30px 0; font-size: 15px; text-align: center; background-color: #000; color: #fff; padding: 10px; }
.fc_fm { margin-top: 10px; height: auto; }
.fc_fm .submit { font-size: 12px; padding: 12px; margin: 10px 0; border: 1px solid #000; }
.fc_fm .submit:hover { background-color: #fff; color: #000; }
.inscr, .desinscr { display : initial;}
input[type="text"], input[type="password"], input[type="email" ], .fc_fm input[type="submit"] { transition : all ease 0.5s ;font-size : 12px ; max-width: 100%; background: #ffffff; color: #999999; outline: none; border: 1px solid #eeeeee ;padding: 7px 10px ;width: 100%; display: block;}
input[type="text"]::placeholder { color: #999999;}
.fc_fm input[type="submit"] {cursor : pointer ; text-transform: uppercase; border: none; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 2px; background: #eeeeee; line-height: 1em;}
input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus,
input[type="password"]:hover ,input[type="password"]:active,input[type="password"]:focus,
input[type="email" ]:hover, input[type="email" ]:focus, input[type="email" ]:active {box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.fc_fm input[type="submit"]:hover { background : #482882; color : #fff;}
/* ----------------------CONTACT---------------------- */
#contact { padding: 100px 90px 0 0; }
#contact h3 { margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; }
#contact h4 { margin: 10px 0 30px 0; font-size: 16px; color: grey; font-style: italic; text-align: center; }
#contact h5 { margin: 10px 0 30px 0; font-size: 16px; color: #555; font-weight: bold; }
#contact p { margin: 0 0 20px 0; }
#contact .form-control { border-radius: 0; }
#contact textarea { resize: none; }
#contact .btn { padding: 10px 20px; background-color: #333; color: #f1f1f1; border-radius: 0; transition: .2s; }
#contact .btn:hover, .btn:focus { border: 1px solid #333; background-color: #fff; color: #000; }
/* ----------------------SERVICES---------------------- */
#services{ padding: 70px 50px; }
#services h2{ margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; }
#services h4{ font-weight: bold; padding: 10px 0 30px 0; }
#services .img-services{ width: 60px; }
/************ New Bottom start************** 2015-03-06 */
.wrapper { width:1000px; margin:0 auto; }
/************ Services Eboutique start ************* 2015-03-09 */
.blue{
color:blue;
}
.blue:hover{
text-decoration:underline;
}
#services_left, #services_right{
display:inline-block;
vertical-align:top;
}
#services_left{
width:40%;
margin-right:2%;
}
#services_left img{
width:100%;
}
#services_right{
width:55%;
}
#services_right .titleService{
padding:25px 5px;
font-size:1.5em;
color: #222;
border-bottom: 1px solid #ccc;
}
.accordeon2 h3{
font-size:.7em;
color:#000;
}
.accordeon2 .ui-state-default .ui-icon,
.accordeon2 .ui-state-active .ui-icon,
#services_right .accordeon .ui-state-default .ui-icon,
#services_right .accordeon .ui-state-active .ui-icon{
/*display:none !important;*/
position:absolute;
right:20px;
/*background-image:url(../img/ui-icons_222_512x480_2.png);*/
background-image:url(../img/Fleche_description_composition.png);
width:10px;
height:5px;
}
.accordeon2 .ui-state-default .ui-icon,
.accordeon2 .ui-state-active .ui-icon{
top: 13px;
display:none;
}
.accordeon2 .ui-state-default,
.accordeon2 .ui-state-active{
border: 0px ;
font-weight: normal;
/*padding:25px 5px;*/
background: #fff;
font-size:1em;
text-transform:uppercase;
}
#services_right .accordeon .ui-state-default,
#services_right .accordeon .ui-state-active{
border: 0px ;
font-weight: normal;
color: #666;
padding:25px 5px;
background: #fff;
font-size:1.7em;
}
.accordeon2 .ui-state-default,
#services_right .accordeon .ui-state-default{
border-bottom: 1px solid #ccc;
}
#services_right .accordeon .ui-state-active{
}
.accordeon2 .ui-widget-content,
#services_right .accordeon .ui-widget-content{
border: 0px;
border-top: 1px solid #ccc;
background: #eee;
color: #666;
text-align: justify;
font-size:1.2em;
}
.accordeon2 .ui-widget-content{
background: none;
}
.accordeon2 .ui-icon-triangle-1-e,
#services_right .ui-icon-triangle-1-e {
background-position: 0px -4px;
}
.accordeon2 .ui-icon-triangle-1-s,
#services_right .ui-icon-triangle-1-s {
background-position: 0px 0px;
}
.retourEchangeImg{
width:100%;
}
.mapRetraitBoutique{
border:1px solid rgba(0,0,0,.2);
}
/************ Services Eboutique end ************** 2015-03-09 */
.vente_privee {color:red !important}
#cboxWrapper{
height: 547px !important;
width: 504px !important;
}
#cboxLoadedContent{
border: 1px solid #c2c2c2 !important;
}
#cboxClose{
background: url(/themes/lola/img/croix.png) no-repeat top center !important;
top: 10px !important;
right: 0px !important;
}
.ui-accordion .ui-accordion-content{
padding:1em 2.2em 1em 0 !important;
}
#accueil .slider-wrapper .cms:nth-child(2){display:none;}
.mobile-acc { display:none; }
.mobile { display:none !important; }
.mobile2 { display:none !important; }
.desktop { display:block !important; }
.content-my-account.desktop{display: inline-block !important;}
footer #NfooterBottom>div:first-child>a{display:none;}
.asenine.title span.module_letitredemapage { display: none; width: 100%; text-align: center; font-size: 16px; padding: 20px 0; }
.content_slide { display:none; }
li.module_account_summary { max-width: 144px;text-align: center; }
div.module_cart_summary_link { cursor: pointer; width : 100% ; height : 100%;}
.content-cart-box { display: inline-block; position:relative; }
.miniPanierTxt { display: none; }
div.module_my_account_step { display:inline-block; }
ul.langues li.langue { list-style-type: none; display: inline-block; padding: 0 5px; }
.langues { display : inline-block;}
.module_cart_content2 .cart_delete_img2 { display: none; }
/*--------------------------------------------------------*/
/*------------------- RETRAIT MAGASIN --------------------*/
/*--------------------------------------------------------*/
.titre_retrait_magasin { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; margin-top:20px;}
.magasin_box { display:flex; flex-wrap:nowrap; justify-content:space-between; font-size: 13px;}
.nom_magasin { padding:10px; /*background-color: #f5f5f5;*/ border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; transition: background-color 0.2s;}
.nom_magasin:nth-child(1) { border-top: 1px solid #dedede; }
.nom_magasin:hover { background-color: #f5f5f5; cursor: pointer; transition: background-color 0.2s; }
.nom_magasin.open { background-color: #482882; }
.descriptif_magasin { background-color: #f5f5f5; border-left: 1px solid #dedede; border-right: 1px solid #dedede; overflow: hidden; max-height:0; transition: max-height 0.2s ease;}
.descriptif_magasin.open { border-bottom: 1px solid #dedede; max-height:100%; transition: max-height 0.4s ease;}
.descriptif_magasin p { padding: 0 10px; }
.descriptif_magasin p:first-child { margin-top:10px; }
.descriptif_magasin p:last-child { margin-bottom:10px; }
.box_select_magasin { text-align: right; margin: 10px;}
.box_select_magasin input { color: #fff; padding: 5px; border: 1px solid #000; background-color: #000; display: inline-block; text-decoration: none; transition: all 0.2s;cursor:pointer; }
.box_select_magasin input:hover { color: #000; background-color: #fff; transition: all 0.2s; }
#widget-container {height: 100%!important;}
div#colissimo-container .colissimo_widget_h340 { height: 500px!important; }
div#colissimo-container .pre-scrollable { max-height: 500px!important; }