@font-face {
	font-family : "BELLABOO";
	src         : url("../polices/BELLABOO-Regular.eot");
	src         : url("../polices/BELLABOO-Regular.eot?#iefix") format("embedded-opentype"),
	url("../polices/BELLABOO-Regular.woff") format("woff"),
	url("../polices/BELLABOO-Regular.ttf") format("truetype");
	font-weight : normal;
	font-style  : normal;
}

.visible {
	overflow   : hidden !important;
	max-height : none !important;
	height     : auto !important;
}

.container-fluid {
	padding-left  : 0;
	padding-right : 0;
}

/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */
* {
	box-sizing : border-box;
}

html, body {
	margin      : 0;
	padding     : 0;
	width       : 100%;
	height      : 100%;
	font-family : "Raleway";
	font-size   : 14px;
}

body {
	color            : #000000;
	text-align       : center;
	background-color : #F4EEE6;
}

#main {
	position   : relative;
	top        : 0;
	left       : 0;
	width      : 100%;
	min-height : 100%;
	margin     : 0 auto;
	text-align : justify;
}

#affichage_menu {
	position    : absolute;
	top         : 0;
	right       : 0;
	width       : 50px;
	height      : 50px;
	line-height : 65px;
	text-align  : center;
	z-index     : 1200;
	/*background-color: rgba(244, 238, 230,0.5);*/
	display     : none;
}

#affichage_menu.fixed {
	position         : fixed;
	background-color : transparent;
}


#affichage_menu a {
	display         : block;
	color           : #4D3323;
	font-size       : 30px;
	text-decoration : none;
}

#affichage_menu a i.fa-bars {
	display : inline-block;
}

#affichage_menu a i.fa-close {
	display : none;
}

#affichage_menu.open a i.fa-bars {
	display : none;
}

#affichage_menu.open a i.fa-close {
	display : inline-block;
}

@media only screen and (max-width : 800px) {
	#affichage_menu {
		display : block;
	}
}

/* --------------------------------------------------------------- */
/*
/* Flex
/*
/* --------------------------------------------------------------- */
.flex {
	width           : 100%;
	height          : 100%;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
}

.flex.end-align {
	justify-content : flex-end;
}


/* --------------------------------------------------------------- */
/*
/* Partie Gauche
/*
/* --------------------------------------------------------------- */
#gauche {
	position   : fixed;
	top        : 0;
	width      : 250px;
	height     : 100%;
	/*background: url("images/texture_menu_2.jpg") #DBCBAD;*/
	background : #DBCBAD;
	z-index    : 1000;
	text-align : center;
	overflow-y : auto !important;
}

@media only screen and (max-width : 800px) {
	#gauche {
		position   : fixed;
		top        : 0;
		width      : 100%;
		visibility : hidden;
		opacity    : 0;
	}

	#gauche.visible {
		visibility : visible;
		opacity    : 1;
		transition : all ease 0.3s;
	}
}

/*@media only screen and (max-height:750px){
	#gauche {
		overflow-y: scroll;
	}
}*/
/* --------------------------------------------------------------- */
/*
/* Header
/*
/* --------------------------------------------------------------- */
#entete {
	position   : relative;
	top        : 0;
	left       : 0;
	height     : 14vh;
	padding    : 0 25px;

	min-height : 100px;
}

#entete #logo {
	position   : relative;
	top        : 0;
	left       : 0;
	display    : block;
	width      : 100%;
	height     : 100%;
	min-height : 100px;
}

#entete #logo img {
	max-height : 17vh;
	max-width  : 200px;
}

/*@media only screen and (max-width:450px) {
	#entete {
		height: 12vh;
		padding:0 60px;
	}
}*/


/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */
#menu {
	position    : relative;
	top         : 0px;
	left        : 0;
	width       : 100%;
	font-weight : 400;
	height      : 40vh;

	min-height  : 275px;
}

#menu ul {
	list-style-type : none;
	margin          : 0;
	padding         : 0;
}

#menu ul li {
	margin  : 0px;
	padding : 0;
}

#menu ul li a {
	text-decoration : none;
	display         : block;
	padding         : 0 10px;
	text-align      : center;
	font-size       : 17px;
	color           : #5F4733;
	margin          : 10px 0;
	font-weight     : 600;
}

