@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');

:root {
	--enStock:#7ebaa9;
	--enCommande:#dfc087;
	--indisponible:#bdb7a7;

	--cat-active-fond:transparent;
	--cat-active-txt:#f5f5e6;

	--statut-txt:#fff;
	--articled-p-size:14px;
	--articled-sstitre-size:14px;

	--gris-fonce:#bdb7a7;
	--gris-jauni:#f5f5e6;

	--hb0textcolor1:#392d2b;
	--hb0textcolor2:#f5f5e6;

	--mcbgcolor:#f5f5e6;
	--mctextcolor:#fff;
	--mchovertextcolor:#392d2b;
	--mcsearchlabelcolor:#392d2b;

	--color0:#392d2b;
	--color0b:#656871;
	--color1:#8ea0ab;
	--color1b:#737a82;
	--color2:#55718d;
	--color2b:#45586d;
	--color3:#7ebaa9;
	--color3b:#6c9788;
	--color4:#b55c57;
	--color4b:#8c4944;
	--color5:#d0905d;
	--color5b:#a3724c;
	--color6:#f8de74;
	--color6b:#c7b061;
	--color7:#dfc087;
	--color7b:#b3996e;
	--color8:#9c8567;
	--color8b:#735f4c;
	--color9:#d6d3c3;
	--color9b:#f4f5e7;
	--color10:#bdb7a7;
	--color11:white;
	--color12:#c34d56;
	--color13:#f5f5e6;
	--color14:#f7f7eb;
	--color15:#d4d2c3;

	--companytextcolor1:#f5f5e6;
	--companytextcolor2:#bdb7a7;
	--resumetextcolor:#f5f5e6;
	--nwltextcolor:#f5f5e6;

	/* brands banner */
	--brandsbannerbgcolor:white;

	/* --companybgoverlay:rgb(62,95,124); */

	--footerbgcolor:#f5f5e6;
	--footertextcolor:#392d2b;
	--footerhovertext:#c34d56;

	--bottomborder:#bdb7a7;
	--wrapperwidth:94vw;
	--visitedlinkcolor:#392d2b;
	--blackborders:var(--color0b);

	--bodybgcolor:white;

	--catbgcolor1:rgb(82, 127, 168);
	--catbgcolor2:rgb(150, 75, 81);
	--catbgcolor3:rgb(82, 138, 116);
	--catbgcolor4:rgb(202, 152, 86);

	/* product/article */
	--articlemcbgcolor:white;
	--enStock:#7ebaa9;
	--enCommande:#dfc087;
	--indisponible:#bdb7a7;

	/* -----Lines Heights---- */
	--lhcat1:1.3;
	--lhcat2:1.3;
	--lhfootlinks:1.2;
	--lhfootlinksmobile:1;


	/* -----card-produit---- */

	--card-produit-cadre:#bdb7a7;
	--card-produit-fond:white;
	--card-produit-haut-txt:#392d2b;
	--card-produit-haut-fond:#f5f5e6;
	--card-produit-bas-fond:transparent;
	--card-produit-infospanier-txt:#392d2b;
	--card-produit-infospanier-fond:#f5f5e6;
	--card-produit-marque-txt:#392d2b;
	--card-produit-prix-txt:#392d2b;
	--card-produit-prixprec-txt:#bdb7a7;
	--card-produit-barreprix:#c34d56;
	--card-produit-bouton-txt:#392d2b;
	--card-produit-bouton-fond:#d6d3c3;
	--card-produit-nouveau:#c34d56;
	--card-produit-nouveau-txt:#fff;
	--card-produit-bonplan:#f8de74;
	--card-produit-bonplan-txt:#392d2b;
	--card-produit-enStock:#7ebaa9;
	--card-produit-enCommande:#dfc087;
	--card-produit-indisponible:#bdb7a7;
}

*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html, body { margin:0; padding:0; width:100%; max-width:100%; min-height:100%; }
body::-webkit-scrollbar { -webkit-appearance:none; opacity:0; margin:0; padding:0; width:100%; max-width:100%; min-height:100%;}
body { font-family:'Montserrat', sans-serif; }

input, button, textarea, select {
	font:inherit;
	border:none;
}

/*	H Formats 	*/
h1, h2, h3, h4, h5, h6 {
	overflow-wrap:break-word;
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-weight:inherit;
	font-size:inherit;
	line-height:inherit;
	vertical-align:baseline;
}

nav ul, nav menu, menu ul, .banner-left ul, footer ul, .social_links ul, #main {
	padding:0;
	list-style-type:none;
	margin-block-start:0;
	margin-block-end:0;
}

/*			buttons				*/

.btn_green, .btn_red, .btn_blue, .btn_default, .btn_disable {
	text-transform:uppercase !important;
	font-size:14px !important;
	font-weight:600 !important;
	padding:5px 16px !important;
	text-align:center;
	color:white !important;
	border:1px solid transparent !important;
	cursor:pointer;
	transition:all 0.3s ease;
}

.btn_green { background-color:#7EBAA9 !important; }
.btn_red { background-color:#B55C57 !important; }
.btn_blue { background-color:#55718d !important; }
.btn_default { background-color:#D6D3C3 !important; font-size:10px !important; color:#392D2B !important; width:100%; }

.btn_green:hover, .btn_red:hover, .btn_blue:hover, .btn_default:hover { filter:brightness(1.05); }

.item_card .btn_default { margin-top:10px; }
.down-item .btn_default { margin-top:20px; }

.btn_disable { background: var(--color15); }


.main__panier button { margin-top: 13px; }

/*
.main__panier button[type="button"].btn_green {
	background-color: var(--color10) !important;
	color: var(--color13) !important;
}
*/

.main__panier button[type="button"].btn_green { background: var(--color15) !important; }

/*
.valider-cgv button[type="button"] {-
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  border: 1px solid transparent;
  padding: 6px 9px;
  margin-top: 13px;
  background-color: var(--color10);
  color: var(--color13);
}

.valider-cgv button[type="button"]:hover {
	font-size:14px;
	font-weight:500;
	text-align:right;
	color:white;
	background-color:var(--color3b);
	border:1px solid transparent;
	padding:6px 9px;
	margin-top:13px;
}

.valider-cgv button[type="submit"] {
	font-size:14px;
	font-weight:500;
	text-align:right;
	color:white;
	background-color:var(--color3b);
	border:1px solid transparent;
	padding:6px 9px;
	margin-top:13px;
}
*/




/*			utilities			 */

.uppr { text-transform:uppercase; }
.bold { font-weight:700; }
.italique { font-style:italic; }

* a,
* button,
* input[type="submit"] { cursor:pointer; }

* a { text-decoration:none; }

.wrapper {
	max-width:var(--wrapperwidth);
	margin:0 auto
}

table { border-collapse:collapse; }

* button {
	background-color:transparent;
	padding:0;
}

input:focus { outline:1px solid var(--color10); }

.show { display:flex !important; }

/*	--------------------------------- */

.cursor-pointer { cursor:pointer; }

.m-auto { margin:auto !important; }
.m-0 { margin:0px !important; }

.h-100 { height:100% !important; }
.h-auto { height:auto !important; min-height:0 !important; margin-bottom:0 !important; }
.w-auto { width:auto !important; }

.w-auto img { width:auto !important; }
.text-center { text-align:center; }