@font-face{
font-family:'Gotham Book';
src:url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.woff2') format('woff2');
font-weight:normal;
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Gotham Bold';
src:url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.woff2') format('woff2');
font-weight:normal;
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Gotham BoldItalic';
src:url('../fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BoldItalic.woff') format('woff'), url('../fonts/Gotham-BoldItalic.woff2') format('woff2');
font-weight:normal;
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Josefin';
src:url('../fonts/JosefinSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/JosefinSans-Light.woff') format('woff'), url('../fonts/JosefinSans-Light.woff2') format('woff2');
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Josefin Italic';
src:url('../fonts/JosefinSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/JosefinSans-LightItalic.woff') format('woff'), url('../fonts/JosefinSans-LightItalic.woff2') format('woff2');
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Josefin SemiBold';
src:url('../fonts/JosefinSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/JosefinSans-SemiBold.woff') format('woff'), url('../fonts/JosefinSans-SemiBold.woff2') format('woff2');
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Josefin SemiBoldItalic';
src:url('../fonts/JosefinSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/JosefinSans-SemiBoldItalic.woff') format('woff'), url('../fonts/JosefinSans-SemiBoldItalic.woff2') format('woff2');
font-style:normal;
font-stretch:normal;
font-display:swap;
}

@font-face{
font-family:'Love';
src:url('../fonts/Love-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Love-Regular.woff') format('woff'), url('../fonts/Love-Regular.woff2') format('woff2');
font-weight:normal;
font-style:normal;
font-stretch:normal;
font-display:swap;
}

/**************************************************************/
/***************************GENERAL***************************/
/************************************************************/
*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;
outline:none;
padding:0;
}

html, body{overflow-x:hidden;}

body{
background-color:#FFF;
color:#000;
font-family:'Josefin', sans-serif, Georgia;
font-size:25px;
-webkit-font-smoothing:antialiased;
margin:0 auto;
max-width:1920px;
position:relative;
-webkit-text-size-adjust:100%;
width:100%;
z-index:1;
}

p{display:block;}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=file], input[type=password], button, select, textarea{
-webkit-appearance:none;
appearance:none;
background:transparent;
border:none;
box-shadow:none;
color:#000;
font-family:Georgia, serif;
font-size:15px;
}

input:focus::placeholder, input:focus::-ms-input-placeholder, input:focus::-webkit-input-placeholder, input:focus::-moz-placeholder{color:#000;}

textarea:focus::placeholder, textarea:focus::-ms-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:focus::-moz-placeholder{color:transparent;}

textarea{
border:none;
resize:none;
}

::-webkit-input-placeholder{
color:#000;
font-family:Georgia, serif;
font-size:15px;
opacity:1;
}

:-moz-placeholder{
color:#000;
font-family:Georgia, serif;
font-size:15px;
opacity:1;
}

::-moz-placeholder{
color:#000;
font-family:Georgia, serif;
font-size:15px;
opacity:1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{
color:#000;
font-family:Georgia, serif;
font-size:15px;
opacity:1;
}

button, a{cursor:pointer;}

button{
background:transparent;
border:none;
outline:none;
-webkit-tap-highlight-color:transparent !important;
}

a, a:hover{
color:inherit;
outline:none;
-webkit-tap-highlight-color:transparent !important;
text-decoration:none;
}

video{
height:auto;
max-width:100%;
}

table{border-collapse:collapse;}

img{
border:none;
display:block;
max-width:100%;
}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
display:block;
font-size:inherit;
font-weight:normal;
}

address{
font-style:normal;
text-decoration:none;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time{display:block;}

sup, sub{
font-size:10px;
line-height:10px;
text-transform:none;
}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}

input{
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
border-radius:0;
}

strong{
font-family:'Gotham Bold', sans-serif;
font-weight:normal;
}

.hidden{display:none !important;}

.field{
display:block;
padding:8px 0;
position:relative;
width:100%;
}

.field.text{height:auto;}

.field.half{
display:inline-block;
vertical-align:bottom;
width:calc(50% - 4px);
}

.field.half:nth-child(odd){padding-left:7px;}

.field.half:nth-child(even){padding-right:7px;}

.field-label{
display:block;
font-size:15px;
line-height:16px;
transform:translateY(24px);
transform-origin:0 50%;
transition:transform 0.3s;
}

.field-label.checkbox{
padding:15px 0 15px 15px;
position:relative;
transform:none;
}

label.checkbox, label.radio{
background:url(../img/checkbox_off.png) no-repeat left center;
background-size:16px auto;
cursor:pointer;
display:inline-block;
font-family:'Josefin SemiBold';
font-size:11px;
letter-spacing:1px;
min-height:16px;
padding-left:25px;
padding-top:5px;
text-transform:uppercase;
}

label.checkbox.active, label.radio.active{background-image:url(../img/checkbox_on.png);}

.field-input{line-height:20px;}

textarea.field-input{height:200px;}

.field .field-input{
border-bottom:1px solid #B2B2B2;
color:#FFF;
line-height:16px;
padding:8px 0;
width:100%;
}

.is-focused .field-label{
font-size:12px;
transform:none;
}

.field.file{
white-space:nowrap;
padding-left:30px;
background:url(../img/download.png) no-repeat left center;
background-size:13px auto;
cursor:pointer;
margin:20px 0;
}

.field.file span{
display:block;
max-width:100%;
text-overflow:ellipsis;
overflow:hidden;
text-decoration:underline;
cursor:pointer;
font-family:'Josefin Italic', sans-serif;
font-size:15px;
line-height:16px;
}

.field.file input[type="file"]{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
z-index:50;
margin:0;
padding:0;
}

.field.file.err span{color:#CA1820;}

/*************************POPIN********************/
#bg_popform, #popform, #bg_lightboxes, #lightboxes{
display:none;
position:fixed;
}

#bg_popform, #bg_lightboxes{
background-color:rgba(0, 0, 0, 0.8);
cursor:pointer;
height:100%;
left:0;
top:0;
width:100%;
z-index:7000;
}

#popform, #lightboxes{
background-color:#FFF;
left:50%;
max-height:90%;
max-width:90%;
overflow:auto;
padding:50px;
top:50%;
transform:translate(-50%, -50%);
width:800px;
z-index:7500;
}

#lightboxes{width:1200px;}

#popform > .close, #lightboxes > .close{
background:url(../img/menu_close.png) no-repeat center center;
background-size:100% auto;
cursor:pointer;
display:block;
height:18px;
position:absolute;
right:20px;
top:20px;
width:18px;
z-index:200;
}

main{padding-top:150px;}

main#catalogue, main#produit{padding-bottom:60px;}

.btn{
border:1px solid;
padding:16px;
}

.ckeditor{
font-family:'Josefin', sans-serif;
font-size:15px;
line-height:25px;
}

.ckeditor > h3{
font-family:'Gotham Bold', sans-serif;
font-size:15px;
letter-spacing:1px;
text-transform:uppercase;
}

.ckeditor > .subtitle{
font-family:'Gotham Bold', sans-serif;
font-size:16px;
letter-spacing:1px;
padding-bottom:10px;
text-transform:uppercase;
}

/**************************************************************/
/****************************HEADER***************************/
/***************************FOOTER***************************/
/***********************************************************/
#header{
align-items:center;
background-color:#FFF;
display:flex;
align-items:center;
left:0;
padding:60px 50px;
position:fixed;
top:0;
transition:all 0.5s;
width:100%;
z-index:1000;
}

#header.index{border-bottom:none;}

#header.fixed{
-moz-box-shadow:0px 10px 19px -18px rgba(0, 0, 0, 0.67);
-webkit-box-shadow:0px 10px 19px -18px rgba(0, 0, 0, 0.67);
box-shadow:0px 10px 19px -18px rgba(0, 0, 0, 0.67);
padding:30px 50px;
}

#header > .logo{width:250px;}

#header > .logo span.de, #footer .logo p span.de{font-size:25px !important;}

#header > .navHeader{
align-items:center;
display:flex;
flex-flow:row nowrap;
justify-content:flex-end;
width:calc(100% - 255px);
}

#header > .navHeader .navigation{padding:0 30px 0 0;}

#header > .navHeader .navigation a + a{margin-left:20px;}

#header > .navHeader .navigation a{
font-family:'Gotham Bold', sans-serif;
font-size:12px;
letter-spacing:1px;
overflow:hidden;
padding-bottom:5px;
position:relative;
text-transform:uppercase;
}

