/* VARIABLES 
couleur arrières plan : #6b625a // old #565656 // veryold #6e6059
couleur textes clairs : #8e7c74
couleur exceptionnelle : #55aeaf
DEFAUT:
couleur arrières plan : #565656
couleur textes clairs : #949494
couleur exceptionnelle : #55aeaf
*/

@font-face {
font-family: 'Josefin Sans';
src: url('fonts/josefinsans.eot');
src: url('fonts/josefinsans.eot?#iefix') format('embedded-opentype'),
	 url('fonts/josefinsans.woff2') format('woff2'),
	 url('fonts/josefinsans.woff') format('woff'),
	 url('fonts/josefinsans.ttf') format('truetype'),
	 url('fonts/josefinsans.svg#josefin_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/PetitFormalScriptLatinExt.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/PetitFormalScriptLatin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

.main-font {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
/*font-family: 'Josefin Sans', sans-serif;*/
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
background: rgb(255,255,255);
/*background-image: url(../images/background.png);*/
background:#ffffff;
/*font-size:16px;*/
font-size:11px;
margin: 0;
padding: 0;
overflow-x:hidden;
}

*{ outline: none; }
img { border: none; }
a:focus { outline: 0; }
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0; }
.no-padding { padding: 0 !important; }
.all-center{
 position:absolute !important;
 top:50% !important;
 left:50% !important;
 -webkit-transform:translate(-50%, -50%) !important;
 transform:translate(-50%, -50%) !important;
 }
 
/***********************************************************************************
                                        ENTETE
***********************************************************************************/

#topbar-message{
text-align:center;
padding:15px;
}
#topbar{
height:48px;
padding:0px 15px 15px 15px;
border-top:3px solid #565656;
/*font-family: 'Petit Formal Script', sans-serif;*/
font-size:0.9em;
white-space: nowrap;
}
#topbar .social-links{
padding-top:10px;
}
.quick-link{
position:relative;
display:inline-block;
padding:10px 20px;
}
.quick-link,
a.quick-link,
.quick-link a{
color:grey;
}
.quick-link + a:before,
.quick-link + span.quick-link:before{
content:'';
display:block;
width:1px;
height:30%;
position:absolute;
top:35%;
left:0;
background:#565656;
opacity:0.5;
}
#quick-links .connected{
/*color:#9ED659;*/
text-decoration:underline;
}
.quick-link #account-hover{
display:none;
position:absolute;
top:100%;
right:0;
background:white;
text-align:center;
width:100%;
z-index:99999;
}
.quick-link:hover #account-hover{
display:block;
}
.quick-link #account-hover a{
display:block;
padding:8px 20px;
/*font-family: 'Josefin Sans', sans-serif;*/
}
#logobar{
background:#565656;
text-align:center;
/*height:120px;*/
height:240px;
/*border:1px solid green;*/
position:relative;
}
#logo-website{
display:inline-block;
position:relative;
z-index:1000;
padding:10px;
background:#565656;
border-radius:50%;
}
#logo-website img{
/*border:1px solid black;*/
max-width:100%;
max-height:220px;
border-radius:50%;
/*position:relative;
top:5px;*/
}

@media all and (max-width: 600px){
    #logobar{
    /*text-align:left;*/
    /*height:60px;*/
    height:200px;
    }
    #quick-links{
    line-height:3.1em;
    font-size:16px;
    }
	.quick-link{
	padding:0px 20px;
	}
    /*#logo-website{
    position:relative;
    left:15px;
    }*/
    #logo-website img{
    /*width:150px;*/
    max-height:150px;
    }
    #header-menu-button{
        position:absolute;
        top:-2px;
        left:0px;
    }
    #header-menu-button:hover{
		opacity:0.5;
    }
    #header-menu-button button{
        border:1px solid white;
    }
    #header-menu-button .icon-bar{
		background: black;
    }
}

/***********************************************************************************
                                        MENU
***********************************************************************************/