#menu ul.menu_panier {
	width  : 50%;
	margin : 0 auto;
}

#menu ul.menu_panier li {
	width : 50%;
	float : left;
}

#menu ul.menu_panier li a {

	font-size : 25px;
}

#menu ul.menu_panier li a#panier_menu {
	position : relative;
	top      : 0;
	left     : 0;
}

#menu ul.menu_panier li a#panier_menu img {
	width : 24px;
}

#menu ul.menu_panier li a#compte_menu img {
	width : 30px;
}

#menu ul.menu_panier li a#panier_menu #puce_quantite {
	position         : absolute;
	bottom           : -4px;
	left             : 50%;
	width            : 15px;
	height           : 15px;
	border-radius    : 15px;
	border           : 1px solid #FFFFFF;
	color            : #FFFFFF;
	line-height      : 11px;
	text-align       : center;
	font-size        : 10px;
	background-color : #CDCD66;
}

@media only screen and (max-width : 800px) {
	#entete {
		height : 20vh;
	}

	#gauche {
		min-height : 100%;
	}

	#gauche .flex {
		display : flex;
	}

	#entete #logo img {
		max-height : 20vh;
		min-height : 110px;
	}

	#menu {
		/*height:60vh;*/
		min-height : 380px;
	}

	#menu ul li {
		height : 45px;
	}

	#menu ul li a {
		margin    : 5px 0;
		font-size : 20px;
	}

	#menu ul.menu_panier li i {
		font-size : 35px;
	}

	#menu ul.menu_panier li a {
		font-size : 20px;
	}

	#menu ul.menu_panier li a#panier_menu #puce_quantite {
		bottom      : -5px;
		left        : 52%;
		height      : 25px;
		width       : 25px;
		line-height : 20px;
		font-size   : 17px;
	}

	#newsletter {
		display : none !important;
	}

	#pied {
		/*display: none;*/
		height      : auto;

		padding-top : 10px;
	}
}


/* --------------------------------------------------------------- */
/*
/* Newsletter
/*
/* --------------------------------------------------------------- */
#newsletter {
	position         : relative;
	top              : 0;
	left             : 0;
	background-color : #E9E1D9;
	height           : 25vh;
	color            : #725945;

	min-height       : 185px;
}

#newsletter h3 {
	text-transform : uppercase;
	font-size      : 14px;
	font-weight    : 600;
	margin-bottom  : 0px;
	margin-top     : 10px;
}

#newsletter .sous_titre {
	font-style  : italic;
	margin-top  : 5px;
	font-weight : 600;
}

#newsletter #form_inscription_newsletter_ajax {
	margin-top : 5px;
}

#newsletter #form_inscription_newsletter_ajax input {
	width         : 200px;
	margin        : auto;
	text-align    : center;
	padding       : 3px;
	border        : 1px solid #948171;
	background    : #E9E1D9;
	border-radius : 0;
	box-shadow    : none;
	outline       : none;
}

#newsletter #form_inscription_newsletter_ajax input:focus {
	border-color : black;
}

#newsletter #form_inscription_newsletter_ajax button[type="submit"] {
	background-color      : #CDCD66;
	width                 : 200px;
	max-width             : 100%;
	border                : none;
	color                 : #FFFFFF;
	text-transform        : uppercase;
	padding               : 6px;
	font-weight           : 700;
	border-radius         : 0 !important;
	-webkit-border-radius : 0;
}


@media only screen and (max-width : 800px) {
	#newsletter #form_inscription_newsletter_ajax input {
		max-width : 100%;
	}
}

/* --------------------------------------------------------------- */
/*
/* Footer
/*
/* --------------------------------------------------------------- */
.pied {
	position   : relative;
	top        : 0;
	left       : 0;
	background : url("../img/texture_pied.jpg");
	height     : 21vh;

	min-height : 175px;
}

.pied .footer_reseaux_sociaux {
	text-align : center;
}

.pied .footer_reseaux_sociaux .reseau {
	width      : 25%;
	display    : inline-block;
	text-align : center;
}

.pied .footer_reseaux_sociaux .reseau a {
	display          : inline-block;
	width            : 35px;
	height           : 35px;
	line-height      : 35px;
	border-radius    : 50%;
	font-size        : 20px;
	background-color : #F4EEE6;
	color            : #372416;
}