#header > .navHeader .navigation a.collection{
color:#F2C665;
margin-right:20px;
}

#header > .navHeader .navigation a::after, #header > .navHeader .navigation a.collection > span{
background:#000;
bottom:-2px;
content:'';
height:1px;
position:absolute;
right:0;
transition:all 0.5s ease-in-out;
width:0;
}

#header > .navHeader .navigation a.collection::after{display:none}

#header > .navHeader .navigation a.active::after, #header > .navHeader .navigation a.collection.active > span{width:100%;}

#header > .navHeader .navigation a:hover::after, #header > .navHeader .navigation a:hover > span{
left:0;
right:initial;
width:100%;
}

#header > .navHeader .pictos{
align-items:center;
display:flex;
flex-flow:row nowrap;
}

#header > .navHeader .pictos li.wishlist .pic{
background:url("../img/icons/wish_head.png");
background-repeat:no-repeat;
background-size:cover;
}

#header > .navHeader .pictos li.wishlist.on .pic{
background:url("../img/icons/wish_active.png");
background-repeat:no-repeat;
background-size:cover;
}

#header > .navHeader .pictos li.panier.disabled{cursor:auto;}

#header > .navHeader .pic{
background-repeat:no-repeat;
background-size:100% 100%;
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

#header > .navHeader .pictos{
position:relative;
z-index:800;
}

#header > .navHeader .pictos li + li{padding-left:20px;}

#header > .navHeader .pictos li > a, #header > .navHeader .pictos li > div{
cursor:pointer;
display:block;
height:20px;
position:relative;
width:20px;
}

#header > .navHeader .pictos .num{
background:#000;
border-radius:10px;
color:#FFF;
display:none;
font-family:'Gotham Bold';
font-size:10px;
height:20px;
line-height:20px;
position:absolute;
right:-10px;
text-align:center;
top:-10px;
width:20px;
}

#header > .navHeader .pictos .num.block{display:block;}

#header .cart-hover.active{
display:block;
max-height:630px;
max-width:100%;
opacity:1;
padding:10px;
}

#header .cart-hover{
background:#FFF;
border:1px solid #B2B2B2;
max-height:0;
opacity:0;
overflow:hidden;
padding:0 10px;
position:absolute;
right:10px;
top:100%;
transition:max-height 0.3s ease-in, padding 0.3s ease-in, opacity 0.3s ease-in, top 666ms ease-in;
z-index:105;
}

#header .msg_popin{
position:absolute;
top:100%;
left:0;
width:100%;
padding:10px 50px;
font-size:13px;
line-height:15px;
font-family:'Josefin SemiBold';
text-align:center;
}

#header .msg_popin .close{
cursor:pointer;
position:absolute;
top:50%;
right:10px;
width:20px;
transform:translateY(-50%);
display:block;
}

#header .msg_popin .close svg{width:100%;}

.cart-hover.disabled{display:none;}

.cart-hover .container{
border-radius:13px;
max-height:100%;
max-width:100%;
position:relative;
width:350px;
z-index:2;
}

.cart-hover > .empty{
display:block;
font-family:"Josefin SemiBold";
font-size:16px;
text-align:center;
}

.cart-hover .container > .title_cart{
display:block;
font-family:'Josefin SemiBold';
font-size:18px;
padding:10px 0 20px;
}

.cart-hover .container .close_panier{
background:url(../img/menu_close.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
cursor:pointer;
height:25px;
position:absolute;
right:0;
top:0;
width:25px;
z-index:1005;
}

.cart-hover .container .products{
border-bottom:1px solid #EFEFEF;
margin-bottom:10px;
max-height:300px;
overflow:auto;
padding-bottom:10px;
}

.cart-hover li{
align-items:center;
background:#FFF;
display:flex;
margin-bottom:2px;
min-height:90px;
padding:5px;
position:relative;
width:100%;
}

.cart-hover li + li{border-top:1px solid #E7E7E7;}

.cart-hover li .cart_img{
margin-right:15px;
max-width:25%;
}

.cart-hover .produit{
display:flex;
flex-flow:column nowrap;
justify-items:center;
}

.cart-hover .prix{
color:#444;
margin:0 0 2px 0;
text-align:left;
}

.cart-hover .total{
align-items:center;
display:flex;
justify-content:space-between;
margin-bottom:5px;
}

.cart-hover .total > span{display:block;}

.cart-hover .total .tot{
font-family:'Josefin SemiBold';
font-size:16px;
text-transform:uppercase;
}

.cart-hover .total .prix{
color:#303030;
font-family:"Josefin SemiBold";
font-size:22px;
margin:0 0 0 5px;
}

.cart-hover .titre{
font-family:'Gotham Book';
font-size:11px;
letter-spacing:1px;
margin-bottom:2px;
}

.cart-hover .qte{font-size:12px;}

.cart-hover .container > .btn{
display:block;
font-size:15px;
max-width:100%;
padding:10px;
text-align:center;
}

.cart-hover .container > .btn.see_cart{
background-color:#000;
color:#FFF;
margin-top:5px;
}

.cart-hover li .remove_item{
background:url('../img/close_rouge.png');
background-position:center center;
background-repeat:no-repeat;
background-size:auto 50%;
cursor:pointer;
height:20px;
position:absolute;
right:10px;
top:10px;
width:20px;
}

#header > .menu-icon{
cursor:pointer;
display:none;
height:50px;
position:relative;
width:50px;
z-index:1000;
}

#header > .menu-icon span, .menu-icon span::before, .menu-icon span::after{
background-color:#000;
border-radius:2px;
display:block;
height:3px;
outline:1px solid transparent;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
transition-duration:0.3s;
-moz-transition-property:background-color, -moz-transform;
-o-transition-property:background-color, -o-transform;
-webkit-transition-property:background-color, -webkit-transform;
transition-property:background-color, transform;
width:30px;
}

#header > .menu-icon span{
display:block;
left:25px;
margin-left:-15px;
margin-top:-1.5px;
position:absolute;
top:50%;
user-select:none;
z-index:500;
}

#header > .menu-icon span::before{top:-9px;}

#header > .menu-icon span::after{top:9px;}

#header > .menu-icon span::before, .menu-icon span::after{
content:"";
position:absolute;
}

#header > .menu-icon.open span{background-color:transparent;}

#header > .menu-icon.open span::before{
-moz-transform:translateY(9px) rotate(45deg);
-ms-transform:translateY(9px) rotate(45deg);
-o-transform:translateY(9px) rotate(45deg);
-webkit-transform:translateY(9px) rotate(45deg);
transform:translateY(9px) rotate(45deg);
}

#header > .menu-icon.open span::after{
-moz-transform:translateY(-9px) rotate(-45deg);
-ms-transform:translateY(-9px) rotate(-45deg);
-o-transform:translateY(-9px) rotate(-45deg);
-webkit-transform:translateY(-9px) rotate(-45deg);
transform:translateY(-9px) rotate(-45deg);
}

#footer{
background-color:#FFF;
display:flex;
flex-flow:row;
justify-content:space-between;
padding:25px 50px;
position:relative;
}

#footer > nav{
align-self:flex-start;
display:flex;
 align-items:center;
}

#footer > nav a{
color:#B2B2B2;
display:block;
font-family:'Gotham Bold', sans-serif;
font-size:10px;
letter-spacing:1px;
line-height:20px;
position:relative;
text-transform:uppercase;
}

#footer > nav a + a{margin-left:30px;}

#footer > nav a:first-of-type::before{display:none;}

#footer > nav a::before{
background:#B2B2B2;
border-radius:4px;
content:'';
height:4px;
left:-17px;
position:absolute;
top:50%;
transform:translateY(-50%);
width:4px;
}

#footer > .right{
color:#B2B2B2;
font-size:14px;
text-align:right;
}

#footer > .right .secure{
align-items:flex-end;
display:flex;
justify-content:flex-end;
}

#footer .right > img{display:inline-block;margin-left:10px;vertical-align:middle;width:65px;}

#footer .nash{
display:block;
margin-left:auto;
margin-top:20px;
max-width:100px;
}