#menubar{
border-bottom:1px solid #565656;
}
.menubar-content{
max-width:1400px;
margin: auto;
}
nav#main-menu{
font-size:1.0em;
text-align:center;
position:relative;
z-index:200;
background:white;
height:65px;
/*font-family: 'Petit Formal Script', sans-serif;*/
}
nav#main-menu ul{
display:inline;
list-style:none;
margin:0;
padding:0;
}
nav#main-menu li{
}
nav#main-menu li:hover .sub-menu{
display:block;
}
nav#main-menu a.menu-button{
display:inline-block;
color:#565656;
text-align:center;
text-decoration:none;
width:100%;
height:100%;
line-height:50px;
padding:8px 20px 6px 20px;
vertical-align:middle;
}
nav#main-menu a.menu-button:hover span,
nav#main-menu a.menu-button.active span{
font-weight:bold;
}
.menu-link{
line-height:22px;
vertical-align:middle;
display:inline-block;
}
@media all and (min-width: 601px){
	nav#main-menu ul{
	display:flex;
	}
	nav#main-menu li{
    flex-basis: 100%;
	}
}
@media all and (max-width: 600px){
    nav#main-menu{
    text-align:center;
    font-size:0.9em;
    height:auto;
    border:none;
    border-bottom:1px solid #ddd;
    box-shadow:0px 1px 8px rgba(0,0,0,0.3);
    }
    nav#main-menu ul{
    margin-right:0px;
    }
    nav#main-menu li{
    /*line-height:40px;*/
    }
    nav#main-menu li:hover .sub-menu{
    display:none;
    }
    nav#main-menu li,
    nav#main-menu a.menu-button{
    line-height:30px;
    }
    nav#main-menu li br{
    display:none;
    }
}
/*nav#mobile-menu{
background:#a2d9c4;
font-size:1.2em;
margin-top:41px;
margin-bottom:0px;
z-index:200;
}
nav#mobile-menu a{
color:#666;
}
nav#mobile-menu a:hover{
color:white;
}
nav#mobile-menu.navbar{
border:none;
min-height:0px;
}
nav#mobile-menu .navbar-header{
height:45px;
}
nav#mobile-menu .navbar-nav{
background:#f6cbc8;
margin-top:0px;
}
nav#mobile-menu .navbar-form, nav#mobile-menu .nav{
margin-top:0px;
margin-bottom:0px;
}
*/

/***********************************************************************************
                                        SUB MENU
***********************************************************************************/

.sub-menu{
display:none;
border:1px solid lightgrey;
border-top:none;
background:white;
position:absolute;
top:100%;
left:0;
width:100%;
/*font-family: 'Josefin Sans', sans-serif;*/
}
.sub-menu .category{
display:inline-block;
width:16%;
padding:10px 15px 0 15px;
position:relative;
text-align:center;
vertical-align:top;
}
.sub-menu a{
color:inherit;
}
.sub-menu a:hover div{
font-weight:bold;
}
/*.sub-menu > a:first-of-type > div{
border-left:1px solid lightgrey;
}
.sub-menu > a > div{
border-right:1px solid lightgrey;
}*/
.sub-menu .category-title{
height:50px;
/*font-size:0.9em;*/
line-height:1em;
/*margin-top:10px;*/
position:relative;
}
.sub-menu .category-title div{
width:90%;
}
.sub-menu .category-image {
background-size:cover;
border-radius:50%
}
/*.sub-menu .category-image img{
max-width:100%;
max-height:140px;
}*/

/***********************************************************************************
                                        SEARCH RESULTS
***********************************************************************************/

#search-results:not(:empty){
background:white;
margin:20px 0px;
padding:25px;
}
#search-results div{
margin-bottom:10px;
}
#search-results img{
width:100%;
height:auto;
border-radius:5px;
margin-bottom:5px;
}
#search-results a{
color:#666;
font-size:1.1em;
text-decoration:none;
}
/*@media all and (max-width: 600px){
    #search-results div{
         width: 40%;
    }
}*/

.search-proposal{
border:1px solid grey;
background:white;
position:absolute;
top:100%;
left:0;
width:100%;
z-index:100;
/*display:none;*/
}
.search-proposal:empty{
display:none;
}
.search-proposal a{
display:block;
border-bottom:1px solid lightgrey;
padding-left:5px;
}
.search-proposal .mark{
font-weight:bold;
padding-left:0;
padding-right:0;
}

/***********************************************************************************
                                       HEADER BASKET
***********************************************************************************/

