/*
	general.css
*/
:root{
  --vert: #d5d89a;
  --bleu: #cae4f1;
  --rose: #f8ced5;
  --jaune: #fee79a;
  --violet: #e2cfdd;
  --marron: #a58263;
  --beige: #f7ece0;
  --texte-vert: #333333;
  --texte-bleu: #222222;
  --bandeau-bg: #97DFC6;
  --bandeau-tx: #333333;
}

*, *::before, *::after{-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
@-ms-viewport{width: device-width;}
html{font-family: "Lato", "Helvetica", "Arial", sans-serif;line-height: 1.5;font-size: 1rem;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-x: hidden;}
body{margin: 0;padding: 0;right: 0;left: 0;background-color: #FFFFFF !important;font-family: "Lato", "Helvetica", "Arial", sans-serif !important;}
a{color: #000000 !important;text-decoration: none !important;}
/*a:hover{opacity:0.7;}
.slider a:hover{opacity:1 !important;}*/

@media (min-width: 280px){
	.header{display:none;}
	.header_mobile{display:block;height: 50px;width: 100%;}
	.container-header{width:100%;background-color:#FFFFFF;}
	.ft_border{border-bottom: 10px solid var(--rose);margin-bottom:10px;}
	.footer{background-color: #FFFFFF;margin-top:40px;}
}
/* mobile landscape */
@media (min-width: 480px){
	.header_mobile{height: 60px;}
}
/* Tablette portrait */
@media (min-width: 768px){
	.ft_border{border-bottom: none;border-right: 10px solid var(--rose);}
	.footer{background-color: #FFFFFF;margin-top:60px;}
}
/* Deskstop Boostrap */
@media (min-width: 992px){
	.header{display:block;width: 100%;padding-left:40px;padding-right:40px;padding-top: 10px;min-height: 60px;}
	.header_mobile{display:none;}
	.header_logo{flex: 0 0 50%;max-width: 50%;}
	.header_livraison{display:none;}
	.header_menu{margin-top: 10px;flex: 0 0 50%;flex: 0 0 50%;}
	.titre_menu_sous_cat{color:#000000;font-size:15px;line-height: 2em;}
}
/* Tablette Landscape */
@media (min-width: 1024px) {
}
/* Deskstop Boostrap */
@media (min-width: 1200px){
	.header_logo{flex: 0 0 30%;max-width: 30%;}
	.header_livraison{display:block;flex: 0 0 30%;max-width: 30%;}
	.header_menu{flex: 0 0 40%;max-width: 40%;}
	.titre_menu_sous_cat{font-size:18px;}
}
/* Écran 22 pouce */
@media (min-width: 1440px) {
	.header_logo{flex: 0 0 33.33333%;max-width: 33.33333%;}
	.header_livraison{flex: 0 0 33.33333%;max-width: 33.33333%;}
	.header_menu{flex: 0 0 33.33333%;max-width: 33.33333%;}
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1440px !important;
	}	
	
}
/* Écran 24 pouce */
@media (min-width: 1824px){
}

/* Alignement */ 
.align_droite{float: right;text-align:right;}
.align_gauche{float: left;text-align:left;}
.droite{float: right;}
.gauche{float: left;}
.justify{text-justify: inter-character;}
.margin_auto{margin:auto !important;}
.centre{margin-left: auto;margin-right: auto;min-width:10px;}
.tx_center{text-align:center;}
.center{text-align:center;margin:auto;}
.center_100{margin-left:15%;margin-right:15%;width:70%;}
.flex{display: flex;}

.img_survol:hover{opacity: 0.7;}
.toupper{text-transform:uppercase;}
.pointer{cursor:pointer;}
.ellipsis{text-overflow:ellipsis;}
.valign_b{vertical-align:bottom;}
.valign_m{vertical-align:middle;}
.valign_t{vertical-align:top;}
.bas{position: absolute; bottom: 0;}
.rotation_90{transform: rotate(90deg);}
.rotation_180{transform: rotate(180deg);}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.cache{visibility: hidden;height:0;}
.transparent{background:transparent !important;}
.fixed-sticky{position: sticky;top: 0;right: 0;left: 0;z-index: 1030;}
.padding5{padding:5px;}

.pointer{cursor:pointer;}
.bold{font-weight:bold;}
.block{display:block;}
.inline{display:inline;}
.inlineblock{display:inline-block;}
.none{display:none;}

/* Marge et pour décaler */
.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;}
.spacer-1{height:1px; width:100%;}
.spacer-5{height:5px; width:100%;}
.spacer-10{height:10px; width:100%;}
.spacer-20{height:20px; width:100%;}
.spacer-40{height:40px; width:100%;}
.spacer-50{height:50px; width:100%;}
.spacer-100{height:100px; width:100%;}
.spacer-200{height:200px; width:100%;}

.marge_5{margin-left:5px;}
.marge_10{margin-left:10px;}
.marge_20{margin-left:20px;}
.marge_50{margin-left:50px;}

.marget_5{margin-top:5px;}
.marget_10{margin-top:10px;}
.marget_20{margin-top:20px;}
.marget_50{margin-top:50px;}

.margeb_5{margin-bottom:5px;}
.margeb_10{margin-bottom:10px;}
.margeb_20{margin-bottom:20px;}

.width_100{width:100%;}

.titre_couleur{color: var(--rose);}
.titre_couleur2{color: var(--rose);}
.bouton_valider_site{font-size: 15px;color: var(--texte-vert);background-color: var(--rose);padding: 10px 15px 10px 15px;text-align: center;cursor: pointer;border: 0;}
.bouton_valider_site2{font-size: 15px;color: var(--texte-bleu);background-color: var(--bleu);padding: 10px 15px 10px 15px;text-align: center;cursor: pointer;border: 0;}
.bouton_valider_site:hover{opacity:0.7;}
.bouton_valider_site2:hover{opacity:0.7;}

/* Header */
.form-control{color:#FFFFFF;}
.search-field{margin-top: 8px;}
.rond_panier{width: 30px; height: 30px; background: #2F2F2F; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#FFFFFF;text-align:center;position: absolute;margin-top: -20px;margin-left: 25px;}
.nb_items{margin-top:3px;}
.bandeau_header{border: 0;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom: 1px solid #B3B4B4;margin-top: 6px;margin-bottom: 6px;}
.bandeau_site{border: 0;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom: 1px solid var(--couleur_01);margin-top: 10px;margin-bottom: 10px;}
.navbar-dark .navbar-toggler {color:#FFFFFF !important;border: none !important;}
.navbar-dark .navbar-toggler-icon{background-size: 2em;margin-top: 10px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;/*url(../../images/navigation/fond.jpg)*/
}
.navbar{padding: 10px !important;}

/* Langue du site */ 
.header .bouton_dropdown{background-color: transparent;color: white;border: none;border-bottom: 1px solid #ababab;}
.header_mobile .bouton_dropdown{color: black !important;border: none;border-bottom: 1px solid #ababab;}
.header_mobile .dropdown-menu{height: auto !important;width: auto !important;overflow: hidden;}
.header .dropdown-menu{background-color: white !important;border: none !important;}
.header .bouton_dropdown a{background-color: transparent;color: white;border: none;}
.header_mobile .bouton_dropdown, .header_mobile .bouton_dropdown a{background-color: transparent;color: black !important;}
.header .dropdown-item{color: black !important;}
.header .dropdown-item:hover, .header_mobile .dropdown-item:hover{background-color: rgb(204, 204, 204) !important;box-shadow: none !important;}

/* Menu */
.menu_categorie{padding-left:5px;margin-right:25px;cursor:pointer;font-weight: bold;}
.ligne_sous_cat{padding-bottom:5px;}
.titre_menu_categorie_check{text-transform:uppercase;font-size: 15px;font-weight:bold;}
.icon_arrow{font-size: 20px;position:absolute;}
.icon_arrow:hover{cursor:pointer;}
.icon_categorie{max-height:40px;}

.menu_desc{min-height:80px;padding:25px;}
.menu_desc{display:none;}
.menu_desc > a{display:none;}
.menu_sous_sous_cat{display:none;}

.menu_principal > .navbar-nav  > .nav-item{padding: 5px;cursor:pointer;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie{color:#000000!important;font-size:14px;text-transform:uppercase;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie:hover{opacity:0.7;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie_actif{color:#000000!important;font-size:14px;text-transform:uppercase;font-weight:bold;border-bottom:1px solid black;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie_actif:hover{opacity:0.7;}
.titre_menu_cat:hover{color:#E4A827 !important;cursor:pointer;}
#navbarCollapse{padding: 5px;width: 100%; margin-top: 7px;max-height: 80vh;overflow-y: auto;}
.navbar-toggler{font-size: 1.6rem;}
/*.menu_principal > .nav-item.actif .nav-link::after,  .nav-item:hover .nav-link::after{content: '';position: absolute;-webkit-mask-image: url(../../images/navigation/icon-cursor.png);mask-image: url(../../images/navigation/icon-cursor.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;z-index: 100;clear: both;display: table;height: 15px;width: 15px;background-color: #FFFFFF;left: 43%;}*/
.header_mobile > .nav-item.actif .nav-link_mobile.nav-link::after, .nav-item:hover .nav-link_mobile.nav-link::after{display:none;}
.navbar_mobile{z-index: 20 !important;}
.navbar-light .navbar-toggler{border: none !important;}
.navbar-toggler:focus{box-shadow: none !important;}
.navbar_mobile.bg-light{background-color: #FFFFFF !important}
.navbar_mobile a.nav-link{color:#9dc540 !important;}
.navbar_mobile a.dropdown-item{color:#000000 !important;}
.modal-login{top:30%;}
.header_mobile .dropdown-menu .show{background-color: #000D2D !important;}

/* Alertes */
.message_bandeau{ padding:6px !important; background-color: var(--bandeau-bg); color: var(--bandeau-tx);z-index: 10 !important; }
.message_bandeau > a, .message_bandeau > p > a{ color: var(--bandeau-tx) !important; }
.message_bandeau.alert{margin-bottom: 0 !important;}
.alert .close{color: var(--texte-vert);text-shadow: none;opacity: 0.9;}
button.close{padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;}
.close{float: right;font-size: 1.5rem;font-weight: 500;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.5;}
.alert .alert-icon{display: block;float: left;margin-right: 1.071rem;}

.modal_header{background-color: var(--rose);padding: 15px;}
.modal_titre{margin:0 !important;}
.modal_body{padding: 30px;}
.modal_submit{margin-top:10px;}

/*  MENU BAR  */
.wrapper_menuheader {display:block;z-index:25;float: left;}
.wrapper_menuheader .menuheader {list-style:none;background:transparent;}
.menuheader li{float:left;position:relative;background:transparent;}
.menuheader li a{outline:0;font-size:1em;display:block;margin-top:-5px;left:0em;color:#000000;}
.menuheader li:hover a{background:transparent;position:relative;z-index:11;}
.menuheader li:hover div a{	display:inline;}
.menuheader li:hover .align_right {left:auto;}
.img_menu_compte{margin-left: -25px;}
.img_menu{margin-top: 5px;cursor:pointer;}

/*  DROP DOWN MENU */
.menuheader .dropdown_navigation {left:-950em;position:absolute;padding: 15px;border: 2px solid var(--rose);background-color:#FFFFFF;z-index:25;}
.menuheader .dropdown_moncompte {right: -42px;top: 65px;width: 250px;}
.menuheader .dropdown_panier {right: -30px;top: 66px;width: 400px;}
.dropdown_navigation:before {content:"";position:absolute;bottom:-20px;left:40px;border-width:10px 10px 0;border-style:solid;border-color:var(--rose) transparent;display:block;width:0;}
/* creates the smaller  triangle */
.dropdown_navigation:after {content:"";position:absolute;bottom:-13px;left:47px;border-width:13px 13px 0;border-style:solid;border-color:#fff transparent;display:block;width:0;}
/* creates the larger triangle */
.dropdown_navigation:before {top: -19px;bottom: auto;left: auto;right: 40px;border-width: 0px 18px 19px;}
/* creates the smaller  triangle */
.dropdown_navigation:after {top: -13px;bottom: auto;left: auto;right: 42px;border-width: 0px 16px 14px;}
.modal-content .input-group-text{background-color: transparent !important;}

/* Footer */
.ft_div_rs{margin-bottom:40px;}
.footer h4 > a, .footer  h5 > a {color:#000000 !important;}
.separation_footer{background-color: var(--rose);height:60px;}
.bas_de_page{padding: 20px 20px 0px 20px;}
.bas_de_page > div > a {color:#000000 !important;}
.ft_rs_parent{position:relative;min-height:100px;}
.ft_rs_enfant{margin-top: 15%;}