.pied .mentions_pied {
	clear       : both;
	padding-top : 10px;
	font-size   : 13px;
	color       : #F4EEE6;
}

.pied .mentions_pied a {
	color           : #F4EEE6;
	text-decoration : none;
}


.pied .mentions_pied .mentions_alcool {
	font-size  : 10px;
	font-style : italic;
	margin     : 15px 5px 5px;
}

.pied .mentions_pied .mentions_alcool:last-child {
	margin-top : 0;
}

/*!**/
#pied_mobile {
	height     : auto;
	background : url("../img/texture_pied.jpg");
	/*padding : 10px;*/
	text-align : center;
}

#pied_mobile .footer_reseaux_sociaux {
	padding-top : 15px;
}

@media only screen and (max-width : 800px) {
	#tarteaucitronAlertSmall {
		display : none !important;
	}

	.pied {
		background : none;
		min-height : 0;
	}

	.pied .mentions_pied {
		padding-top : 0;
	}

	.pied .mentions_pied .mentions_alcool {
		margin  : 0 !important;
		padding : 5px 10px;
	}

	.pied .footer_reseaux_sociaux .reseau a {
		background-color : #372416;
		color            : #F4EEE6;
	}

	.pied .footer_reseaux_sociaux .reseau {
		width      : auto;
		display    : inline-block;
		text-align : center;
		margin     : 0 7px;
	}


}


/*@media only screen and (max-width:450px){
	#pied {
		height:14vh;
	}

	#pied #footer_reseaux_sociaux .reseau a {
		width:30px; height:30px; line-height: 30px;
		border-radius:30px; font-size: 15px;
	}

	#pied #footer_reseaux_sociaux {
		padding:10px 0;
	}

	#pied #mentions_pied{
		padding-top:0;
	}
}
*/

/* --------------------------------------------------------------- */
/*
/* Page
/*
/* --------------------------------------------------------------- */
#wrapper {
	position     : relative;
	top          : 0;
	left         : 0;
	padding-left : 250px;
	z-index      : 300;
	/*background: url('images/photo_fond_page-2.jpg') center top*/;

}

#page {
	position  : relative;
	top       : 0;
	left      : 0;
	color     : #4D3323;
	font-size : 14px;
}

#page #logo_responsive {
	background : #DBCBAD;
}

#page .vh100 {
	height : 100vh;
}

#page .vh67 {
	height : calc((100vh / 3) * 2);
}

#page .vh50 {
	height : 50vh;
}

#page .vh25 {
	height : 25vh;
}

#page .vh33 {
	height : calc(100vh / 3);
}

#page .img_bg {
	background-size     : cover;
	background-position : center center;
}

#page .img_bg.bg_top {
	background-position : center top;
}

#page .bloc_texte {
	text-align        : justify;
	background        : url("../img/bg_bloc_texte.png") left top;
	background-repeat : repeat-x;
	background-size   : 350px;
}


/*@media only screen and (max-width:1170px) {
    #page .vh100 {
        height:auto !important;
    }

    #page .bloc_texte.vh50 {
        height:auto !important;
    }


}*/

@media only screen and (max-width : 800px) {
	#page .vh100 {
		height : auto !important;
	}

	#page .bloc_texte.vh50 {
		height : auto !important;
	}

	#wrapper {
		padding-left : 0;
	}
}

/* --------------------------------------------------------------- */
/*
/* Panier
/*
/* --------------------------------------------------------------- */
#page .box_panier {
	max-width : 700px;
	margin    : 0 auto;
}

.photo_panier img {
	background-image    : url("../img/photo_panier.jpg");
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.panier {
	position   : relative;
	top        : 0;
	left       : 0;
	border     : 1px solid #5F4733;
	margin-top : 25px;
}

.panier .row {
	padding-top    : 10px;
	padding-bottom : 10px;
	margin         : 0;

	display        : flex;
	align-items    : center;
}

.panier .entete_panier {
	border-bottom : 1px solid #5F4733;
}

.panier .ligne_produit small {
	display     : block;
	margin-top  : 5px;
	font-weight : bold;
}

.panier .ligne_produit a i {
	color           : #C1565F;
	text-decoration : none;
}

.panier .totaux {
	border-top : 1px solid #5F4733;
	padding    : 5px 0;
}

.panier .totaux .row {
	padding-top    : 5px;
	padding-bottom : 5px;
	margin         : 0;
}

.panier .bouton.recalculer {
	display          : inline-block;
	font-weight      : bold;
	color            : #FFFFFF;
	text-decoration  : none;
	padding          : 2px 10px;
	background-color : #CFCB68;
	font-size        : 12px;
	margin-right     : 15px;
}

.panier .no-padding-right {
	padding-right : 0;
}

#page .boutons {
	margin-top : 25px;
}