#basket-link{
position:relative;
background:#565656;
}
#basket-link > a{
display:inline-block;
color:white;
padding:10px;
}
#basket-link:hover #basket-preview{
display:block;
}
#basket-preview{
display:none;
position:absolute;
top:100%;
right:0;
background:white;
color:black;
padding:10px;
border:1px solid black;
z-index:1001;
/*font-family: 'Josefin Sans', sans-serif;*/
}
#basket-preview .product-preview{
position:relative;
display:inline-block;
width:50px;
height:50px;
/*border:1px solid lightgrey;*/
}
#basket-preview .product-title{
padding:0px 15px;
max-width:200px;
line-height:1.0em;
}
#basket-preview .product-title a{
color:black;
text-decoration:none;
}
#basket-preview .product-title a:hover{
text-decoration:underline;
}
#basket-preview .product-subtitle{
margin-left:17px;
}
#basket-preview .price{
color:#949494;
padding:0px 5px;
text-align:right;
}
#basket-preview .total-price{
border-top:1px dashed #bbb;
margin-top:4px;
padding-top:7px;
margin-bottom:10px;
}

/***********************************************************************************
                                        CONTENU
***********************************************************************************/

.max-container {
max-width: 1200px;
margin-left:auto;
margin-right:auto;
position:relative;
}
.content-container{
padding:20px;
}
.content-header{
}
.content-header h1{
margin:20px 0px 30px 0px;
font-size:1.6em;
line-height:1.9em;
/*font-weight:bold;*/
text-align:center;
/*font-family: 'Petit Formal Script', sans-serif;*/
}
.content-header a{
color:#D7C02E;
}
.content-header .logout{
position:absolute;
top:15px;
right:20px;
}
.page-breadcrumb{
margin-top:30px;
}
.page-breadcrumb .breadcrumb-elem{
padding:0px 10px;
color:#2a2a2a;
}
.page-breadcrumb .breadcrumb-elem:first-of-type{
padding-left:0px;
}
.page-breadcrumb .breadcrumb-elem.current-page{
color: #888;
cursor: auto;
text-decoration: none;
}
.content{
background:white;
margin:20px auto;
position:relative;
}
@media all and (max-width: 600px){
    .content-container{
    padding:14px;
    }
    .page-breadcrumb .breadcrumb-elem{
    padding:0px;
    }
}

/***********************************************************************************
                                    GENERIQUE
***********************************************************************************/

.bg-colored{
background:#565656;
color:white;
}

.required-asterisk{
color:orange;
font-size:0.9em;
}

h1.big-title{
text-align:center;
margin:5px auto 0px auto;
/*font-family: 'Petit Formal Script', sans-serif;*/
font-size:1.6em;
}
h1.big-title .tild{
font-size:1.5em;
/*position:relative;
top:17px;*/
}

.text-shadow{
text-shadow:0px 2px 0px #5C2A00;
}

.my-form-control{
width: 100%;
padding: 12px;
margin: 6px 0 4px;
border: 1px solid #ccc;
background: #fafafa;
font-size: 0.95em;
line-height: normal;
border-radius: 2px;
transition:background 0.2s ease;
}
.my-form-control:focus{
background:white;
}
.inline-form-control{
display:inline;
}

.action-btn{
background:white;
padding:5px 10px;
color:#565656;
border:1px solid #565656;
}
a.action-btn,
.action-btn a,
.action-btn a:hover{
color:#565656;
text-decoration:none;
}
.action-btn-primary{
background:#565656;
padding:5px 10px;
color:white;
border:1px solid #565656;
}
a.action-btn-primary,
.action-btn-primary a,
.action-btn-primary a:hover{
color:white;
text-decoration:none;
}
.action-btn-gold{
background: #55aeaf;
padding:5px 10px;
color:white;
border:1px solid #55aeaf;
}
a.action-btn-gold,
.action-btn-gold a,
.action-btn-gold a:hover{
color:white;
text-decoration:none;
}
.big-action-btn{
border-radius: 30px;
padding: 10px 25px;
font-size: 1.25em;
line-height: 1.25em;
}

