@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:400;
    src: url('/fonts/montserrat-v12-latin-regular.woff2') format('woff2'),
    url('/fonts/montserrat-v12-latin-regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:600;
    src: url('/fonts/montserrat-v12-latin-600.woff2') format('woff2'),
    url('/fonts/montserrat-v12-latin-600.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:700;
    src: url('/fonts/montserrat-v12-latin-700.woff2') format('woff2'),
    url('/fonts/montserrat-v12-latin-700.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:900;
    src: url('/fonts/montserrat-v12-latin-900.woff2') format('woff2'),
    url('/fonts/montserrat-v12-latin-900.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family:'Permanent Marker';
    font-style:normal;
    font-weight:400;
    src: url('/fonts/permanent-marker-v7-latin-regular.woff2') format('woff2'),
    url('/fonts/permanent-marker-v7-latin-regular.woff') format('woff');
    font-display: swap;
}

body {background:#ebebeb;}
.cadre_gris { padding:5px; margin-right:5px; margin-bottom:10px; border: 1px solid #98969b; border-radius:5px; }

/* ---- Menu connecté ----------------------------------------------------------------------------------------------- */
#div_menu_connecte {display:block;width:100%;text-align:center;background:#000;height:35px;color:#fff;top:0;position:fixed;font-size:12px;line-height:35px;z-index:99;}
#div_menu_connecte p {margin-bottom:0;}
#div_menu_connecte a.close {width:15px;height:15px;position:absolute;right:10px;top:10px;border:1px solid #fff;border-radius:50px;line-height:12px;padding:0;font-size:12px;color:#fff;font-weight:normal;font-family:'Montserrat', sans-serif;text-align:center;}
nav.fixed-top.menu_connecte_active {top:35px;}

#div_menu_connecte ul {
    display:			flex;
    align-self:			flex-start;
    justify-content: 	flex-start;
    align-items:		flex-end;
    margin-bottom:		0;
    margin-top:			0;
    padding-left:		0;
}
#div_menu_connecte ul li {
    list-style-type:	none;
    text-transform:		uppercase;
    font-size:			12px;
    line-height:		1;
    color:				#fff;
    text-align:			center;
    margin:				10px;
}
#div_menu_connecte ul li span {color:#FFF;font-size:12px;text-decoration:none; cursor:pointer; }
/* ------------------------------------------------------------------------------------------------------------------ */



/* ---- Boutons ----------------------------------------------------------------------------------------------------- */
.content-popup [type="submit"],
.content-popup [type="button"],
.content-popup [name="previous"],
.content-popup [name="next"],
.content-popup [name="validation"],
.content-popup [name="facebook"],
.content-popup a.etape,
.acces_banque,
.classe_btn,
.classe_btn_secondaire,
.classe_btn,
.classe_btn_top, .classe_btn_top.active,
.btn-blanc {
    color:#fff;
    font-family:'Montserrat', sans-serif;font-style:normal !important;font-size:14px !important;font-weight:500;text-transform:uppercase;width:100%;display:block;line-height:43px;cursor:pointer;transition:all .5s ease;
}
.btn-blanc:hover {
    border:1px solid #FFF;
    color:#FFF;
}

.classe_btn_top {
    border:1px solid #000;
}
.classe_btn_top.active {
    background:#FFF;
    border:1px solid #000;
}

a.btn_top, span.btn_top,
a.btn {
    text-shadow:none;font-family:'Montserrat';font-size:14px; font-weight:400;
    text-transform:uppercase;width:100%;display:block;line-height:43px;
    padding:0px 20px; cursor:pointer; transition:all .5s ease-in-out;
    text-decoration:none;margin:0 .5em;
}
.classe_btn.active:hover {
    color:#FFF;
}
a.btn_small, span.btn_small {
    text-shadow:none;
    font-family:'Montserrat';
    font-size:10px;
    font-weight:400;
    text-transform:uppercase;width:100%;
    display:block;
    line-height:30px;
    padding:0px 5px;
    cursor:pointer;
    transition:all .5s ease-in-out;
    text-decoration:none;
}
.classe_btn.active {
    background:#000;
    color:#FFF;
}
.content-popup .btn-blanc:hover {
    background:#000;
}
.content-popup a.etape:hover,
.classe_btn:hover, .classe_btn_top:hover {
    background:#000;
    color:#FFF;
    text-decoration:none;
}
.classe_btn_top:hover {
    border:1px solid #FFF;
}
.acces_banque:hover {
    background:#000;
}
a.lien_petit, span.lien_petit {font-size:14px !important;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up ------------------------------------------------------------------------------------------------------ */
.popup {background:rgba(0,0,0,.45);position:fixed;z-index:9999;top:-200%;left:0;width:100%;height:100%;transition:all .5s ease-in-out;display:flex;align-items:center;align-self:center;align-content:center;justify-content:center;}
.popup.active {top:0;}
.content-popup {position:relative;background:#fff;width:100%;height:100%;display:block;max-width:720px;max-height:660px;padding:30px;}
.container-popup { overflow:auto;margin-bottom:0;height:calc(100% - 62px);display:block;}
.container-popup .row, .container-popup .row_bis {margin:0;}
.container-popup .row_bis {
    display: flex;
    flex-wrap: wrap;
}
.content-popup span.close {display:flex;align-items:center;align-self:center;align-content:center;justify-content:center;width:45px;height:45px;border-radius:50%;line-height:45px; position:absolute;top:-22px;right:30px; z-index:99; background:#fff;opacity:1;text-shadow:none;}
.content-popup span.close::after {content:'';background:url('/site_v3/img/picto-bt-close.svg') center center no-repeat;display:block;width:65%;height:65%;}
.content-popup h2 { font-family:'Montserrat', sans-serif; font-size:25px; font-weight:400; }
.content-popup h4, .content-popup h5 {color:#3d3c3f;font-size:18px;margin-bottom:0;}
.content-popup h4.article {padding-top:20px; padding-bottom:5px; border:0px solid blue;}
.content-popup h5 { text-align:center; font-size:16px; margin-bottom:20px; }
.content-popup h6 {font-size:14px;margin:10px 0px; color:#98969b;}
.content-popup h6.rouge {color:#CC3300;}
.content-popup h6.special span {font-weight:bold;}
.content-popup p {margin-bottom:.8rem; color:#98969b; font-size:14px;}
.content-popup p.or {text-align:center;margin:.3rem 0;}
.content-popup p.classe_h2 {margin:0px;font-size:32px;color: #d9242e;text-align: center;font-weight: 600;}
.content-popup input[type=checkbox], .content-popup input[type=radio],
.contenu_categorie input[type=checkbox], .contenu_categorie input[type=radio] {display:none;}
.custom-control-label::before, .custom-control-label::after {display:none;}
.custom-control {padding-left:0;}
.content-popup .warning h2,
.content-popup .warning p {color:#CC3300;}
.content-popup input, #formulaire_contact input,
.content-popup textarea, #formulaire_contact textarea {
    width:					100%;
    line-height:			40px;
    margin-bottom:			20px;
    padding:				2px 1.75rem 2px .75rem;
}
.content-popup textarea {
    line-height:			1.5;
}
.content-popup #monnaie_sur {
    margin-bottom:			0px;
    padding:				2px;
    width:					40px;
    line-height: 			0px;
    border-radius: 			.25rem;
    border: 				1px solid #CED4DA;
}
.content-popup select {
    display: 				block;
    width: 					100%;
    padding:				2px 1.75rem 2px .75rem;
    margin-bottom: 			20px;
    line-height: 			40px;
    color: 					#495057;
    vertical-align: 		middle;
    background: 			#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 		8px 10px;
    border:                 1px solid #ced4da;
    border-radius: 			.25rem;
    -webkit-appearance:		none;
    -moz-appearance:		none;
    appearance:				none;
    text-align:				center;
}
.content-popup span.mon_compte { color:#1f76a0; font-weight:bold; cursor:pointer; text-decoration:underline; }
.content-popup span.mon_compte:hover { text-decoration:none; }
.content-popup label, .contenu_categorie label {font-size:14px;color:#3d3c3f;display:block;cursor:pointer;}
.content-popup label span, .contenu_categorie label span {color:#98969b;}
.content-popup label span::before, .contenu_categorie label span::before {content:'  (';}
.content-popup label span.simple::before, .content-popup label span.simple::after {content:'';}
.content-popup label span::after, .contenu_categorie label span::after {content:' €)';}
.content-popup label span.simp::after, .contenu_categorie label span.simp::after {content:')';}

.content-popup label span.italique {font-style:italic;}
.content-popup label span.italique::before {content:'';}
.content-popup label span.italique::after {content:' )';}

.content-popup label div, .contenu_categorie label div {position:relative;border:2px solid #cbcacc;border-radius:3px;width:21px;height:21px;margin-right:10px;display:inline-block;vertical-align:-5px;}
.content-popup .bt-top {
    position:		absolute;
    top:			0;
    left:			30px;
    width:			calc(100% - 60px);
    padding:		12px 0 17px 0;
    margin:			0;
    font-size:		15px;
    border-bottom:	1px solid #e0dddd;
}
.content-popup .bt-top div {padding:0 3px;}
.content-popup .contenu_page {
    position:		absolute;
    top:			90px;
    width:			100%;
    border:			0px solid red;
}
.content-popup .bt-bottom {position:absolute;bottom:0;left:30px;width:calc(100% - 60px);padding:12px 0 17px 0;border-top:1px solid #e0dddd;margin:0;}
.content-popup .bt-bottom div {padding:0 3px;}
.content-popup input[type="reset"] {color:#a8a8a8;text-align:center;text-transform:uppercase;font-family:'Montserrat', sans-serif;font-size:16px;line-height:41px;border:1px solid #a8a8a8;border-radius:0;background:none;display:block;width:100%;cursor:pointer;transition:all .5s ease;}
.content-popup input[type="reset"]:hover {background:#a8a8a8;color:#fff;}
.content-popup [type="submit"],
.content-popup [type="button"],
.content-popup [name="previous"],
.content-popup [name="next"],
.content-popup [name="validation"],
.content-popup [name="facebook"],
.content-popup [type="submit"]:hover,
.content-popup [type="button"]:hover,
.content-popup [name="previous"]:hover,
.content-popup [name="next"]:hover,
.content-popup [name="validation"]:hover,
.content-popup [name="facebook"]:hover,
.acces_banque:hover {
    background:#000;
}
.content-popup .btn-blanc:hover {
    background:#000;
}
.content-popup a.etape:hover {
    background:#000;
    color:#FFF;
    text-decoration:none;
}
.content-popup .etape span {color:#fff;}
.content-popup .etape.active {background:#000;}
.content-popup [name="facebook"] {background:#4267b2;}
/*.content-popup [type="submit"] span::after {content:' €';}*/
.content-popup [type="submit"] span.simple::after {content:'';}

.content-popup .centre {text-align:center;}
.content-popup .ferme {color:#CC3300; font-weight:bold;}
.content-popup .notice {color:#CC3300;}
.content-popup .gris {color:#98969b;}
.content-popup [type="submit"], .content-popup [type="button"], .content-popup [name="previous"], .content-popup [name="next"], .content-popup [name="validation"], .content-popup [name="facebook"], .content-popup a.etape, .acces_banque, .classe_btn, .right-column {border-radius:20px;}

.section h5 { margin-bottom:5px; }
.section p { margin-bottom:.5rem; text-align:left; font-size:14px; }
.section a { color:#98969b; font-size:14px; }
.section ul { margin:0px; text-align:left; color:#98969b; font-size:14px; }
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Connexion / Inscription ------------------------------------------------------------------------------ */
#login .content-popup,
#div_inscription .content-popup,
#div_validation_commande .content-popup,
#div_completion .content-popup {
    display:flex;
    text-align:center;
}
#login .content-popup .label-error,
#div_inscription .content-popup .label-error,
#div_validation_commande .content-popup .label-error,
#div_completion .content-popup .label-error {
    padding-left:			0;
    margin-bottom:			0;
    line-height: 			40px;
    text-transform:			uppercase;
    font-weight:			bold;
    font-size:				.8rem;
    background:				#FBBAA4;
    color:					#CC3300;
    border-width: 			2px;
    border-color:			#CC3300;
    border-top-style:		solid;
    border-right-style:		solid;
    border-bottom-style:	none;
    border-left-style: 		solid;
}

#login .content-popup input.input-error,
.content-popup input.input-error, #formulaire_contact input.input-error,
.content-popup select.input-error,
.content-popup textarea.input-error, #formulaire_contact textarea.input-error {
    border:2px solid #CC3300 !important;
}
#login .content-popup a,
#div_inscription .content-popup a {
    color:#474649;
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Validation de commande ------------------------------------------------------------------------------- */
#div_validation_commande #div_password_succes { height:38px; }
#div_validation_commande .section_connexion h5 { margin-bottom:5px; }
#div_validation_commande .section_connexion p { margin-bottom:.5rem; text-align:left; font-size:14px; }
#div_validation_commande .section_connexion a { color:#98969b; font-size:14px; }
#div_validation_commande .section_connexion ul { margin:0px; text-align:left; color:#98969b; font-size:14px; }
#div_validation_commande table {width:100%;border-collapse:collapse;}
#div_validation_commande tr:nth-of-type(odd) {background:#eee;}
#div_validation_commande th {background:#333;color:white;font-weight:bold;}
#div_validation_commande td, th {padding:6px;border:1px solid #ccc;text-align:left;}
#div_validation_commande td {font-weight:bold;}
#div_validation_commande tr.informations td {font-weight:normal; font-size:13px;}
#div_validation_commande tr.precisions td:before {content:"(Précision : "; }
#div_validation_commande tr.precisions td:after {content:")"; }
#div_validation_commande_contenu .bt-top {
    position:		absolute;
    top:			0;
    left:			30px;
    width:			calc(100% - 60px);
    padding:		42px 0 17px 0;
    margin:			0;
    font-size:		15px;
    border-bottom:	1px solid #e0dddd;
}

#fil_ariane_validation .col-md-3 { margin:2px 0px; }

#div_validation_commande_contenu,
#div_completion_contenu { width:100%; }
#div_validation_commande_contenu .container-popup { overflow:auto; margin-top:90px; margin-bottom:0; width:100%; height:calc(100% - 140px); display:block }
#div_validation_commande_contenu .container-popup-connexion { overflow:auto; margin-top:90px; margin-bottom:0; width:100%; height:calc(100% - 100px); display:block; }
#div_validation_commande_contenu .container-popup-offert { overflow:auto; margin-top:0px; margin-bottom:0; width:100%; height:calc(100% - 50px); display:block; }

#div_validation_commande_contenu .container-popup .row,
#div_validation_commande_contenu .container-popup-connexion .row,
#div_validation_commande_contenu .container-popup-offert .row {margin:0;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Historique & Suivi de commandes ---------------------------------------------------------------------- */
#div_historique_commande .content-popup {
    display:flex;
    text-align:left;
}
#div_historique_commande .content-popup .label-error
{
    padding-left:			0;
    margin-bottom:			0;
    line-height: 			40px;
    text-transform:			uppercase;
    font-weight:			bold;
    font-size:				.8rem;
    background:				#FBBAA4;
    color:					#CC3300;
    border-width: 			2px;
    border-color:			#CC3300;
    border-top-style:		solid;
    border-right-style:		solid;
    border-bottom-style:	none;
    border-left-style: 		solid;
}
#div_historique_commande .section {
    width:					100%;
    padding:				5px;
}
#div_historique_commande .section h5 { margin-bottom:5px; }
#div_historique_commande .section p { margin-bottom:.5rem; text-align:left; font-size:14px; }
#div_historique_commande .section a { color:#98969b; font-size:14px; }
#div_historique_commande .detail_resto h4 span {text-align:center;font-style:normal;}
#div_historique_commande .detail_resto h4 span em {display:block;font-size:30px;color:#000;display:block;font-style:normal;}
#div_historique_commande .detail_resto h4 span::after {content:'';display:block;width:80px;height:6px;margin:20px auto 10px auto;background:#000;}
#div_historique_commande .detail_resto p {font-size:12px; text-align:center;}
#div_historique_commande table {width:100%;border-collapse:collapse;}
#div_historique_commande tr:nth-of-type(odd) {background:#eee;}
#div_historique_commande th {background:#333;color:white;font-weight:bold;}
#div_historique_commande td, th {padding:6px;border:1px solid #ccc;text-align:left;}
#div_historique_commande td {font-weight:bold; font-size:13px;}
#div_historique_commande tr.informations td {font-weight:normal; font-size:13px;}
#div_historique_commande tr.precisions td:before {content:"(Précision : "; }
#div_historique_commande tr.precisions td:after {content:")"; }
#div_historique_commande_contenu { width:100%; }
#div_historique_commande_contenu .container-popup { overflow:auto; margin-bottom:0; width:100%; height:calc( 100% - 100px); display:block; }
#div_historique_commande_contenu .container-popup .row {margin:0;}

#div_validation_commande_contenu a.suivi_commande { font-weight:bold; cursor:pointer; text-decoration:underline; }
#div_validation_commande_contenu a.suivi_commande:hover { text-decoration:none; }
#div_suivi_commande .content-popup {
    display:flex;
    text-align:center;
}
#div_suivi_commande .content-popup .label-error {
    padding-left:			0;
    margin-bottom:			0;
    line-height: 			40px;
    text-transform:			uppercase;
    font-weight:			bold;
    font-size:				.8rem;
    background:				#FBBAA4;
    color:					#CC3300;
    border-width: 			2px;
    border-color:			#CC3300;
    border-top-style:		solid;
    border-right-style:		solid;
    border-bottom-style:	none;
    border-left-style: 		solid;
}
#div_suivi_commande table {width:100%;border-collapse:collapse;}
#div_suivi_commande tr:nth-of-type(odd) {background:#eee;}
#div_suivi_commande th {background:#333;color:white;font-weight:bold;}
#div_suivi_commande td, th {padding:6px;border:1px solid #ccc;text-align:left;}
#div_suivi_commande td {font-size:13px;}
#div_suivi_commande td:nth-of-type(2) {text-align:center;}
#div_suivi_commande_contenu { width:100%; }
#div_suivi_commande_contenu .container-popup { overflow:auto; margin-bottom:0; width:100%; height:100%; display:block; }
#div_suivi_commande_contenu .container-popup .row {margin:0;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Changement de quartier (Pop-up) ----------------------------------------------------------------------------- */
#changement_quartier .liste, #changer_quartier .liste {overflow:auto;max-height:560px;}
#changement_quartier ul, #changer_quartier ul {list-style-type:none; line-height:1;}
#changement_quartier a:hover, #changement_quartier a.active, #changer_quartier a:hover, #changer_quartier a.active {font-weight:600; text-decoration:none;}
#btn_changer_quartier { margin-top:5px; margin-bottom:10px; }
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Panier ------------------------------------------------------------------------------------------------------ */
#cart {background:rgba(0,0,0,.9);position:fixed;top:0;right:-100%;height:100%; margin-top:35px; z-index:99;transition:right .5s ease;padding-top:113px;transition:all .5s ease;overflow:auto;}
#cart.scrolled {padding-top:85px;}
#cart.active {right:0; padding-bottom:75px;}
#cart h3 {color:#fff;text-align:center;}
#cart p {color:#fff;}
#cart p span {display:block;color:#94908f;font-size:11px;}
#cart p span.titre_etape {display:block;color:#FFF;font-size:11px;}
#cart .row {padding:26px 26px 0 26px;}
#cart .row::after {content:'';background:#565656;height:1px;width:100%;display:block;margin-top:10px;}
#cart .row:last-child::after {display:none;}
#cart .row p.precision {font-size:11px;color:#94908f;font-style:italic;margin-top:20px;}
#cart a {font-size:15px; font-style:italic; text-decoration:none;}
#cart .row p.precision textarea {background:#d9242e;color:#fff;width:100%;height:0;padding:0;border:0;transition:all .5s ease;font-family:inherit;resize:none;padding:0 5px;}
#cart .row p.precision.active textarea {height:100px;padding:5px;}
#cart .row p.precision.active textarea:-moz-placeholder { color:#fff; }
#cart .row p.precision.active textarea::-moz-placeholder { color:#fff; }
#cart .row p.precision.active textarea::-webkit-input-placeholder { color:#fff; }
#cart .row p.precision.active textarea:-ms-input-placeholder { color:#fff; }
#cart .row div:first-child {padding-left:0;}
#cart .row:last-child div:first-child {padding:0;}
#cart .row div:first-child .bt-remove {border-radius:50px;border:1px solid #FFF;color:#FFF;width:15px;height:15px;line-height:11px;text-align:center;display:block;position:absolute;top:4px;left:-20px;font-size:10px;text-decoration:none; cursor:pointer;transition:all .5s ease;}
#cart .row div:first-child .bt-remove-menu {border-radius:50px;border:1px solid #FFF;color:#FFF;width:15px;height:15px;line-height:11px;text-align:center;display:block;position:absolute;top:4px;left:-20px;font-size:10px;text-decoration:none; cursor:pointer;transition:all .5s ease;}
#cart .row div:nth-child(2) {padding:0;}
#cart .row p {margin-bottom:0;}
/* ------------------------------------------------------------------------------------------------------------------ */

/* ---- Section Infos pratiques ------------------------------------------------------------------------------------- */
#info_pratique .font_14 {font-size:15px;}
#info_pratique .liste {overflow:auto;height:100%;max-height:560px;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Section Inscription ----------------------------------------------------------------------------------------- */
#div_inscription_contenu { width:100%; }
#div_inscription_contenu .container-popup { overflow:auto; margin-top:90px; margin-bottom:0; width:100%; height:calc(100% - 140px); display:block; }
#div_inscription_contenu .container-popup-aemporter { overflow:auto; margin-bottom:0; width:100%; height:100%; display:block; }
#div_inscription_contenu .container-popup .row,
#div_inscription_contenu .container-popup-aemporter .row {margin:0;}
#div_inscription_contenu .bt-top {
    position:		absolute;
    top:			0;
    left:			30px;
    width:			calc(100% - 60px);
    padding:		42px 0 17px 0;
    margin:			0;
    font-size:		15px;
    border-bottom:	1px solid #e0dddd;
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ==== Divers ====================================================================================================== */
label {margin-bottom:.2rem;}
img {max-width:100%;}
.no-padding {padding:0;}
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }
.mt-10 { margin-top:10px; }

.inner {width:100%;}
#breadcrumbs {margin:20px auto;width:90%;display:flex;}
#breadcrumbs span {color:var(--green);}

.product-list p {font-size:18px;margin-bottom:0;cursor:pointer;}
.product-list button:hover::after {background:#000;width:100%;}

.gototop {background:url('/site_v3/img/picto-top.svg') no-repeat center center;background-size:contain;width:50px;height:50px;position:fixed;right:20px;bottom:-50px;display:block;transition:bottom .5s ease;cursor:pointer;}
.gototop.active { bottom:90px; right:26px; }

.commentaire { background-color:#EBEBEB; margin:20px; padding:20px; }
.sauts_ligne { height:100px; }

.btn-erreur {
    background:#FFF;
    color:#CC3300;
    font-family:'Montserrat', sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;width:100%;display:block;line-height:43px;border:0;border-radius:0;
    cursor:pointer;transition:all .5s ease;
    border:1px solid #CC3300;
}
.btn-erreur:hover {
    border:1px solid #FFF;
    background:#CC3300;
    color:#FFF;
}
.btn-erreur-alt {
    margin-top: 40px;
    background:#CC3300;
    color:#FFF;
    border:1px solid #FFF;
}
.content-popup .btn-erreur:hover {
    background:#CC3300;
}
.content-popup .btn-erreur-alt:hover {
    background:#FFF;
    color:#CC3300;
    border:1px solid #CC3300;
}
/* ================================================================================================================== */


/* ---- Animation de transition entre les pages --------------------------------------------------------------------- */
.container-animation {
    position:fixed;
    top:-100%;
    left:0;
    z-index:9999999999999;
    background:rgba(0,0,0,.95);
    width:100%;
    height:100%;
}
.container-animation.animate {
    animation-name: anim-container;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.container-animation.close {
    animation-name: anim-container-close;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.container-animation-bubble {
    background:#fff;
    border-radius: 50%;
    height:100px;
    margin:0 auto;
    overflow:hidden;
    position: relative;
    top: 50%;
    transform: translateY(-50%) rotate(-130deg) scale(0);
    width:100px;
}
.container-animation.animate .container-animation-bubble {
    animation-name: anim-container-bubble;
    animation-delay:.5s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.burger {
    position:relative;
    top:30px;
}
span.hamburger{
    border-radius:2px;
    display:block;
    margin:3px auto;
    width:40px;
}
span.hamburger.bun{
    background:#af9a71;
    height:7px;
}
.top:before{
    content:"";
    background:#af9a71;
    bottom:2px;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    display:block;
    height:4px;
    position:relative;
    width:40px;
}
.container-animation.animate span.hamburger.top{
    animation-name: rotate-topbun;
    animation-delay:.5s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.container-animation.animate span.hamburger.chez{
    background:#e2c70a;
    height:2px;
    margin:4px auto 1px auto;
    animation-name: rotate-chez;
    animation-delay:.5s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.container-animation.animate span.hamburger.meet{
    background:#5b2e10;
    margin:0 auto 0 auto;
    animation-name: rotate-meet;
    animation-delay:.5s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.container-animation.animate span.hamburger.lettus{
    background:#58b734;
    height:3px;
    margin:1px auto 4px auto;
    animation-name: rotate-lettus;
    animation-delay:.5s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.container-animation.animate span.hamburger.bottom{
    animation-name: rotate-bun-bottom;
    animation-delay:.5s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Footer ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Version MOBILE ---------------------------------------------------------------------------------------------- */
@media screen and (max-width:991px){
    .hidden-xs { display: none !important; }

    .content-popup span.close { top:5px; right:10px; }
    nav .login .menu.menu_connecte_active {top:45px;}
    #div_menu_connecte li span i { font-size:20px; }

    #div_carte { margin-top: 100px; }

    /* ---- Boutons ------------------------------------------------------------------------------------------------- */
    a.btn_small, span.btn_small {
        font-size: 12px;
        line-height: 40px;
    }
    /* -------------------------------------------------------------------------------------------------------------- */


    /* ---- Panier -------------------------------------------------------------------------------------------------- */
    #cart, #cart.scrolled {padding-top:0px; margin-top:95px; padding-bottom:125px; z-index:9999;}
    /* -------------------------------------------------------------------------------------------------------------- */


    /* ---- Section Inscription ------------------------------------------------------------------------------------- */
    #div_inscription_contenu .bt-top {position:relative; padding:0;}
    #div_inscription_contenu .container-popup { overflow:auto; margin-top:0px; margin-bottom:0; width:100%; height:100%; display:block; }
    /* -------------------------------------------------------------------------------------------------------------- */

    /* ---- Pop-up -------------------------------------------------------------------------------------------------- */
    .popup.active {top:0;}
    #div_inscription_contenu .container-popup .row, #div_inscription_contenu .container-popup-aemporter .row {
        position: relative;
    }
    /* -------------------------------------------------------------------------------------------------------------- */

    /* ---- Pop-up Validation de commande --------------------------------------------------------------------------- */
    #div_validation_commande_contenu .bt-top {position:relative;}
    #div_validation_commande_contenu .container-popup { overflow:auto; margin-top:0px; margin-bottom:0; width:100%; height:100%; display:block; }
    #div_validation_commande_contenu .container-popup-connexion { overflow:auto; margin-top:0px; margin-bottom:0; width:100%; height:100%; display:block; }
    #div_validation_commande_contenu .container-popup-offert { overflow:auto; margin-top:0px; margin-bottom:0; width:100%; height:100%; display:block; }

    #div_validation_commande_contenu .bt-top {
        left:			10px;
        width:			calc(100% - 20px);
        padding:		0 0 20px 0;
    }

    #div_validation_commande table,
    #div_validation_commande thead,
    #div_validation_commande tbody,
    #div_validation_commande th,
    #div_validation_commande td,
    #div_validation_commande tr {
        display:block;
    }
    #div_validation_commande thead tr {position:absolute;top:-9999px;left:-9999px;}
    #div_validation_commande tr {border:1px solid #ccc;}
    #div_validation_commande td {border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;}
    #div_validation_commande td:before {position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
    #div_validation_commande td:nth-of-type(1):before {content:"Désignation";}
    #div_validation_commande td:nth-of-type(2):before {content:"Prix unitaire";}
    #div_validation_commande td:nth-of-type(3):before {content:"Quantité";}
    #div_validation_commande td:nth-of-type(4):before {content:"Sous-total";}
    #div_validation_commande tr.informations td:nth-of-type(1):before {content:"Informations";}
    #div_validation_commande tr.precisions td:nth-of-type(1):before {content:"Précisions";}
    #div_validation_commande tr.precisions td:nth-of-type(1):after {content:"";}
    #div_validation_commande tr.reductions td:nth-of-type(1), tr.livraison td:nth-of-type(1) {display:none;}
    #div_validation_commande tr.reductions td:nth-of-type(2):before {content:"Réductions";}
    #div_validation_commande tr.frais td:nth-of-type(1), tr.frais td:nth-of-type(1) {display:none;}
    #div_validation_commande tr.frais td:nth-of-type(2):before {content:"Frais";}
    #div_validation_commande tr.total td:nth-of-type(1) {display:none;}
    #div_validation_commande tr.total td:nth-of-type(2):before {content:"Total TTC";}
    /* -------------------------------------------------------------------------------------------------------------- */


    /* ---- Pop-up Historique & Suivi de commandes ------------------------------------------------------------------ */
    #div_suivi_commande_contenu .bt-top {position:relative;}
    #div_suivi_commande_contenu .container-popup { overflow:auto; height:calc(100% - 105px); margin-bottom:0; width:100%; display:block; }
    /* -------------------------------------------------------------------------------------------------------------- */


    /* ---- Footer -------------------------------------------------------------------------------------------------- */
    footer {
        font-size: 22px;
    }
    /* -------------------------------------------------------------------------------------------------------------- */


    /* ---- Divers -------------------------------------------------------------------------------------------------- */
    body.affichage_rm {
        margin-top: 0px;
    }
    #page.page_503 {
        margin-top: 0px;
    }
    /* -------------------------------------------------------------------------------------------------------------- */
}
/* ------------------------------------------------------------------------------------------------------------------ */


@keyframes anim-container {
    0% { top: -100%; }
    10% { top: 0; }
    100% { top: 0; }
}
@keyframes anim-container-close {
    0% { top: 0; }
    100% { top: 100%; }
}
@keyframes anim-container-bubble {
    0% { transform: rotate(-130deg) scale(0);}
    10% { transform: scale(1.2);}
    15% { transform: rotate(0) scale(1);}
    100% { transform: rotate(0) scale(1);}
}
@keyframes rotate-topbun{
    0% { transform: translate(0px, -100px) rotate(-90deg) ; width:40px; height:7px; }
    20% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:7px; }
    22% { transform: translate(0, -20px) rotate(-45deg); width:40px; height:7px; }
    27% { transform: translate(0, 1px); width:42px; height:6px; }
    30% { transform: translate(0, -1px); width:40px; height:7px; }
    32% { transform: translate(0, 0) rotate(0deg); width:40px; height:7px; }
    92% { transform: translate(0, 0) rotate(0deg);width:40px; height:7px; }
    99% { transform: translate(0, 20px) rotate(10deg); width:40px; height:7px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:7px; }
}
@keyframes rotate-chez{
    0% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:2px; }
    18% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:2px; }
    20% { transform: translate(0, -20px) rotate(45deg); width:40px; height:2px; }
    25% { transform: translate(0); width:42px; height:1px; }
    28% { transform: translate(0); width:40px; height:2px; }
    30% { transform: translate(0, 0) rotate(0deg); width:40px; height:2px; }
    90% { transform: translate(0, 0) rotate(0deg);width:40px; height:2px; }
    98% { transform: translate(0, 20px) rotate(10deg); width:40px; height:2px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:2px; }
}
@keyframes rotate-meet{
    0% { transform: translate(0px, -100px) rotate(-90deg) ; width:40px; height:7px; }
    15% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:7px; }
    17% { transform: translate(0, -20px) rotate(-45deg); width:40px; height:7px; }
    22% { transform: translate(0); width:42px; height:6px; }
    25% { transform: translate(0); width:40px; height:7px; }
    27% { transform: translate(0) rotate(0deg); width:40px; height:7px; }
    87% { transform: translate(0) rotate(0deg);width:40px; height:7px; }
    95% { transform: translate(0, 20px) rotate(10deg); width:40px; height:7px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:7px; }
}
@keyframes rotate-lettus{
    0% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:3px; }
    10% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:3px; }
    12% { transform: translate(0, -20px) rotate(45deg); width:40px; height:3px; }
    17% { transform: translate(0); width:42px; height:1px; }
    20% { transform: translate(0); width:40px; height:3px; }
    22% { transform: translate(0) rotate(0deg); rotate(0deg);width:40px; height:3px; }
    85% { transform: translate(0) rotate(0deg);width:40px; height:3px; }
    92% { transform: translate(0, 20px) rotate(10deg); width:40px; height:3px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:3px; }
}
@keyframes rotate-bun-bottom{
    0% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:7px; }
    5% { transform: translate(0, -40px) rotate(45deg); width:40px; height:7px; }
    7% { transform: translate(0) rotate(0deg); width:44px; height:5px; }
    12% { transform: translate(0) rotate(0deg); width:40px; height:7px; }
    15% { transform: translate(0) rotate(0deg); width:40px; height:7px;}
    18% { transform: translate(0) rotate(0deg);width:40px; height:7px; }
    80% { transform: translate(0) rotate(0deg);width:40px; height:7px; }
    87% { transform: translate(0, 10px) rotate(10deg); width:40px; height:7px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:7px; }
}
@media (min-width: 992px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-xs,
.visible-lg {
    display: none !important;
}
@media (max-width: 991px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (min-width: 992px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}