#page .submit {
	position              : relative;
	top                   : 0;
	left                  : 0;
	padding               : 3px 10px;
	font-size             : 14px;
	color                 : #FFFFFF;
	font-weight           : bold;
	text-decoration       : none;
	background-color      : #5F4733;
	display               : inline-block;
	min-width             : 100px;
	border                : none;
	text-align            : center;
	font-weight           : 600;
	border-radius         : 0 !important;
	-webkit-appearance    : none;
	-webkit-border-radius : 0;
}

#page .submit.vert {
	background-color : #CDCD66;
}

#page .gauche {
	float : left;
}

#page .droite {
	float : right;
}


/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */
a img {
	border : none;
}

.no-padding {
	padding : 0;
}


#page h1 {
	font-family    : "BELLABOO";
	margin-top     : 0;
	font-size      : 16px;
	text-transform : uppercase;
	color          : #4D3323;
	padding-top    : 10px;
	letter-spacing : 0.1em;
	line-height    : 30px;
}

#page h2 {
	font-family    : "BELLABOO";
	margin-top     : 0;
	font-size      : 15px;
	text-transform : uppercase;
	color          : #4D3323;
	padding-top    : 20px;
	padding-bottom : 10px;
	letter-spacing : 0.1em;
	line-height    : 25px;
}


#page h1.responsive {
	display : none;
}

@media only screen and (max-width : 800px) {
	#page h1.responsive {
		display : block;
	}
}

#page .tableau {
	position : relative;
	top      : 0;
	left     : 0;
}

#page .tableau .entete_tableau {
	position         : relative;
	top              : 0;
	left             : 0;
	font-weight      : bold;
	background-color : #DBCBAD;
	padding          : 5px 3px;
	white-space      : nowrap;
}

#page .ligne_tableau {
	padding : 5px 3px;
}

#page .tableau .impair {
	background-color : #FCFBE3;
}

#page .tableau .row {
	display     : flex;
	align-items : center;
}

#page .tableau .row .entete_tableau {
	flex-grow : 1;
}

#page .tableau i {
	font-size : 16px;
}


#page .center {
	text-align   : center;
	margin-left  : auto;
	margin-right : auto;
}

/*#page .left { float:left; margin:0 1em 0.5em 0; }
#page .right { float:right; margin:0 0 0.5em 1em; }*/
#page .clear {
	clear : both;
}

#page hr {
	border-color : #AACC22;
	color        : #AACC22;
}

.cache {
	display  : none;
	position : absolute;
	width    : 1px;
	height   : 1px;
	overflow : hidden;
}

.print {
	display : none;
}

.noprint {
}


/* ------ Formulaire ------ */
#page form {
	margin     : 0;
	padding    : 0;
	text-align : left;
}

#page form .form-group {
	display     : flex;
	align-items : center;
}

#page form label {
	/*text-align: left;*/
	font-weight : normal;
	padding-top : 0 !important;
}

#page form .control-label {

}

#page form b {
	color : #FF0000;
}

#page form input[type="text"], #page form input[type="password"], #page form input[type="tel"], #page form input[type="email"], #page form select {
	border        : 1px solid #4D3323;
	border-radius : 0px;
	padding       : 3px;
	background    : #F8F8F8;
}

#page form textarea {
	border-radius : 0px;
	background    : #F8F8F8;
	border        : 1px solid #4D3323;
	padding       : 3px;
}


/* -- Bouton submit -- */


/* -- Bouton submit avec icone --*/
#page form button {
	background-color : #4D3323;
	color            : #FFFFFF;
	border           : none;
	padding          : 3px 10px;
	text-align       : center;
	font-weight      : 600;
	min-width        : 100px;
}

#page form button i {
	margin-right : 15px;
}