.text-ellipsis{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.background-cover{
background-size:cover;
background-position:center center;
}

.social-links img{
max-width:26px;
max-height:26px;
}

.image-pinterest-button{
position:absolute;
top:5px;
left:5px;
opacity:0.6;
}
.image-pinterest-button:hover{
opacity:1;
}

.lazy{
opacity:0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.lazy.on{
opacity:1;
}

.keep-ratio{
position:relative;
overflow:hidden;
}
.keep-ratio:before{
content:'';
display:block;
width:100%;
}
.keep-ratio-1-1:before{ /* 1:1 */
padding-top:100%;
}
.keep-ratio-4-3:before{ /* 4:3 */
padding-top:75%;
}
.keep-ratio-16-9:before{ /* 16:9 */
padding-top:56.25%;
}
.keep-ratio .inner-keep-ratio{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

.product-subtitle{
color:#565656;
font-size:0.8em;
}

.item-state{
}
.item-state-icon{
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
}
.item-state.available{
color:#7bb51f;
}
.item-state.available .item-state-icon{
background: #7bb51f;
}
.item-state.unavailable{
color:#fe9126;
}
.item-state.unavailable .item-state-icon{
background:#fe9126;
}
.stock-error{
color:red;
}
.stock-warning{
color:orange;
}

@media all and (max-width: 600px){
    h1.big-title .tild{
    /*display:block;*/
    display:none;
    }
}


/***********************************************************************************
                                    LISTE DE PRODUITS
***********************************************************************************/

#products-sort{
display:inline-block;
width:auto;
}
.product-thumb{
vertical-align:top;
margin:10px 0px;
text-align:center;
background:white;
}
.product-thumb:hover{
/*box-shadow: 1px 2px 10px grey;*/
}
.product-thumb:hover .product-photo .img{
/*-webkit-transform:translate(-50%, -50%) scale(1.1);
transform:translate(-50%, -50%) scale(1.1);*/
/*opacity:0.8;*/
}
.product-thumb a{
text-decoration:none;
color:#333;
}
.product-thumb .product-photo{
position:relative;
/*box-shadow: 0px 0px 6px #aaa;*/
/*border:1px solid lightgrey;*/
/*height:200px;
overflow:hidden;*/
}
.product-thumb .product-photo .img{
/*min-width:100%;*/
/*min-height:100%;*/
height:100%;
/*transition:all ease 1s;*/
}
.product-thumb .product-photo .second-img{
opacity:0;
transition:opacity 0.2s ease;
}
.product-thumb:hover .product-photo .second-img{
opacity:1;
}
.product-thumb .hover-menu{
width:100%;
/*display:none;*/
opacity:0;
pointer-events:none;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
transition:opacity 0.2s ease;
}
.product-thumb:hover .hover-menu{
/*display:block;*/
opacity:1;
}
.product-thumb .preview,
.product-thumb .add-to-cart{
display:inline-block;
border-radius:30px;
border:2px solid transparent;
padding:5px 15px;
box-shadow: 0px 0px 6px #aaa;
opacity:0.8;
pointer-events:all;
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.product-thumb .preview{
background:white;
margin-bottom:20px;
}
.product-thumb .add-to-cart{
background:#565656;
color:white;
}
.product-thumb .preview:hover,
.product-thumb .add-to-cart:hover{
border-color: grey;
}
.product-thumb .product-info{
padding:0px 8px;
}
.product-thumb .product-title{
padding:15px 0px 5px 0px;
font-size:1.2em;
text-align:left;
}
.product-thumb .product-subtitle{
font-size:1.0em;
text-align:left;
}
.product-thumb .price{
color:grey;
padding-bottom:10px;
font-weight:bold;
float: right;
}
.product-thumb .price2{
color:red;
}
.unavailable-product{
position:absolute;
top:15px;
right:20px;
background:#eee;
font-size:10px;
line-height:10px;
width:50px;
height:50px;
border-radius:50%;
padding-top:13px;
color:#999;
text-align: center;
}
@media all and (max-width: 600px){
    #products-sort{
        margin-top:10px;
    }
    .products-list .row{
		margin-right: 0px;
		margin-left: 0px;
    }
    .products-list .col-xs-6:nth-child(2n+1){
		padding-right: 5px;
		padding-left: 10px;
    }
    .products-list .col-xs-6:nth-child(2n){
		padding-right: 10px;
		padding-left: 5px;
    }
    .product-thumb .product-info{
        padding:0px 2px;
        font-size:0.9em;
    }
}

.product-preview-modal .modal-content{
background:white;
color:black;
}
.product-preview-modal .modal-close:before {
top:5px;
right:-40px;
}

/***********************************************************************************
									  PRODUIT
***********************************************************************************/

.product .main-image{
border:5px solid white;
background:white;
}
.product .main-image .main-image-img{
/*min-width:100%;*/
height:100%;
cursor:pointer;
}
.photos-previews{
position:relative;
margin:8px 0px 5px 5px;
}
.photos-previews .photo-sup{
display:inline-block;
width:calc(33% - 10px);
/*margin-right:5px;*/
cursor:pointer;
/*border:2px solid white;*/
/*height:70px;*/
background:white;
}
@media all and (min-width: 992px){
	.col-md-2 .photos-previews .photo-sup{
	width: 100% !important;
	margin-left: 0 !important;
	}
}
.photos-previews > div + div{
margin-left:13px;
}
.photos-previews.nb-results-4 .photo-sup{
width:calc(25% - 11px);
}
.photos-previews.nb-results-5 .photo-sup{
width:calc(20% - 10px);
}
.photos-previews.nb-results-5 > div + div{
margin-left:11px;
}
.photos-previews.nb-results-5 > div + div:nth-child(6){
margin-left:0px;
}
.photos-previews .photo-sup .img{
/*min-width:100%;*/
height:100%;
}
/*.photos-previews .photo-sup .icon{
position:absolute;
bottom:0px;
right:5px;
color:white;
}*/
/*.photos-previews img{
width:100%;
}*/
.product .title{
display:inline-block;
font-size:24px;
margin:0;
/*font-family: 'Petit Formal Script', sans-serif;*/
}
.product .product-subtitle{
margin-top: 10px;
}
.product .price{
font-weight:bold;
font-size:1.3em;
margin:25px 0px;
}
.product .price2{
color:red;
}
.product .description{
margin-bottom:35px;
font-size:1.1em;
}
.product #quantity{
width:50px;
display:inline;
}
.product .item-state{
float:right;
text-align:right;
margin-right:10px;
position:relative;
top:3px;
}
.product .add-to-basket{
text-align:center;
text-transform:uppercase;
}
.product .add-to-basket .action-btn-gold{
margin-left: 10px;
margin-top: 10px;
}
#product-likes{
font-size:1.3em;
color:#565656;
margin-top:30px;
}
#product-likes img{
cursor:pointer;
}
#product-likes button{
margin:20px auto 15px auto;
display:block;
}
.reviews{
margin:20px 0px;
}
.reviews .review{
margin-bottom:10px;
}
.reviews .image{
display:inline-block;
width:40px;
vertical-align:top;
}
.reviews .image img{
width:30px;
height:30px;
}
.reviews .bloc{
display:inline-block;
width:calc(100% - 50px);
vertical-align:top;
}
.reviews .name{
font-weight:bold;
padding-left:0px;
}
.reviews .message{
background:#f1f1f1;
border:1px solid #e1e1e1;
padding:9px 12px;
display:inline-block;
}
.marketing-items{
margin:40px auto;
}
.marketing-item{
margin-top:10px;
margin-bottom:10px;
}
.marketing-item-img{
width:48px;
margin:10px auto;
}
.marketing-item-title{
text-transform:uppercase;
font-weight:bold;
}
.marketing-item-subtitle{
font-size:0.9em;
color:grey;
}
@media all and (max-width: 600px){
    .product .add-to-basket-mobile{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    white-space:nowrap;
    word-break: keep-all;
    text-transform:uppercase;
    }
    .product .add-to-basket-mobile .action-btn-primary,
    .product .add-to-basket-mobile .action-btn-gold{
    padding: 0;
    width: 100%;/*50%,*/
    height: 100%;
    border-radius: 0;
    border: 0;
    }
    .product .add-to-basket-mobile .action-btn-primary:hover,
    .product .add-to-basket-mobile .action-btn-gold:hover {
    	filter: brightness(120%);
    }
    .product .add-to-basket-mobile .action-btn-gold{
    	margin-left: 0px;
    	margin-top: 0px;
    }
}