/**************************************************************/
/****************************ARIANE***************************/
/************************************************************/
nav.ariane{
background-color:#FFF;
color:#A7A7A7;
font-family:'Gotham Bold', sans-serif;
font-size:11px;
letter-spacing:1px;
margin:0 auto;
max-width:1500px;
padding:15px 50px 10px 50px;
text-transform:uppercase;
}

nav.ariane a.back{
background:url(../img/prev_noir.png) no-repeat left top;
background-size:auto 100%;
color:#000;
display:inline-block;
line-height:12px;
margin-right:30px;
padding-left:18px;
vertical-align:middle;
}

nav.ariane > span{
display:inline-block;
position:relative;
vertical-align:middle;
}

nav.ariane > span a{color:#A7A7A7;}

nav.ariane > span + span{margin-left:22px;}

nav.ariane > span + span:before{
content:'>';
left:-14px;
position:absolute;
top:0;
}

/**************************************************************/
/***************************ACCUEIL***************************/
/************************************************************/
#accueil .banner{
display:flex;
flex-flow:column nowrap;
width:100%;
}

#accueil .banner.video{
position:relative;
display:block;
width:100%;
height:calc(85vh - 150px);
}

#accueil .banner.video > a{
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:block;
}

#accueil .banner.video > a > video{
position:absolute;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
#accueil .banner.video > a > video.mobile{
 width:100%;
 height:auto;
 object-fit:contain;
 object-position:center;
}
#accueil .banner > .title{
display:flex;
flex-flow:column;
height:100%;
padding:50px;
}

#accueil .banner > .title.top-left{
justify-self:flex-start;
text-align:left;
}

#accueil .banner > .title.top-center{
justify-content:flex-start;
text-align:center;
}

#accueil .banner > .title.top-right{
justify-self:flex-start;
text-align:right;
}

#accueil .banner > .title.center-left{
justify-content:center;
text-align:left;
}

#accueil .banner > .title.center-center{
justify-content:center;
text-align:center;
}

#accueil .banner > .title.center-right{
justify-content:center;
text-align:right;
}

#accueil .banner > .title.bottom-left{
justify-content:flex-end;
text-align:left;
}

#accueil .banner > .title.bottom-center{
justify-content:flex-end;
text-align:center;
}

#accueil .banner > .title.bottom-right{
justify-content:flex-end;
text-align:right;
}

#accueil .banner > .title.bottom-center .btn, #accueil .banner > .title.center-center .btn, #accueil .banner > .title.top-center .btn{margin:20px auto 0;}

#accueil .banner > .title.bottom-left .btn, #accueil .banner > .title.top-left .btn, #accueil .banner > .title.center-left .btn{margin:20px 0 0;}

#accueil .banner > .title.bottom-right .btn, #accueil .banner > .title.top-right .btn, #accueil .banner > .title.center-right .btn{margin:20px 0 0 auto;}

#accueil .banner > .title > h1{
font-family:'Love';
font-size:155px;
}

#accueil .banner > .img_scroll{overflow:hidden;}

#accueil .banner > .img_scroll .mobile{display:none;}

#accueil .banner > .img_scroll .desk{display:block;}

#accueil .banner .collection.btn{
display:block;
font-family:Georgia;
font-size:23px;
letter-spacing:5px;
max-width:410px;
padding:10px 16px 9px;
text-align:center;
text-transform:uppercase;
}

#accueil section.accueil{
max-width:1600px;
margin:0 auto;
padding:50px 20px;
display:flex;
flex-flow:row wrap;
justify-content:center;
}

#accueil section.accueil > article{width:calc(33% - 20px);}

#accueil section.accueil > article.rub > a{
position:relative;
display:block;
}

#accueil section.accueil > article + article{margin-left:20px;}

#accueil section.accueil > article.rub{background-color:#fff;}

#accueil section.accueil > article.rub .ti{
font-family:'Gotham Bold', sans-serif;
width:100%;
text-align:center;
font-size:20px;
letter-spacing:5px;
text-transform:uppercase;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:10;
}

#accueil section.accueil > article.rub img{
opacity:0.8;
margin:0 auto;
}

#accueil section.accueil > article.txt{
display:flex;
flex-flow:column nowrap;
justify-content:center;
align-items:center;
padding:20px;
}

#accueil section.accueil > article.txt .ti_accueil{
 font-family: 'Love';
 text-transform:uppercase;
font-size:40px;
margin-bottom:25px;
text-align:center;
}

#accueil section.accueil > article.txt .ckeditor{text-align:center;}

/**************************************************************/
/***********************LISTE PRODUITS************************/
/************************************************************/
#catalogue .title_catalogue, #contenus .title_catalogue{
font-family:'Gotham Bold', sans-serif;
font-size:25px;
letter-spacing:5px;
margin-top:50px;
padding:15px 25px 45px;
text-align:center;
text-transform:uppercase;
}

#catalogue .frame{
height:80px;
overflow:hidden;
width:100%;
}

#catalogue .bandeau{
margin:0 auto 50px;
max-width:1340px;
padding:0 25px;
}

#catalogue .wrap{
margin:0 auto;
max-width:1340px;
padding:0 60px 0 25px;
position:relative;
}

#catalogue .wrap .arrow{
align-items:center;
background-position:center center;
background-repeat:no-repeat;
background-size:auto 20px;
cursor:pointer;
display:flex;
flex-flow:column nowrap;
justify-content:center;
opacity:1;
padding:20px;
position:absolute;
top:20px;
transition:opacity 0.5s;
}

#catalogue .wrap .arrow.disabled{opacity:0;}

#catalogue .wrap .arrow.forward{
background-image:url('../img/next_noir.png');
right:10px;
}

#catalogue .wrap .arrow.backward{
background-image:url('../img/prev_noir.png');
left:10px;
}

.filtres{
align-items:center;
display:flex;
flex-flow:row nowrap;
}

#catalogue .filtres{
align-items:center;
height:100%;
}

#catalogue .list_produits{
margin:0 auto;
max-width:1260px;
}

.filtres .option{
background-color:#FFF;
border:1px solid #EFEFEF;
border-radius:15px;
color:#000;
cursor:pointer;
font-family:'Josefin SemiBoldItalic', serif;
font-size:13px;
padding:10px 15px;
position:relative;
transition:all 0.5s;
}

.filtres .option + .option{margin-left:10px;}

#catalogue .filtres .option{
margin-bottom:0;
text-align:center;
white-space:nowrap;
}

.filtres .option.actif{
background-color:#000;
color:#FFF;
}

#catalogue .list .produits{padding:0 20px;}

#catalogue .list .list_produits{
display:flex;
margin:30px auto 50px auto;
flex-flow:row wrap;
max-width:1310px;
justify-content:center;
}

#catalogue .list .list_produits li{
position:relative;
margin:20px 10px 0 10px;
width:calc(29% - 20px);
}

#catalogue .list .list_produits li .img img{width:100%;}

#catalogue .list .list_produits li:nth-of-type(10n+1), #catalogue .list .list_produits li:nth-of-type(10n+2), #catalogue .list .list_produits li:nth-of-type(10n+6), #catalogue .list .list_produits li:nth-of-type(10n+7){width:calc(50% - 20px);}

#catalogue .list .list_produits li:nth-of-type(10n+5){margin-right:40px;}

#catalogue .list .list_produits li:nth-of-type(10n+8){margin-left:40px;}

#catalogue .list .list_produits li:nth-of-type(10n+3){margin-left:auto}

#catalogue .list .list_produits.no_result{
display:block;
margin-top:40px;
}

#catalogue .list .list_produits.no_result .noresult{
display:block;
font-family:'Josefin Italic';
font-size:18px;
text-align:center;
}

#catalogue .list .list_produits li h2{
font-family:'Gotham Book', sans-serif;
font-size:14px;
letter-spacing:1px;
margin:10px 0 0;
text-align:center;
}

.prix{
color:#B2B2B2;
display:block;
font-family:'Gotham Book', sans-serif;
font-size:12px;
margin:6px 10px 15px;
text-align:center;
}

.prix .prix_reg.promo{text-decoration:line-through;}

.prix .prix_promo{
color:#F2C665;
font-family:'Josefin SemiBold';margin-right:10px;
}

#catalogue .list .list_produits li .details{
color:#B2B2B2;
display:block;
font-family:'Gotham Book';
font-size:12px;
margin:0 auto;
padding:6px 15px;
width:-moz-max-content;
width:max-content;
}