#page form b {
	position : absolute;
	top      : 0;
	right    : 5px;
}


#page form .obligatoire {
	float   : right;
	display : inline-block;
}

#page form .obligatoire b {
	position : relative;
}


/* ------ PopUp promo ------ */

#popup_promo,
#modal_consent {
	padding         : 0 15px;
	z-index         : 2147483647;
	display         : none !important;
	align-items     : center;
	justify-content : center;
}

#popup_promo.in,
#modal_consent.in {
	display : flex !important;
}

#popup_promo .modal-content,
#modal_consent .modal-content {
	border-radius : 0;
	background    : #DBCBAD;
}

#popup_promo .modal-header,
#modal_consent .modal-header {
	border  : none;
	padding : 5px 15px;
}

#popup_promo .modal-body,
#modal_consent .modal-body {
	display         : flex;
	align-items     : center;
	justify-content : center;
	flex-direction  : column;
	width           : 100%;
}

#popup_promo .modal-body p,
#modal_consent .modal-body p {
	display     : block;
	padding     : 0 10px;
	text-align  : center;
	font-size   : 17px;
	color       : #5F4733;
	margin      : 10px 0;
	font-weight : 600;
}

#modal_consent {
	backdrop-filter : blur(3px);
}

#modal_consent .modal-footer a {
	position         : relative;
	top              : 0;
	left             : 0;
	padding          : 3px 10px;
	font-size        : 14px;
	color            : #FFFFFF;
	font-weight      : bold;
	text-decoration  : none;
	background-color : #725945;
	display          : inline-block;
	margin           : 0 5px;
	text-transform   : uppercase;
	box-shadow       : 1px 1px 2px rgba(0, 0, 0, 0.25);
}

#modal_consent .modal-footer a.continue {
	/*background-color : #CDCD66;*/
}

.ekko-lightbox .modal-content {
	border           : none;
	border-radius    : 0;
	background-color : #E9E1D9;
}

.ekko-lightbox .modal-header .modal-title {
	font-family    : "BELLABOO";
	margin-top     : 0;
	font-size      : 15px;
	text-transform : uppercase;
	color          : #4D3323;
	letter-spacing : 0.1em;
	text-align     : left;
}

.ekko-lightbox .modal-body {
	padding : 0;
}

.ekko-lightbox .modal-footer {
	font-family : "Raleway";
	font-size   : 14px;
	color       : #4D3323;
	text-align  : right !important;
}

.ekko-lightbox-nav-overlay {
	width           : 100vw !important;
	left            : 50% !important;
	transform       : translate(-50%, 0) !important;

	justify-content : space-between;
}

.ekko-lightbox-nav-overlay a {
	max-width       : calc(50vw - 600px);
	text-align      : center !important;
	font-size       : 90px !important;
	opacity         : 1 !important;
	text-decoration : none !important;
}

.ekko-lightbox-nav-overlay a span {
	text-align : center !important;
}

/* --------------------------------------------------------------- */
/*
/* Message temporaire
/*
/* --------------------------------------------------------------- */
#conteneur_message {
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	z-index          : 10000;
	background-color : rgba(0, 0, 0, 0.4);

	display          : flex;
	justify-content  : center;
	align-items      : center;
	opacity          : 0;
}

#conteneur_message.affiche {
	opacity          : 1;


	transition       : all 0.5s ease;
	transition-delay : 1s;
}

#conteneur_message #message {
	position          : relative;
	top               : 0;
	left              : 0;
	padding           : 30px;
	background        : url(../img/bg_bloc_texte.png) left top #F4EEE6;
	background-repeat : repeat-x;
	background-size   : 350px;
	max-width         : 100%;
	width             : 500px;
	box-shadow        : 0px 0px 3px #000000;
}

#conteneur_message #message h4 {
	font-family    : "BELLABOO";
	margin-top     : 0;
	font-size      : 18px;
	text-transform : uppercase;
	color          : #4D3323;
	padding-top    : 10px;
	letter-spacing : 0.1em;
	line-height    : 30px;
	margin-bottom  : 30px;
}

#conteneur_message #message .fermer {
	position         : absolute;
	top              : 0;
	right            : 0;
	padding          : 0px 7px;
	background-color : #725945;
	color            : #FFFFFF;
	font-size        : 20px;
}