/***********************************************************************************
                                  GROUPES ET CATEGORIES DE PRODUITS
***********************************************************************************/

.categories-group-description-container,
.category-description-container{
margin-bottom:30px;
padding:15px;
color:white;
background:#6b625a;
display:flex;
align-items:center;
}
.categories-group-description-container a,
.category-description-container a{
color:white;
text-decoration:underline;
}
.categories-group-description-image img,
.category-description-image img{
display:none;
width:150px;
height:150px;
}
.categories-group-description,
.category-description{
/*padding:10px;*/
}
.categories-group-description p:last-of-type,
.category-description p:last-of-type{
margin-bottom:0;
}

.categories-title{
display:none;
margin-top:0px;
margin-bottom:25px;
}

a.category-thumb-link{
color:#333;
}
.category-thumb{
margin-bottom:15px;
position:relative;
text-align:center;
}
.category-thumb:hover{
font-weight:bold;
}
.category-thumb .category-title{
height:80px;
font-size:1.4em;
margin-top:10px;
position:relative;
/*background:rgba(255,255,255,0.7);
position:absolute;
top:50%;
left:0;
width:100%;
transform:translateY(-50%);*/
}
.category-thumb .category-title div{
width:90%;
}
.category-thumb .category-image{
background-size:cover;
border-radius:50%
}