.wish{
background:url(../img/icons/wish.png) no-repeat right top;
background-size:100% auto;
cursor:pointer;
height:20px;
width:20px;
z-index:40;
}

.wish.cart{display:none;}

.wish.on{
background:url(../img/icons/wish_active.png) no-repeat right top;
background-size:100% auto;
}

#catalogue .list .list_produits li .wish{
position:absolute;
right:20px;
top:20px;
}

#catalogue .list .list_produits li.no_pdt .wish, #catalogue .list .list_produits li.no_pdt .info_produit{display:none;}

#catalogue .list .list_produits li .details.cart{
cursor:pointer;
display:none;
margin-top:0;
text-align:center;
width:max-content;
width:-moz-max-content;
}

#catalogue .action_pdt .qte{display:none;}

#catalogue .list .list_produits li .action_btns{position:relative;}

#catalogue .list .list_produits li .img{
border:1px solid #EFEFEF;
display:block;
}

.action_btns.open .qte{display:block;}

.action_pdt .qte{
display:none;
left:50%;
position:absolute;
top:10px;
transform:translateX(-50%);
width:calc(100% - 50px);
z-index:1;
}

.action_pdt .qte span{
display:inline-block;
vertical-align:middle;
}

.action_pdt .qte .moins, .qte .plus{
background-position:center center;
background-repeat:no-repeat;
background-size:12px auto;
cursor:pointer;
font-size:25px;
height:40px;
line-height:20px;
padding:10px;
-webkit-tap-highlight-color:transparent;
text-align:center;
width:40px;
}

.action_pdt .qte .num{
background-color:#FFF;
font-family:'Gotham Bold', sans-serif;
font-size:11px;
height:12px;
letter-spacing:1px;
line-height:14px;
-webkit-tap-highlight-color:transparent;
text-align:center;
-moz-user-select:none;
-webkit-user-select:none;
width:calc(100% - 98px);+ user-select:none;
}

#catalogue .list .list_produits li .action_btns.open .details.cart{visibility:hidden;}

.action_pdt.open .qte, #produit .fiche .qte{display:block;}

#catalogue .collection{
align-items:center;
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
margin:0 auto;
max-width:1260px;
padding:50px 0;
}

#catalogue .collection > figure{
max-width:calc(50% - 50px);
min-width:320px;
}

#catalogue .collection > .texte{
max-width:50%;
padding:0 25px;
text-align:center;
}

#catalogue .collection > .texte .ckeditor{
 font-family:'Josefin Italic', sans-serif;
 font-size:20px;
 line-height:25px;
}

#catalogue .collection > .texte h1{
font-family:'Love';
font-size:75px;
margin-bottom:25px;
text-align:center;
text-transform:uppercase;
}

/**************************************************************/
/***********************FICHE PRODUIT*************************/
/************************************************************/
#produit .fiche{
margin:0 auto;
position:relative;
}

#produit .fiche > section{
display:inline-block;
vertical-align:top;
}

#produit .fiche > .left{
padding:0 0 90px 50px;
width:calc(60% - 25px);
}

#produit .fiche > .left .align{
margin-left:auto;
max-width:100%;
padding-top:25px;
width:980px;
}

#produit .fiche > .left .align .images{position:relative;}

#produit .fiche > .left .align .images .slider_produit{z-index:20;}

#produit .fiche > .left .align .images .slider_produit li img{
display:block;
margin:0 auto;
max-height:600px;
cursor:pointer;
}

#produit .slick-arrow{
border:solid #000;
border-width:0 4px 4px 0;
display:inline-block;
font-size:0;
height:25px;
padding:2px;
position:absolute;
top:50%;
width:25px;
z-index:100;
margin-top:-13px;
}

#produit .slick-arrow.slick-prev{
left:35px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

#produit .slick-arrow.slick-next{
right:35px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#produit .fiche > .left .align .images .vignettes{
max-width:100%;
padding:50px 85px;
}

#produit .fiche > .left .align .images .slick-dots{
bottom:-25px;
left:0;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}

#produit .fiche > .left .align .images .slick-dots li{
display:inline-block;
vertical-align:middle;
}

#produit .fiche > .left .align .images .slick-dots li + li{margin-left:5px;}

#produit .fiche > .left .align .images .slick-dots li button{
background:url(../img/pager_noir_off.png) no-repeat left top;
background-size:100% auto;
display:block;
font-size:0;
height:8px;
width:8px;
}

#produit .fiche > .left .align .images .slick-dots li.slick-active button{background-image:url(../img/pager_noir_on.png);}

#produit .e_shop{display:none;}

#produit .faire_part{display:block;}

#produit .fiche .infos h2.title_form{margin-bottom:10px;}

#produit .fiche .infos .faire_part.pro_form{padding-top:0;}

#produit .fiche .infos .faire_part.pro_form .message_envoye, #contact .message_envoye{
font-family:'Josefin SemiBoldItalic';
font-size:18px;
margin:20px auto;
}

#produit.shop .e_shop{display:block;}

#produit.shop .faire_part{display:none;}

#produit .fiche > .right{
padding:60px 50px 60px 80px;
width:40%;
}

#produit .fiche > .right .repere{height:1px;}

#produit .fiche > .right > .infos .content{
margin:0 auto;
max-width:600px;
padding:25px;
}

#produit .fiche .ti_produit{
font-family:'Gotham Bold', sans-serif;
font-size:25px;
letter-spacing:4px;
position:relative;
text-align:center;
text-transform:uppercase;
}

#produit .fiche .ti_produit.resp{
display:none;
margin:25px auto 0;
max-width:600px;
padding:0 25px;
}

#produit .fiche .ti_produit .wish{
display:block;
position:absolute;
right:0;
top:0;
}

#produit .fiche .filtres{
flex-flow:row wrap;
justify-content:center;
margin-bottom:20px;
padding:10px;
}

#produit .fiche .filtres .option.radio + .option{margin-left:20px;}

#produit .fiche .filtres .option.radio{
margin:0;
padding:10px 10px 10px 25px;
text-transform:none;
}

#produit .fiche .fp_action{
margin:50px auto;
max-width:350px;
}

#produit .fiche .fp_action.faire_part{max-width:none;}

#produit .fiche .detail{
align-items:center;
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
}
#produit .fiche .options{
 margin-bottom:15px;
}
#produit .fiche .options.field .field-input{
 border:1px solid #000;
 padding:8px;
}
#produit .fiche .options.field .field-label{
 padding-left:8px;
}
#produit .fiche .total_tarifs{
padding-top:10px;
border-top:1px solid #000;
}

#produit .fiche .total_tarifs > .tot_titre{
font-family:'Gotham Bold', sans-serif;
letter-spacing:1px;
font-size:16px;
text-transform:uppercase;
}

#produit .fiche .prix{
color:#000;
font-family:'Gotham Bold', sans-serif;
font-size:30px;
margin:0 0 0 auto;
}

.prix sup{
font-size:0.7em;
margin-left:-1px;
margin-top:5px;
}

#produit .fiche .qte{
left:0;
max-width:160px;
position:relative;
top:0;
transform:none;
}

#produit .fiche #cartBtn{
background-color:#000;
border:0;
color:#FFF;
display:block;
font-family:'Josefin';
font-size:20px;
margin-left:auto;
overflow:hidden;
padding:15px;
position:relative;
transition:all 0.5s;
width:100%;
}

#produit .fiche .prix{text-align:right;}

#produit .fiche #cartBtn:hover{transform:scale(1.1);}

#produit .selectric .button{color:#000 !important;;}

.selectric .button:after{border-top-color:#000 !important;}

#produit .fiche .fp_action .frais{
font-family:'Josefin Italic', sans-serif;
font-size:16px;
margin-top:15px;
text-align:center;
}
#produit .fiche .fp_action .alert{
 font-family: 'Josefin SemiBold';
 font-size: 16px;
 color: #A90707;
 text-align: center;
 margin: 20px 0 0;
}
#produit .fiche .infos .description{margin:50px 0 35px;}

#produit .fiche .infos h2, .ckeditor > h3, .ckeditor > .ck_title{
font-family:"Gotham Bold", sans-serif;
font-size:14px;
margin-bottom:20px;
text-transform:uppercase;
}

#produit .tarifs{
font-family:'Josefin Italic', sans-serif;
font-size:18px;
margin-bottom:15px;
}

#produit .tarifs_container{
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
}