/************************************************************************
                                                      BASKET PAGE
************************************************************************/

.basket-line-head{
font-weight:bold;
}
.basket-line-head .cell{
background:whitesmoke;
}
.basket-page .basket-lines{
margin: 0px 15px;
}
.basket-page .basket-lines .cell{
border-top:1px solid lightgrey;
border-left:1px solid lightgrey;
height:130px;
padding:15px 15px;
}
.basket-page .basket-line-head,
.basket-page .basket-line{
border-right:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}
.basket-page .basket-lines .basket-line-head .cell{
height:30px;
padding:5px 15px;
}
.basket-page .basket-lines .product-preview{
position:relative;
display:inline-block;
width:100px;
height:100px;
/*border:1px solid lightgrey;*/
}
.basket-page .basket-lines a,
.basket-page .basket-lines a:hover{
color:black;
}
.basket-page .basket-lines .cell.quantity .btn{
display:inline-block;
width:20px;
height:20px;
line-height:20px;
padding:0;
}
.basket-page .basket-line.unavailable{
color:#CACACA;
}
.basket-page .item-state{
display:inline-block;
margin-top:8px;
font-size:0.9em;
}
.coupon-form{
text-align: right;
margin: 0px 0px 20px 0px;
}
.coupon-form input[type="text"]{
border: 1px solid grey;
height: 34px;
width: 135px;
padding: 10px;
text-transform: uppercase;
}
.coupon-form .remove-coupon{
border: 1px solid #d80101;
color: #d80101;
}
.coupon-form .message{
color:#75C02A;
margin-top:5px;
}
.basket-resume-container{
width: 100%;
max-width: 700px;
}
.basket-page .basket-resume-container{
float:right;
}
table.order-options{
border-color:white;
width: 100%;
}
table.order-options tr td{
padding:15px;
}
table.order-options tr td:first-child{
background:#ddd;
width: 170px;
}
table.order-options label{
font-weight:normal;
}
.shipping-options{
position:relative;
}
.shipping-option-radio input,
.shipping-option-label label{
cursor:pointer;
}
.shipping-option-radio{
display:inline-block;
width:28px;
vertical-align:top;
}
.shipping-option-label{
display:inline-block;
width:calc(100% - 34px);
vertical-align:top;
}
.shipping-option-label-name{
white-space:nowrap;
}
.shipping-option-price{
white-space:nowrap;
color:grey;
}
.shipping-option-description{
background: #f3f3f3;
padding: 10px;
margin-bottom: 5px;
}
.shipping-option-description p{
margin:0;
}
.get-free-shipping{
font-size:1.5em;
font-weight:bold;
color:grey;
}
.get-free-shipping.valid{
color:#75C02A;
}
.get-free-shipping-info{
color:grey;
font-size:0.9em;
}
.order-weight{
color:grey;
font-size:0.9em;
}
.basket-footer-btns{
text-align:right;
}
/* mobile */
.basket-page .basket-line.basket-line-mobile{
border:1px solid lightgrey;
border-radius:3px;
margin:5px auto;
background:white;
padding:15px;
}

@media all and (max-width: 600px){
    .basket-page .basket-lines{
    margin: 0px auto;
    }
	.basket-footer-btns{
	text-align:center;
	margin-top:20px;
	}	
	table.order-options tr td:first-child{
	width: 100px;
	}
}
@media all and (min-width: 601px){
	.shipping-option-label{
	white-space: nowrap;
	}
}

/***********************************************************************************
                                    LOGIN / REGISTER
***********************************************************************************/

.login-form,
.register-form{
max-width:350px;
margin:auto;
}
.login-form a,
.register-form a{
color:#565656;
}
a.facebook{
color:#366197;
}
a.facebook span{
display:inline-block;
vertical-align:middle;
}
a.facebook img{
width:40px;
}
.forgot-password{
font-size:0.9em;
line-height:2.1em;
}
.register-intro{
font-size:0.95em;
line-height:1.3em;
}
.facebook-btn{
background:#3b5998;
color:white;
border-radius:5px;
padding:8px;
text-align:center;
}
.or-block{
text-align:center;
margin:30px 0px;
color:grey;
}
.or-block .stroke{
display:inline-block;
width:25%;
height:1px;
background:lightgrey;
}
.login-form .btn-primary,
.register-form .btn-primary{
background:#565656;
border-color:#565656;
}

/***********************************************************************************
                                    ACCOUNT 
***********************************************************************************/

.account-page label{
position:relative;
top:5px;
}
a.simple-line-result{
display:block;
padding:10px 15px 8px 15px;
margin-bottom:15px;
color:black;
border:1px solid lightgrey;
background:#eee;
}
a.simple-line-result:hover{
text-decoration:none;
background:lightgrey;
}
.simple-line-result .glyphicon{
position:relative;
top:2px;
margin-right:5px;
color:#565656;
}
.account-orders-page h3,
.account-orders-page h4{
font-weight:bold;
}
.account-orders-page .product-line{
margin-bottom:10px;
}
.account-orders-page .product-line a{
color:black;
}
.account-orders-page .product-line a:hover *{
text-decoration:underline;
}
.account-orders-page .product-preview{
margin-right:10px;
}

/***********************************************************************************
                                    ARTICLES
***********************************************************************************/

.article-preview{
border-bottom:1px solid #ddd;
text-decoration:none;
color:black;
display:block;
padding:0px 20px 10px 20px;
}
.article-preview:hover{
text-decoration:none;
color:black;
}
.article-preview:hover .article-title{
text-decoration:underline;
}
.article-title{
font-size:1.2em;
font-weight:bold;
}
.article-description{
color:#666;
}
.read-button{
color:white;
padding:5px 10px;
background:#565656;
}

/***********************************************************************************
                                    CONTACT
***********************************************************************************/

.contact-form{
max-width:1000px;
margin:auto;
}

/***********************************************************************************
                                    PIED DE PAGE
***********************************************************************************/

#main-footer{
/*margin-top:30px;*/
background:white;
box-shadow:0px -3px 6px -3px rgba(100, 100, 100, 0.7);
}
#main-footer .title{
font-size:1.3em;
margin-bottom:8px;
}
#main-footer label{
color: #949494;
font-weight:normal;
}
#main-footer a{
color:#333;
text-decoration:none;
}
#main-footer a:hover{
color:#949494;
}
#main-footer .more-info{
color:grey;
margin-top:15px;
font-size:0.9em;
}
#main-footer .input-group{
max-width:200px;
}
#main-footer-links a{
display:block;
margin:0 0 6px;
}
#main-footer .social-links{
}
#main-footer form{
display:inline-block;
}
#bottom-bar{
padding-top:10px;
padding-right:10px;
background:#fff;
border-top:1px solid whitesmoke;
}
@media all and (max-width: 600px){
	#main-footer{
	text-align:center;
	}
	#main-footer-links a{
	display:block;
	margin:0 0 10px;
	}
}

/***********************************************************************************
                                    FENETRE MODALE
***********************************************************************************/

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.modal-show {
	visibility: visible;
}

.modal-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0, 0, 0, 0.85);/*143,27,15,0.8);*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show ~ .modal-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.modal-content {
	color: #fff;
	background: black;/*#e74c3c;*/
	/*border: 1px solid black;*/
	position: relative;
	border-radius: 3px;
	margin: 0 8px;
	font-size:0.9em;
	padding:6px 6px 12px 6px;
	min-width:150px;
	min-height:150px;
}

.modal-content img{
    display:block;
    margin:auto;
    max-width:100%;
}

.modal-close:before {
   content: 'x';
	font-size: 3.0em;
	line-height:0.8em;
	color:white;
	position:absolute;
	text-align:center;
	top:5px;
	right:15px;
	width:40px;
	height:40px;
	cursor: pointer;
	text-shadow:1px 1px 5px black;
}

.modal .main-image{
    min-height:100px;
}

.modal .modal-number{
    position:relative;
    top:8px;
    left:5px;
}