#produit .selectric-wrapper{width:calc(50% - 15px);}

#produit .selectric{background-color:#FFF;}

#produit .selectric .button{border-left:1px solid #000;}

#produit .selectric > .label, #produit .selectric-items li{
font-family:'Gotham Bold', sans-serif;
letter-spacing:1px;
}

#produit .encart{
background-color:#EFEFEF;
font-family:'Josefin Italic', sans-serif;
font-size:16px;
margin:15px 0 25px;
padding:10px;
}

.pro_form .field-label{font-family:'Josefin Italic', sans-serif;}

.pro_form .sending{
align-items:flex-start;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
margin-top:10px;
}

.pro_form .sending > span{
font-family:'Josefin SemiBoldItalic', sans-serif;
font-size:14px;
}

.pro_form .sending button{
border:1px solid #000;
display:block;
font-family:'Josefin SemiBoldItalic';
font-size:14px;
margin-left:auto;
padding:10px;
width:-moz-max-content;
width:max-content;
}

.pro_form .sending #submitContact{
background-color:#000;
color:#FFF;
font-family:'Gotham Bold', sans-serif;
letter-spacing:1px;
padding:15px 0;
text-align:center;
width:50%;
}
.pro_form .sending .loading{
 width:50px;
 margin-left:auto;
 display:none;
}
.pro_form .sending.onload .loading{
 display:block;
}
.pro_form .sending.onload > span,
.pro_form .sending.onload > button{
 display:none;
}
#produit .lightbox_nav{
position:absolute;
width:100%;
left  :0;
top:50%;
transform:translateY(-50%);
}

/**************************************************************/
/***************************CONTACT***************************/
/************************************************************/
#contact.wishlist{border-top:1px solid #B2B2B2;}

#contact > section{
margin:0 auto;
max-width:500px;
padding:100px 25px;
}

#contact.wishlist > section .pro_form{padding-top:0;}

#contact > section h1, #contact > section .link{
font-family:'Gotham Bold', sans-serif;
font-size:25px;
letter-spacing:4px;
margin-bottom:50px;
text-transform:uppercase;
}

#contact > section .link{
font-size:20px;
text-transform:none;
}

.field .field-label{opacity:1;}

.field .field-input{
border-bottom:1px solid #B2B2B2;
color:#000;
font-family:'Josefin';
}

#contact #captcha{
margin-left:auto;
max-width:305px !important;
}

#contact #captcha > div, #contact #captcha > div iframe{max-width:100% !important;}

#contact .fcaptchaform, #produit .fcaptchaform, .wishlist .fcaptchaform{
border:none;
padding:0;
background-color:transparent;
max-width:100%;
margin:10px 0 30px 0;
font-size:16px;
}

#contact .erreur{margin-bottom:20px;}

form .pot{
height:1px;
left:0;
position:absolute;
top:-100%;
width:1px;
}

.field.err .field-input, main#contact .field.err .field-input{border-bottom:1px solid #A90707;}

.field.err .field-label, main#contact .field.err .field-label{color:#A90707;}

.field.err.is-focused .field-input{border-bottom:1px solid #000;}

main#contact .field.err.is-focused .field-input{border-bottom:1px solid #FFF;}

main#contact .field.err.is-focused .field-label{color:#FFF;}

.field.err.is-focused .field-label{color:#000;}

.field.checkbox{height:auto;}

.field.checkbox input{border-bottom:0;}

.pro_form .erreur{
color:#A90707;
font-size:20px;
padding-top:20px;
}

main#contact .message_envoye{color:#FFF;}

.pro_form{
padding-top:25px;
position:relative;
}

.pro_form .erreur{
font-family:'Josefin SemiBold';
font-size:16px;
position:relative;
}

p.erreur, p.message_envoye{
display:none;
font-family:'Josefin SemiBold';
}

/**************************************************************/
/**************************CONNEXION**************************/
/************************************************************/
#login .content{
display:flex;
flex-flow:row nowrap;
margin:0 auto;
max-width:1260px;
min-height:calc(100vh - 275px);
}

#login .content > section{
padding:0 50px 50px;
width:50%;
}

#login .content > section h2{
font-family:'Gotham Bold', sans-serif;
font-size:18px;
letter-spacing:5px;
padding:0 0 20px;
text-transform:uppercase;
}

#login .content section.first{
border-right:1px solid #B2B2B2;
padding-right:49px;
}

#login .field.half{width:calc(50% - 15px);}

#login .form_connecter{position:relative;}

#login .form_connecter .erreur{max-width:50%;}

.connecter #oublipass{display:none;}

.connecter #oublipass > span{
display:block;
font-family:"Josefin Italic";
font-size:18px;
margin-top:20px;
}

.connecter > .newpass{
font-family:'Josefin SemiBoldItalic';
font-size:15px;
}

#oublipass .field.half{
margin:0;
width:calc(100% - 120px);
}

.oublipass{
cursor:pointer;
display:block;
font-family:"Josefin Italic";
font-size:14px;
margin-top:20px;
text-decoration:underline;
}

.login, .new_pass{
background-color:#000;
color:#FFF;
display:block;
font-family:'Josefin', sans-serif;
font-size:16px;
margin:15px 20px 20px auto;
padding:8px 15px;
width:max-content;
width:-moz-max-content;
}

.new_pass{
display:inline-block;
margin:0 0 8px 20px;
vertical-align:bottom;
}

.oblig{
font-family:'Josefin Italic';
font-size:14px;
}

/**************************************************************/
/****************************COMPTE***************************/
/************************************************************/

#compte .content{
display:flex;
flex-flow:row;
}

#compte .content aside{
border-right:1px solid #B2B2B2;
padding:40px 0;
width:21%;
}

#compte .content aside .resp{display:none;}

#compte .content aside .repere{height:1px;}

#compte .content aside .liens.fixed{position:fixed;}

#compte .content aside .liens a{
display:block;
font-family:'Josefin';
font-size:14px;
letter-spacing:1px;
line-height:18px;
padding:18px 15px 15px 30px;
position:relative;
text-transform:uppercase;
}

#compte .content aside .liens a::before{
background:#B2B2B2;
content:'';
display:none;
height:50%;
left:10px;
position:absolute;
top:50%;
transform:translateY(-50%);
width:2px;
}

#compte .content aside .liens a.active{font-family:'Josefin SemiBold';}

#compte .content aside .liens a.active::before{display:block;}

#compte .content section{
min-height:calc(100vh - 275px);
padding:60px 115px 80px 115px;
width:79%;
}

#compte .content section .contenu{
max-width:100%;
width:875px;
}

#compte .content section .contenu .title{
font-family:'Gotham Bold', sans-serif;
font-size:16px;
letter-spacing:2px;
padding-bottom:20px;
text-transform:uppercase;
}

#compte .content section .contenu .coords .aff{position:relative;}

#compte .content section .contenu .coords .aff .update{
background-color:#7DAF26;
color:#FFF;
display:none;
font-family:'Gotham Bold';
font-size:13px;
left:0;
letter-spacing:1px;
padding:5px 10px;
position:absolute;
text-align:center;
text-transform:uppercase;
top:0;
width:100%;
}

#compte .content section .contenu .coords .aff > ul{padding:25px 0 15px;}

#compte .content section .contenu .coords .aff > ul > li{
border-bottom:1px solid #EFEFEF;
display:inline-block;
font-size:15px;
margin-bottom:15px;
padding:5px 0;
vertical-align:top;
width:50%;
}

#compte .content section .contenu .coords .aff > ul > li .label{
font-family:'Josefin';
text-transform:uppercase;
}

#compte .btn, #popform .btn{
background-color:#000;
border:0;
color:#FFF;
cursor:pointer;
display:block;
font-family:'Josefin Italic';
font-size:18px;
margin-left:auto;
margin-top:2px;
max-width:160px;
overflow:hidden;
padding:10px 0;
position:relative;
text-align:center;
width:100%;
}

#compte .content section .contenu .formulaire{
display:none;
padding-right:25px;
vertical-align:top;
width:49%;
}

#compte .content section .contenu .formulaire.open{display:inline-block;}

#compte .content section .contenu .formulaire.open h2{padding-bottom:0;}

#compte .field .field-input{
border-bottom:1px solid #B2B2B2;
color:#000;
}

#compte .field + .field{margin-top:10px;}

#compte .mention, #popform .mention{
font-family:'Josefin Italic';
font-size:14px;
margin-top:5px;
text-align:right;
}

#compte .erreur, #popform .erreur{
display:none;
padding:10px 0;
}

#popform .selectric{
background:transparent !important;
border-bottom:1px solid #B2B2B2 !important;
border-left:none !important;
border-right:none !important;
border-top:none !important;
display:flex;
flex-flow:column nowrap;
justify-content:flex-end;
margin:16px 0 0 0 !important;
padding:0 !important;
position:relative !important;
}

#popform .selectric .label{
color:#000 !important;
display:block;
font-family:'Josefin Italic' !important;
font-size:15px;
height:auto !important;
line-height:16px;
margin:0 !important;
padding:8px 0 !important;
}

#popform .selectric-items .selectric-scroll{
height:auto;
max-height:200px;
overflow:auto;
padding-bottom:10px;
}

#compte .btn.add_adresse{
background-color:transparent;
color:#000;
font-family:'Josefin SemiBoldItalic';
margin-left:0;
max-width:200px;
text-decoration:underline;
}

#popform .compte_adresses_form .ti{
font-family:'Gotham Bold', sans-serif;
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
}

#popform .field-input{color:#000;}

#popform .field-input:not([type="checkbox"]){
border-bottom:1px solid #B2B2B2;
font-family:'Josefin SemiBold';
}

/*adresse*/
#compte.adresses .liste{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}

#compte.adresses .liste .aff{
border:1px solid #EFEFEF;
font-size:14px;
line-height:18px;
margin-bottom:80px;
padding:25px;
position:relative;
width:calc((100% - 50px) / 2);
}

#compte.adresses .liste .aff .update{
background-color:#7DAF26;
color:#FFF;
display:none;
font-family:'Gotham Book';
font-size:11px;
left:0;
letter-spacing:1px;
padding:5px 10px;
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:100;
}

#compte.adresses .liste .aff .suppr{
background:url(../img/close_rouge.png) no-repeat center center;
background-size:100% auto;
cursor:pointer;
height:15px;
position:absolute;
right:15px;
top:15px;
width:15px;
z-index:50;
}

#compte.adresses .liste .aff .confirm_suppr{
background-color:#D4261D;
color:#FFF;
display:none;
font-family:'Gotham Bold';
font-size:13px;
letter-spacing:1px;
padding:5px 10px;
position:absolute;
right:0;
text-align:center;
text-transform:uppercase;
top:0;
width:100%;
z-index:100;
}

#compte.adresses .liste .aff .confirm_suppr span{
cursor:pointer;
text-decoration:underline;
}

#compte.adresses .liste .aff .defaut{
background:url(../img/star_off2.png) no-repeat center center;
background-size:100% auto;
cursor:pointer;
height:19px;
position:absolute;
right:40px;
top:13px;
width:20px;
z-index:50;
}

#compte.adresses .liste .aff .defaut.on{background-image:url(../img/star_on.png);}

#compte.adresses .liste .aff strong{
font-family:'Josefin SemiBold';
text-transform:uppercase;
}

#compte.adresses .liste .aff .maj{text-transform:uppercase;}

#compte.adresses .liste .aff i{font-family:'Josefin Italic';}

#compte.adresses .liste .aff .btn{
display:inline-block;
position:absolute;
right:0;
top:100%;
}

#compte.adresses .liste .aff .btn.bt_panier{display:none}

/*COMMANDES*/
#compte.commandes .content section .contenu{
margin:0 auto;
width:1280px;
}

#compte.commandes .content section{padding:60px 25px 80px 25px;}

.liste_cde_compte.no_cde > ul.titres{display:none;}

.liste_cde_compte .no_cde{
font-family:'Josefin Italic';
font-size:18px;
padding-top:20px;
}

.liste_cde_compte > ul{
background:url(../img/fleche_noir_bottom.png) no-repeat right 22px center;
background-color:#EFEFEF;
background-size:15px auto;
cursor:pointer;
margin-top:10px;
padding-right:55px;
}

.liste_cde_compte > ul.open{background-image:url(../img/fleche_noir_top.png);}

.liste_cde_compte > ul.titres{
background:none;
cursor:default;
font-family:'Josefin SemiBold';
font-size:15px;
letter-spacing:1px;
margin-top:20px;
text-transform:uppercase;
}

.liste_cde_compte > ul > li{
display:inline-block;
font-size:14px;
padding:15px 0 15px 20px;
vertical-align:middle;
}

.liste_cde_compte > ul > li .lab{
display:none;
font-family:'Josefin SemiBold';
font-size:13px;
padding-right:20px;
text-transform:uppercase;
vertical-align:middle;
width:50%;
}

.liste_cde_compte > ul > li.date{width:10%;}

.liste_cde_compte > ul > li.ref{width:17%;}

.liste_cde_compte > ul.titres > li.fact{text-decoration:none;}

.liste_cde_compte > ul > li.fact{
text-decoration:underline;
width:11%;
}

.liste_cde_compte > ul > li.total{width:11%;}

.liste_cde_compte > ul > li.statut{width:16%;}

.liste_cde_compte > ul > li.paiement{
padding:0;
width:34%;
}

#compte .liste_cde_compte > ul > li.paiement .btn{
margin-left:0;
padding:5px;
}

.liste_cde_compte .details{
background-color:#FFF;
display:none;
margin-top:2px;
padding:35px;
}

.liste_cde_compte > ul > li.statut .val > span{font-family:'Josefin SemiBold';}

.liste_cde_compte > ul > li.statut.orange .val > span{
color:#FF9727;
text-decoration:underline;
}

.liste_cde_compte > ul > li.statut.bleu .val > span{
color:#00BFFF;
text-decoration:underline;
}

.liste_cde_compte > ul > li.statut.rouge .val > span{color:#D4261D;}

.liste_cde_compte > ul > li.statut.vert .val > span{color:#7AAC1F;}

.liste_cde_compte .details{
background-color:#FFF;
display:none;
margin-top:2px;
padding:35px;
}

.liste_cde_compte .details .bloc{
margin:0 auto;
max-width:100%;
width:990px;
}

.liste_cde_compte .details .bloc .title{
font-family:'Josefin SemiBold';
font-size:18px;
line-height:20px;
padding-bottom:10px;
text-transform:uppercase;
}

.liste_cde_compte .details .bloc ul{
border-bottom:1px solid #EFEFEF;
padding:15px 0;
}

.liste_cde_compte .details .bloc ul li.img{width:60px;}

.liste_cde_compte .details .bloc ul li.qte_lot, .liste_cde_compte .details .bloc ul li.qte, .liste_cde_compte .details .bloc ul li.tot{width:130px;}

.liste_cde_compte .details .bloc ul li.ti{
font-family:'Josefin SemiBold';
font-size:15px;
letter-spacing:1px;
text-transform:uppercase;
width:calc(100% - 450px);
}

.liste_cde_compte .details .bloc ul li.ti .lot{
font-family:'Josefin Italic';
font-size:14px;
text-transform:none;
}

.liste_cde_compte .details .bloc ul li.qte{text-align:center;}

.liste_cde_compte .details .bloc ul li.tot{text-align:right;}

.liste_cde_compte .details .bloc ul li{
display:inline-block;
font-size:16px;
padding-left:15px;
vertical-align:middle;
}

.liste_cde_compte .details .bloc .remise{
display:block;
font-size:16px;
padding-top:10px;
text-align:right;
width:100%;
}

.liste_cde_compte .details .bloc .adr_livr{padding-right:20px;}

.liste_cde_compte .details .bloc .adr_livr, .liste_cde_compte .details .bloc .adr_fact{
display:inline-block;
font-size:15px;
line-height:17px;
padding-top:60px;
vertical-align:top;
width:50%;
}

/**************************************************************/
/****************************PANIER***************************/
/************************************************************/
/*INDEX PANIER*/
#panierIndex .header_panier{
background-color:#FFF;
border-bottom:1px solid #BCBEC0;
padding:30px 50px;
width:100%;
}

#panierIndex .header_panier .centre{
align-items:flex-end;
display:flex;
justify-content:space-between;
}

#panierIndex .header_panier .centre .logo{
display:block;
max-width:calc(100% - 160px);
width:250px;
}

#panierIndex .header_panier .centre .back{
display:block;
font-family:'Josefin SemiBold';
font-size:14px;
text-align:right;
text-decoration:underline;
text-transform:uppercase;
}