.modal .previous-button:before,
.modal .next-button:before{
    display:block;
    position:absolute;
    bottom:-10px;
    width:40px;
    height:40px;
    color:white;
    font-size:2.0em;
    line-height:2.0em;
    text-align:center;
    cursor:pointer;
    /*border:1px solid white;*/
}

.modal .previous-button:before{
    content: '<';
    right:70px;
}

.modal .next-button:before{
    content: '>';
    right:10px;
}

/* Effect 1: Fade in and scale up */
.modal-effect .modal-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect .modal-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/***********************************************************************************
                                    COOKIES BANNER
***********************************************************************************/

#cookies-banner{
position:fixed;
bottom:0;
left:0;
width:100%;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-top:1px solid grey;
background:rgba(255, 255, 255, 1);
color:#333;padding:25px;
text-align:center;
z-index:100;
transition:transform 0.25s ease;
}
#cookies-banner.off{
transform:translateY(100%);
}
#cookies-banner img{
float:left;
margin:0 10px 10px 0;
width:52px;
height:52px;
}

/***********************************************************************************
                                    CUSTOM
***********************************************************************************/

/* MAIN COLOR */

header{
padding-top:48px;
}
#topbar{
border-top:3px solid #6b625a;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
background: white;
}
#quick-links > a + a:before{
background:#6b625a;
}
#logobar{
background:#6b625a;
}/*background-image: url(/uploads/img/header-janvier.jpg);
background-position: right;
height: 450px;
}
@media all and (max-width: 600px){
    #logobar{
    height:150px;
    background-size:cover;
    background-image: url(/uploads/img/header-janvier-mobile.jpg);
    }
}
#logobar .max-container{
display:none;
}*/
#logo-website{
background:#6b625a;
}
#basket-link .basket-img{
width: 20px;
position: relative;
top: -3px;
margin-right: 4px;
}
#header-menu-button .icon-bar{
background: #6b625a;
}
#menubar{
border-bottom:1px solid #6b625a;
}
nav#main-menu a.menu-button{
color:#6b625a;
}
nav#main-menu li[data-name='marche-de-noel'] a.menu-button{
color:white;
font-weight:bold;
}
nav#main-menu li[data-name='marche-de-noel']{
background:#bc000f;
/*width:19%;*/
position:relative;
}
nav#main-menu li[data-name='marche-de-noel']:after{
content:'';
display:block;
width:50px;
height:60px;
position:absolute;
right:0;
top:-15px;
background-image:url('/images/noel-gingerbread.png');
background-size: 50px 59px;
pointer-events: none;
animation: noel-gingerbread-anim 4s infinite;
}
@keyframes noel-gingerbread-anim {
  0% {transform: rotate(0deg);}
  15% {transform: rotate(-40deg);}
  45% {transform: rotate(25deg);}
  60% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}
#basket-link{
background:#6b625a;
}
.bg-colored{
background:#6b625a;
}
.action-btn{
color:#6b625a;
border:1px solid #6b625a;
}
a.action-btn,
.action-btn a,
.action-btn a:hover{
color:#6b625a;
}
.action-btn-primary{
background:#6b625a;
border:1px solid #6b625a;
}
.product-subtitle{
color:#6b625a;
}
.inscription{
background:#6b625a;
}
.product-thumb .add-to-cart{
background:#6b625a;
}
#product-likes{
color:#6b625a;
}
.login-form a,
.register-form a{
color:#6b625a;
}
.login-form .btn-primary,
.register-form .btn-primary{
background:#6b625a;
border-color:#6b625a;
}
.simple-line-result .glyphicon{
color:#6b625a;
}
.read-button{
background:#6b625a;
}

/* SECOND COLOR */

#basket-preview .price{
color:#8e7c74;
}
#main-footer label{
color: #8e7c74;
}
#main-footer a:hover{
color:#8e7c74;
}

/* MORE CUSTOM */

.touk-touk{
position:relative;
margin:0px 4px 3px 5px;
width:24px;
}
.touk-touk,
.touk-touk:before,
.touk-touk:after{
display:inline-block;
height:2px;
border-radius:3px;
background:black;
vertical-align:middle;
}
.touk-touk:before, 
.touk-touk:after{
position:absolute;
top:0;
content:'';
width:2px;
}
.touk-touk:before{
left:-5px;
}
.touk-touk:after{
left:-10px;
}