#panierIndex .compte_adresses_form label.checkbox{display:none;}

/*RECAP PANIER*/
#panier .title{
font-family:'Gotham Bold', sans-serif;
font-size:25px;
letter-spacing:5px;
margin-bottom:50px;
text-transform:uppercase;
}

#panier .content{
display:flex;
flex-flow:row nowrap;
margin:0 auto;
max-width:1660px;
padding:50px 0 80px;
}

#panier .content .left{
padding:0 50px 0 50px;
width:60%;
}

#panier .content .left .list_produits{
display:flex;
flex-flow:column nowrap;
}

#panier .content .left .list_produits li{
align-items:center;
border-bottom:1px solid #B2B2B2;
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
padding:15px;
position:relative;
}

#panier .content .left .clear_cart{
color:#B2B2B2;
display:block;
font-family:'Josefin Italic';
font-size:16px;
margin-left:15px;
margin-top:25px;
text-decoration:underline;
width:111px;
}

#panier .content .left .list_produits li .img{max-width:150px;}

#panier .content .left .list_produits li .info_produit{width:calc(100% - 170px);}

#panier .content .left .list_produits li h2{
font-family:'Gotham Book', sans-serif;
font-size:14px;
letter-spacing:1px;
margin:0 0 10px;
}

#panier .content .left .list_produits li .prix{
color:#B2B2B2;
display:block;
font-family:'Gotham Book', sans-serif;
font-size:14px;
margin:0 10px 2px auto;
text-align:center;
width:100px;
}

#panier .action_pdt .qte .num{font-size:12px;}

#panier .content .left .list_produits li .prix.prix_u{
font-size:12px;
margin:0;
text-align:left;
}

#panier .content .left .list_produits .prix .prix_reg.promo{
color:#B2B2B2;
font-size:12px;
}

#panier .content .left .list_produits .action_btns{
align-items:center;
display:flex;
justify-content:space-between;
}
#panier .content .left .list_produits .info_produit .options{
 font-family: 'Josefin Italic';
 font-size: 16px;
 width: 100px;
}
#panier .content .left .list_produits .action_pdt .qte{
left:initial;
margin:0 auto;
max-width:200px;
position:relative;
top:initial;
transform:none;
width:calc(100% - 200px);
}

#panier .content .left .list_produits li .details{
font-family:'Josefin Italic';
font-size:16px;
width:100px;
}

#panier .content .left .list_produits li .remove_item{
background:url(../img/close_rouge.png);
background-position:center center;
background-repeat:no-repeat;
background-size:auto 50%;
cursor:pointer;
height:20px;
width:20px;
}

#panier .right{
align-self:flex-start;
padding-right:50px;
width:40%;
}

#panier .right .infos{
margin:0 auto;
max-width:100%;
padding-top:80px;
}

#panier .right .infos.fixed{
padding-top:20px;
position:fixed;
}

#panier .right .infos > div, #panier .right .mention{
border-bottom:1px solid #B2B2B2;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
margin:0 auto;
max-width:500px;
padding:20px 0;
}

#panier .right .infos > div h3, #panier .right .infos > div > span{
font-family:"Josefin";
font-size:18px;
}

#panier .right .infos > div span.prix_reg{
margin-left:10px;
text-decoration:line-through;
}

#panier .right .infos > div span.prix_promo{color:#FF9727;}

#panier .right .infos > div .badcode{
color:#A90707;
font-family:"Josefin SemiBold";
font-size:16px;
margin-left:10px;
}

#panier .right .infos > div.total_all h3, #panier .right .infos > div.total_all span{
font-family:"Josefin SemiBold";
font-size:20px;
}

#panier .right .reduc .desc{
font-family:"Josefin";
font-size:18px;
}

#panier .right .reduc .promo{
align-items:flex-end;
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
width:100%;
}

#panier .right .reduc .promo .field{
display:flex;
justify-content:space-between;
position:relative;
width:60%;
}

#panier .right .reduc .promo .field #validPromo{
border:1px solid #000;
display:block;
font-family:'Josefin SemiBoldItalic';
font-size:14px;
margin-left:15px;
padding:5px 15px;
width:-moz-max-content;
width:max-content;
}

#panier .right .reduc .valid_promo.empty{display:none;}

#panier .right .reduc .promo .prix{
color:#FF9727;
margin:0;
}

#panier .right .reduc .field-input{
border:1px solid #EFEFEF;
color:#000;
max-width:calc(100% - 75px);
padding-left:10px;
}

#panier .right .reduc .field-input.err{border:1px solid #A90707;}

#panier .right .reduc .valid_promo{
align-items:flex-end;
display:flex;
justify-content:space-between;
margin-top:15px;
width:100%;
}

#panier .right .reduc .valid_promo .code_promo{
font-family:'Josefin Italic';
font-size:15px;
}

#panier .right .infos > div.btns{
align-items:center;
border:none;
flex-flow:column nowrap;
justify-content:center;
}

#panier .right .infos > div.btns .erreur.commande{
color:#A90707;
font-family:"Josefin SemiBold";
font-size:16px;
margin-left:10px;
text-align:center;
}

#panier .right .infos > div.btns a{
background-color:#000;
border:0;
color:#FFF;
display:block;
font-size:20px;
margin-bottom:20px;
overflow:hidden;
padding:15px 0;
position:relative;
text-align:center;
transition:all 0.5s;
width:100%;
}

#panier .right .infos > div.btns a:hover{transform:scale(1.1);}

#panier .right .infos > div.btns button{
font-family:'Gotham Bold';
letter-spacing:1px;
margin-left:auto;
margin-top:20px;
text-decoration:underline;
text-transform:uppercase;
}

#panier .empty_cart{
display:block;
font-family:'Josefin SemiBoldItalic';
text-align:right;
text-decoration:underline;
}

#panier .right .infos > div span.mention{
border:none;
font-family:"Josefin Italic";
font-size:13px;
margin:10px 0 0 0;
padding:0;
width:100%;
}

/*ETAPE 2*/
main#panier.tunnel{
min-height:calc(100vh - 107px);
padding-top:0;
}

#panier.tunnel{
display:flex;
flex-flow:row nowrap;
}

#panier.tunnel .left{
padding:60px 40px 60px 40px;
width:65%;
}

#panier.tunnel .right{
padding:0 50px;
width:35%;
}

#panier.tunnel .left .centre{
max-width:100%;
width:770px;
}

#panier.tunnel .content{
max-width:none;
padding:0;
width:100%;
}

#panier.tunnel #login .content > section{padding:0 0 0 25px;}

#panier.tunnel #login .content > section.first{
padding-left:0;
padding-right:24px;
}

#panier.tunnel .right{
align-self:initial;
background-color:#EFEFEF;
}

#panier.tunnel .right .infos{
display:block;
font-size:14px;
}

#panier.tunnel .right .infos > div.btns{display:none;}

#panier.tunnel .right .action_pdt .qte{display:none;}

#panier.tunnel .right .list_panier > span{
cursor:pointer;
display:block;
font-size:14px;
line-height:20px;
position:relative;
width:100%;
}

#panier.tunnel .right .infos > div h3, #panier.tunnel .right .infos > div > span{
font-size:14px;
line-height:20px;
}

#panier.tunnel .right .list_panier > span::after{
border:solid #000;
border-width:0 2px 2px 0;
content:'';
display:block;
padding:3px;
position:absolute;
right:0;
text-align:center;
top:11px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
transition:all 0.5s;
}

#panier.tunnel .right .list_panier.open > span::after, #panier.tunnel .right.open .list_panier > span::after{
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}

#panier.tunnel .right .list_panier .title_cart, #panier.tunnel .right .cart-hover .total, #panier.tunnel .right .cart-hover .container .close_panier, #panier.tunnel .right .cart-hover .container .remove_item, #panier.tunnel .right .cart-hover .container > .btn.see_cart{display:none;}

#panier.tunnel .right.open .cart-hover .container{display:block;}

#panier.tunnel .right .cart_resp{
background-color:#000;
color:#FFF;
cursor:pointer;
display:none;
font-family:'Josefin SemiBoldItalic';
font-size:13px;
letter-spacing:1px;
line-height:16px;
padding:25px;
position:relative;
text-transform:uppercase;
width:100%;
}

#panier.tunnel.etape_1 .right .infos > div.liv, #panier.tunnel.etape_1 .right .infos > div.total_all{display:none;}

#panier.tunnel .right .cart_resp::after{
border:solid #FFF;
border-width:0 3px 3px 0;
content:"";
display:inline-block;
padding:3px;
position:absolute;
right:15px;
top:25px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
transition:tranform 0.5s;
}

#panier.tunnel .right.open .cart_resp::after{
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}

#panier.tunnel .right .cart-hover .container{
display:none;
padding-top:25px;
width:100%;
}

#panier.tunnel .right .cart-hover li{background:transparent;}

#panier.tunnel .right .cart-hover li + li{border-top:1px solid #FFF;}

#panier.tunnel .right .reduc.empty{display:none;}

#panier.tunnel .back_tunnel{
display:block;
font-family:'Josefin Italic';
font-size:16px;
margin-bottom:50px;
text-decoration:underline;
width:150px;
}

#panier.tunnel .livraison, #panier.tunnel .paiement{
border-bottom:1px solid #EFEFEF;
padding-bottom:50px;
padding-top:50px;
}

#panier.tunnel .livraison{padding-top:0;}

#panier.tunnel.etape_1 .livraison, #panier.tunnel.etape_2 .facturation, #panier.tunnel.etape_3 .paiement{border-bottom:1px solid #B2B2B2;}

#panier.tunnel .right .infos > div span.mention{display:none;}

#panier.tunnel.etape_3 .paiement .cgv{
font-family:'Josefin Italic';
font-size:16px;
letter-spacing:0;
line-height:20px;
text-transform:none;
}

#panier.tunnel .title_step{
display:block;
font-family:'Gotham Bold', sans-serif;
font-size:16px;
letter-spacing:2px;
margin-bottom:20px;
position:relative;
text-transform:uppercase;
}

#panier.tunnel .adr_panier{
border:1px solid #EFEFEF;
font-size:14px;
line-height:18px;
padding:25px;
margin-bottom:40px;
}

#panier.tunnel .adr_panier .recap{
position:relative;
padding:5px 0 0 50px;
}

#panier.tunnel .adr_panier .recap .maj{text-transform:uppercase;}

#panier.tunnel .adr_panier .recap .edit{
position:absolute;
display:block;
top:0;
left:0;
width:30px;
cursor:pointer;
}

#panier.tunnel .adr_panier > .form{display:none;}

#panier.tunnel .adr_panier > .form.open{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}

#panier.tunnel .adr_panier > .form .field{width:calc(100% - 35px);}

#panier.tunnel .adr_panier > .form .field.half{
width:calc(50% - 20px);
padding-right:0 !important;
padding-left:0 !important;
margin-top:0 !important;
}

#panier.tunnel .adr_panier > .form .selectric{
background:#fff;
border:none;
border-bottom:1px solid #B2B2B2;
padding:6px 0;
}

#panier.tunnel .adr_panier > .form .selectric .label{
margin:0 30px 0 0;
font-size:15px;
color:#000;
}

#panier.tunnel .adr_panier > .form .selectric .selectric-items li, #panier.tunnel .adr_panier > .form .selectric .selectric-items li.highlighted, #panier.tunnel .adr_panier > .form .selectric .selectric-items li.selected{
font-size:15px;
color:#000;
}

#panier.tunnel .adr_panier > .form .selectric .button{width:30px;}

#panier.tunnel .adr_panier > .form .erreur{
color:#A90707;
font-family:'Josefin SemiBold';
font-size:14px;
}

#panier.tunnel .adr_panier > .form .erreur, #panier.tunnel .adr_panier > .form .mention{width:100%;}

#panier.tunnel .adr_panier > .form > .btn{margin-top:10px;}

#panier.tunnel .bad_adresse, #panier.tunnel .err_etape{
color:#A90707;
font-family:'Josefin SemiBold';
font-size:14px;
}

#panier.tunnel .err_etape{
display:none;
padding-bottom:20px;
}

#panier.tunnel .checked .title_step{margin-bottom:25px;}

#panier.tunnel #compte.adresses .liste .aff .btn.compte{display:none;}

#panier.tunnel #compte.adresses .liste .aff .btn{
background:transparent;
display:block;
font-size:15px;
margin:15px 0;
max-width:75px;
padding:0;
text-align:right;
}

#panier.tunnel #compte.adresses .liste .aff .btn span.up{
background-color:#FFF;
color:#000;
text-decoration:underline;
}

#panier.tunnel #compte.adresses .liste .aff.active{border:1px solid #000;}

#panier.tunnel #compte.adresses .liste .aff .btn span.select{
background-color:#FFF;
border-bottom:1px solid #EFEFEF;
border-left:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
color:#000;
}

#panier.tunnel #compte.adresses .liste .aff{width:100%;}

#panier.tunnel #compte.adresses .facturation .liste .aff{
cursor:pointer;
width:calc((100% - 50px) / 2);
}

#panier.tunnel #compte.adresses .facturation .liste .aff.actif{border:1px solid #000;}

#panier.tunnel .checked div > span{
font-family:'Josefin Italic';
font-size:16px;
line-height:20px;
}

#panier.tunnel .checked span.maj{font-family:'Josefin SemiBold';}

#panier.tunnel .contenu.facturation{
display:none;
margin-top:25px;
}

#panier.tunnel .check.valid{cursor:pointer;}

#panier.tunnel.etape_3 .frais_liv{margin:15px 0;}

#panier.tunnel.etape_3 form > strong{
display:block;
font-family:'Josefin SemiBold';
font-size:15px;
font-weight:normal;
padding-bottom:10px;
}

#panier.tunnel.etape_3 .paiement form #card-element{
background-color:#FFF;
border-bottom:1px solid #B2B2B2;
display:block;
font-size:14px;
margin-bottom:25px;
max-width:100%;
padding:15px 0;
width:500px;
}

#panier.tunnel.etape_3 form .btn.valid{
background-color:#000;
border:0;
color:#FFF;
display:block;
font-family:'Josefin';
font-size:20px;
margin-left:auto;
margin-top:25px;
max-width:100%;
overflow:hidden;
padding:15px;
position:relative;
transition:all 0.5s;
width:250px;
}

#panier.tunnel.etape_3 form .btn.valid:hover{transform:scale(1.1);}

#panier.tunnel.etape_3 form .erreur{
color:#A90707;
display:none;
font-family:'Josefin SemiBold';
font-size:13px;
margin-top:15px;
padding:0 10px;
text-transform:uppercase;
}

#panier.tunnel.etape_3 form .cgv a{text-decoration:underline;}

#panier.tunnel.etape_3 #over_paiement{
background-color:rgba(255, 255, 255, 0.8);
display:none;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:9000;
}

#panier.tunnel.etape_3 #over_paiement::after{
content:url(../img/loading.gif);
height:200px;
left:50%;
margin:-98px 0 0 -98px;
position:absolute;
top:50%;
width:200px;
}

/**************************************************************/
/****************************ATTENTE PAIEMENT**********************/
/************************************************************/
#paiement_confirm{background-color:#FFF;}

#paiement_confirm .content{
align-items:center;
display:flex;
flex-flow:column nowrap;
justify-content:center;
min-height:calc(100vh - 257px);
padding:80px 50px;
}

#paiement_confirm .content > img{
margin:0 auto 25px;
max-width:75px;
}

#paiement_confirm .content article .titre{
font-family:'Love';
font-size:80px;
margin-top:25px;
text-align:center;
text-transform:uppercase;
}

#paiement_confirm .content article .texte{
font-family:'Josefin SemiBold';
font-size:18px;
letter-spacing:1px;
margin:25px auto;
max-width:800px;
text-align:center;
}

/**************************************************************/
/****************************CONFIMATION**********************/
/************************************************************/
#confirmation{background-color:#F2C665;}

#confirmation section{
align-items:center;
display:flex;
flex-flow:column nowrap;
justify-content:center;
min-height:calc(100vh - 257px);
padding:80px 50px;
}

#confirmation h1{
font-family:'Love';
font-size:85px;
text-transform:uppercase;
}

#confirmation article{
font-size:18px;
margin-top:25px;
text-align:center;
}

#contenus section{
margin:0 auto;
max-width:1060px;
padding:0 50px 50px;
}

#contenus section .ckeditor{font-size:17px;}