@import "init.css";
@import "loader.css";
@import "../font/font.css";
@import "../icons/icons.css?v3";
@import "../lib/OwlCarousel2/assets/owl.carousel.min.css";
@import "../lib/OwlCarousel2/assets/owl.theme.default.min.css";
@import "../lib/jQueryScrollbar/jquery.scrollbar.css";

:root{
	--noir:#2C2C2B;
	--jaune:#FFD500;
	--vert:#24B476;
	--vert2:#1d8e5d;
	--vert3:#A5EA37;
	--rouge:#ff786e;
	--orange:#FFA134;
	--bleu:#84CFF0;
	--bleuclair:#76BFC5;
	--bleufonce:#0080C5;
	--fondgris:#F5F5F5;
	--grisfonce:#727272;
	--gris2: #f6f6f6;
	--gris:#f4f4f4;
	--font:14px;
	--extombre:0px 1px 3px rgba(0,0,0,0.20);
	--separator:20px;
	--maxwidth:1600px;
	--maxwidthbig:1920px;
	--carousselWidth: 375px;
	--universWidth: 514px;
	--widthProductCategorie: 300px;
	--carousselWidthCategories: 254px;
	--carousselWidthEnPromo: 300px;
	--carousselWidthLastNews: 250px;
	--carousselWidthPromote: 377px;
	--carousselWidthPromoteModal: 286px;
	--carousselWidthBestSellers: 300px;
	--newgrey: #fafafa;
	--newgrey2: #e8e9ea;
	--newgrey3: #949598;
	--newgrey4: #E6E7E8;
}



/* GLOBAL */
*,button, input, optgroup, select, textarea { font-family: 'Gilroy', sans-serif; font-weight:400; }
body{
	background-color: var(--newgrey);
}

.star.active{
	color: var(--jaune);
}
a, a:hover, a:active { color: inherit; text-decoration: none; }
#viewport { font-family:'Gilroy', sans-serif; font-size:var(--font); color:#2a2f3b; }
.load_filigrame { position: fixed; width: 100%; height: 100%; top:0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.8); z-index: 9999; }
h1, h2, h3, h4, h5, h6 { font-family:'Gilroy', sans-serif; font-weight: bold; }
h1 { text-align: center; font-size: 48px; margin-bottom: 60px; }
h2 { text-align: center; font-size: 34px; }
h3 { font-size: 28px; }
.bg-grey{
	background-color: var(--gris2) ;
}
.bg-grey2{
	background-color: var(--gris) ;
}
.bg-grey3{
	background-color: var(--newgrey4) !important ;
}
.c-black{
	color: var(--noir) !important;
}
.shadow{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.container{ max-width:  var(--maxwidth); padding: 0px }
.col{  padding: 0px }

.img-max-height img{
	/*max-height: 300px;*/
}
.img-max-width{
	max-width: var(--maxwidth);
}
.max-width{
	max-width: var(--maxwidth);
	margin: 0 auto;
	position: relative;
}
.widget-picture{
	z-index: 2;
}
.img-max-height{
	margin: 0 auto;
	max-width: var(--maxwidth);
}
.c-red{
	color: var(--rouge);
	margin-bottom: 20px;
}
.text-barre{
	text-decoration:line-through;
	text-decoration-color: var(--rouge);
	text-decoration-thickness: 4px;
}
.text-red a,
.text-red{
	color: var(--rouge) !important;
}
.alert-success { margin-bottom: 40px !important; }
.container { margin-left: auto; margin-right: auto; }

.bg-green{
	background-color: var(--vert) !important;
}

.c-white{
	color: #fff !important;
}

.no-button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
/* BTN */
.btn { white-space: initial; padding: 0.575rem 1.75rem; background:var(--grisfonce); color:white; border:0; border-radius:5px !important; -webkit-border-radius:5px !important; text-transform:none; font-weight:bold; line-height: 1.15em; }
.btn.btn-nobg { background:transparent !important; box-shadow:initial; -webkit-box-shadow:initial; }
.btn.btn-nobg:hover { background:transparent !important; }
.btn.btn-inline { padding:3px 6px; min-width:auto; }
.btn.btn-red { background-color:var(--rouge); color:#FFFFFF; }
.btn.btn-red.btn-nobg { color:var(--rouge); }
.btn.btn-red:hover { background-color:rgba(231,57,53,0.7); }
.btn.btn-red.btn-nobg:hover { color:var(--rouge); }
.btn.btn-rose { background-color:var(--rouge); color:#FFFFFF; }
.btn.btn-rose.btn-nobg { color:var(--rouge); }
.btn.btn-rose:hover { background-color:var(--grisfonce); }
.btn.btn-rose.btn-nobg:hover { color:var(--grisfonce); }
.btn.btn-rouge { background-color:var(--rouge); color:#FFFFFF; }
.btn.btn-rouge.btn-nobg { color:var(--rouge); }
.btn.btn-rouge:hover { background-color:rgba(104,18,96,0.7); }
.btn.btn-rouge.btn-nobg:hover { color:var(--rouge); }
.btn.btn-noir { background-color:var(--noir); color:#FFFFFF; }
.btn.btn-noir.btn-nobg { color:var(--noir); }
.btn.btn-noir:hover { background-color:var(--gris); color:var(--noir); }
.btn.btn-noir.btn-nobg:hover { color:var(--gris); color:var(--noir); }
.btn.btn-vert { background-color:var(--vert); color:#FFFFFF; }
.btn.btn-vert.btn-nobg { color:var(--vert); }
.btn.btn-vert:hover { background-color:var(--grisfonce); }
.btn.btn-vert.btn-nobg:hover { color:var(--grisfonce); }
.btn i { margin-right: 10px; }


.cancel_btn{
	background-color: var(--white) !important;
	font-size: 23px !important;
	line-height: 23px !important;
	font-weight: bold !important;
	border-radius: 40px !important;
	padding: 12px 26px !important;
	color: var(--noir) !important;
	border: 3px solid var(--noir) !important;
	cursor: pointer;
}


.cancel_btn:hover{
	background-color: var(--noir) !important;
	color: var(--white) !important;
}

.confirm_btn{
	background-color: var(--noir) !important;
	font-size: 23px !important;
	line-height: 23px !important;
	font-weight: bold !important;
	border-radius: 40px !important;
	padding: 12px 26px !important;
	color: var(--white) !important;
	border: 3px solid var(--noir) !important;
	display: block;
	cursor: pointer;
}

.confirm_btn:hover{
	background-color: var(--white) !important;
	color: var(--noir) !important;
}

.confirm_btn_light{
	background-color: var(--white) !important;
	font-size: 23px !important;
	line-height: 23px !important;
	font-weight: bold !important;
	border-radius: 40px !important;
	padding: 12px 26px !important;
	color: var(--noir) !important;
	border: 3px solid var(--noir) !important;
	display: block;
	cursor: pointer;
}
.confirm_btn_light_small{
	background-color: var(--white) !important;
	font-size: 18px !important;
	line-height: 18px !important;
	font-weight: bold !important;
	border-radius: 40px !important;
	padding: 9px 13px !important;
	color: var(--noir) !important;
	border: 3px solid var(--noir) !important;
	display: block;
	cursor: pointer;
}

.confirm_btn_light,
.confirm_btn_light_small:hover{
	background-color: var(--noir) !important;
	color: var(--white) !important;
}


.confirm_btn_light:hover{
	background-color: var(--rouge) !important;
	border: 3px solid var(--rouge) !important;
	color: var(--white) !important;
}


.red_btn{
	background-color: var(--rouge) !important;
	font-size: 23px !important;
	line-height: 23px !important;
	font-weight: bold !important;
	border-radius: 40px !important;
	padding: 12px 26px !important;
	color: var(--white) !important;
	border: 3px solid var(--rouge) !important;
	cursor: pointer;
}


.red_btn_sm{
	padding: 8px 18px;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	background-color: var(--rouge);
	border-radius: 25px;
	cursor: pointer;
}


.btn-link{
	padding: 8px 18px;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	background-color: var(--noir);
	border-radius: 25px;
	border: 0;
}

.btn-link:focus,
.btn-link:active,
.btn-link:hover{
	background-color: var(--rouge);
	text-decoration: none;
}

.underline{
	text-decoration: underline;
}

.rotage-180{
	transform: rotate(180deg);
}
/* HEADER */
header .header-right{
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
header { transition: 0.3s;  position: sticky; top: 0; z-index: 99; margin-bottom: 0px; background-color: var(--newgrey)}
#top_bar { background-color: var(--rouge); padding: 5px 0 5px; }
#top_bar ul { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0; list-style-type: none; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; }
#top_bar ul li { color: #ffffff; font-size: 14px; }
#top_bar ul li::after { content:'|'; margin-left: 5px; margin-right: 5px; color: rgba(255,255,255,0.5); }
#top_bar ul li:last-child { }
#top_bar ul li:last-child::after { content:''; margin-right: 0; }
#top_bar ul li a { color: inherit; font-weight: bold; }
#top_bar ul li a:hover { color: rgba(255,255,255,0.5); }
header #header {   padding-top: 39px; padding-bottom: 14px; max-width: var(--maxwidth); margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; }
header .header-right #header-bottom{display: none}
header #header-bottom { width: 100%; margin: 0 auto; padding-top: 5px; position: relative; border-bottom: 1px solid var(--newgrey2);}
header #header-bottom .menu{  max-width: var(--maxwidth); margin:  0 auto}
header #header #logo { height: auto; transition: 0.4s; padding-right: 48px;  flex: 0 0 auto; position: relative; }
header #header #logo img { height: auto; width: auto; max-width: 269px }
header #header #logo a { position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
}
header #header #logo a span{
	position: absolute;
	top: -5000px;
	left: -5000px;
}
header #header nav ul {  }
header #header nav ul li { font-size: 14px; font-weight: bold; color: var(--rouge); }
header #header nav ul li a { font-size: inherit; font-weight: inherit; color: inherit; }
header #header nav ul li a:hover { color: var(--rouge); }
header #header ul#tools,header #header-bottom ul#tools { margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: row; justify-content: center; align-items: center}

header #header-bottom .li-tools #tools li{
	width: auto;
	padding-left: 23px;
	margin-right: 0px;
}
header #header-bottom .li-tools #tools li.account a span{
	padding: 8px 18px;
	background-color: var(--rouge);
	border-radius: 25px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
}
header #header-bottom .li-tools #tools li.account a img{
	display: none;
}
header #header ul#tools a,header #header-bottom ul#tools a {width: auto; display: block; cursor: pointer; line-height: 1em; padding: 0px; }
header #header ul#tools li,header #header-bottom ul#tools li { position: relative; min-width: auto !important; }
header #header ul#tools a:last-child,header #header-bottom ul#tools a:last-child { margin-right: 0; }
header #header ul#tools li span, header #header-bottom ul#tools li span { display: block; font-weight: bold; }
header #header ul#tools li i,header #header-bottom ul#tools li i{ color:var(--rouge); font-size: 33px; position: relative }
header #header ul#tools li span.badge, header #header-bottom ul#tools li span.badge { border-radius: 100%; font-weight: 600; font-size: 24px; position: relative; width: 36px; height: 36px; line-height: 24px; display: flex; justify-content: center; align-items: center; background: var(--noir); color: #fff; font-family: sans-serif; }
header #header ul#tools li span.badge:hover, header #header-bottom ul#tools li span.badge:hover{
	background-color: var(--rouge);
}
header #header ul#tools a.nav-trigger, header #header-bottom ul#tools a.nav-trigger, .nav-close { display: none; }
header #header-bottom #block-tools ul#tools { display: none; }
header .toggle-menu-mobile{
	font-size: 24px;
	display: none;
}
header #header ul#tools .dropdown-account{

}
header #header-bottom ul#tools  .dropdown-account .dropdown-account-btn,
header #header ul#tools  .dropdown-account .dropdown-account-btn{
	width: 132px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
header #header-bottom .li-tools #tools .dropdown-account .dropdown-account-btn img,
header #header .li-tools #tools .dropdown-account .dropdown-account-btn img{
	display: block !important;
}
header #header-bottom .li-tools #tools .dropdown-account .dropdown-account-btn img:last-of-type,
header #header .li-tools #tools .dropdown-account .dropdown-account-btn img:last-of-type{
	display: none !important;
}
header #header-bottom .li-tools #tools .dropdown-account.show .dropdown-account-btn img:first-of-type,
header #header .li-tools #tools .dropdown-account.show .dropdown-account-btn img:first-of-type{
	display: none !important;
}
header #header-bottom .li-tools #tools .dropdown-account.show .dropdown-account-btn img:last-of-type,
header #header .li-tools #tools .dropdown-account.show .dropdown-account-btn img:last-of-type{
	display: block !important;
}
header #header-bottom .li-tools #tools  .dropdown-account .dropdown-account-btn span,
header #header .li-tools #tools  .dropdown-account .dropdown-account-btn span{
	padding: 0px;
	background-color: inherit;
	border: 0;
	font-family: Gilroy;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	text-align: left;
	color: var(--noir);
	margin-left: 20px;
	border-radius: 0px;
	overflow: hidden;
	border-bottom: 2px solid var(--noir);
}

header #header-bottom .li-tools #tools  .dropdown-account  .menu-account a span,
header #header .li-tools #tools  .dropdown-account  .menu-account a span{
	padding: 0px;
	background-color: inherit;
	border: 0;
}


header #header-bottom .dropdown-account .menu-account,
header #header .dropdown-account .menu-account{
	top: 32px !important;
	left: -19px !important;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 259px !important;
	padding: 0px !important;
	margin: 0px !important;
	border: 1px solid var(--newgrey4);
}
header #header-bottom .li-tools #tools .dropdown-account .menu-account a:hover,
header #header-bottom .li-tools #tools .dropdown-account .menu-account a:focus,
header #header-bottom .li-tools #tools .dropdown-account .menu-account a:active,
header #header-bottom .li-tools #tools .dropdown-account .menu-account a,
header #header .li-tools #tools .dropdown-account .menu-account a:hover,
header #header .li-tools #tools .dropdown-account .menu-account a:focus,
header #header .li-tools #tools .dropdown-account .menu-account a:active,
header #header .li-tools #tools .dropdown-account .menu-account a{
	font-family: Gilroy;
	font-weight: 500;
	font-size: 19px;
	text-align: left;
	color: var(--noir) !important;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	height: 56px;
	position: relative;
	text-decoration: none;
	margin-right: 0px;
	padding: 6px 6px 6px 16px;
	background-color: inherit;
	border-radius: 0px;
}
header #header-bottom .dropdown-account .menu-account a:after,
header #header .dropdown-account .menu-account a:after{
	display: block;
	content: '';
	bottom: 0px;
	left:0px;
	width: 100%;
	height: 1px;
	background-color: var(--newgrey4);
	position: absolute;
}

header #header-bottom .li-tools #tools .dropdown-account .menu-account a:last-of-type:after,
header #header .li-tools #tools .dropdown-account .menu-account a:last-of-type:after{
	display: none;
}
header #header-bottom .li-tools #tools  .dropdown-account .menu-account a:last-of-type,
header #header .li-tools #tools  .dropdown-account .menu-account a:last-of-type{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

header #header-bottom .li-tools #tools .dropdown-account .menu-account a i{
	font-size: 25px;
	color: #000;
	margin-right: 10px;
}
header #header-bottom .li-tools #tools .dropdown-account .menu-account a img,
header #header .li-tools #tools .dropdown-account .menu-account a img{
	height: auto;
	display: block;
	margin-right: 15px;
}
header #header-bottom .li-tools #tools .dropdown-account .menu-account a span,
header #header .li-tools #tools .dropdown-account .menu-account a span{
	display: block;
	border-radius: 0px;
}
.ariane{
	display: flex;
	margin: 0px;
	padding: 17px 0px;
	width: 100%;
	flex-wrap: wrap;
}
.ariane li{
	list-style: none;
	display: flex;
	align-items: center;
	height: 26px;
}
.ariane li:first-of-type img{
	display: none;
}
.ariane li a{
	font-size: 12px;
	font-weight: 600;
	color: var(--newgrey3);
	margin-right: 25px;
}

.ariane li a{
	margin-left: 24px;
}
.ariane li:first-of-type  a{
	margin-left: 0px;
}
.ariane li a.no-link{
	color: var(--noir);
}

header #header #block-tools{
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	display: none;
	justify-content: center;
	align-items: center;
}

#order_retract{
	padding-bottom: 40px;
}
#order_retract ul { list-style-type: none; background-color: var(--gris); display: inline-block; padding: 20px 25px; border-radius: 5px; margin: 0 auto 40px; }

/* NAV */
nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: row; justify-content: space-between; }
nav ul li a { display: block; padding: 8px 14px; font-size: 18px; }
nav ul li a:hover { color: var(--rouge); }

/* OWL */
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}
.owl-carousel .owl-nav {
	overflow: hidden;
	height: 100%;
	width: 100%;
	max-width: var(--maxwidth);
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.owl-carousel:hover .nav-btn {
	background-color: rgba(255, 255, 255, 0.3);
}
.owl-carousel .nav-btn {
	position: absolute;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	border-radius: 25px;
}
.owl-carousel .nav-btn img{
	width: 17px;
	height: auto;
}
.owl-carousel .next-slide {
	right: 0px;
}
.owl-carousel .prev-slide {
	left: 0px;
}
.owl-theme .owl-item.active .wdpv,
.owl-theme .owl-item.active .widget-picture,
.owl-theme .owl-item.active .max-width{
	position: relative;
	z-index: 1;
}
.owl-theme .owl-dots .owl-dot { border: 0; background: transparent; }
.owl-theme .owl-dots .owl-dot span { width: 35px; margin: 0; }
.owl-theme .owl-dots .owl-dot.active span { background: var(--rouge); }
.owl-carousel-banner .owl-item .item{
	position: relative;
}
.owl-carousel-banner .owl-item img{
	display: block;
	width: 100%;
}
.owl-carousel-banner .wdpv.disable{
	width: 100%;
	height: 100%;
}

.owl-carousel-banner .owl-item:last-child:after{
	clear: both;
}
/* SEARCHBAR */
header .searchbox_input .block-search{
	flex: auto;
	position: relative;
}
header .searchbox_input input:focus,
header .searchbox_input input {
	position: relative;
	width: 100%;
	border: 1px solid var(--newgrey4);
	padding-left: 20px;
	padding-right: 0px;
	border-top-right-radius: 25px !important;
	border-bottom-right-radius: 25px !important;
	height: 45px;
	color: var(--newgrey3);
	font-size: 17px;
	font-weight: 600;
	background-color: #fff;
	outline: none;
}
header .searchbox_input input.is-focus{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom: 0px;
}
header .searchbox_input .fa-search {
	position: absolute;
	right: 9px;
	top: 7px;
	padding: 7px;
	cursor: pointer;
	font-size: 18px;
}
header .searchbox_input .fa-times-circle {
	position: absolute;
	right: 40px;
	top: 7px;
	padding: 7px;
	cursor: pointer;
	font-size: 18px;
	display: none;
}

header .searchbox_input.in_search .fa-times-circle {
	display: block;
}
header .searchbox_input {
	flex: 0 0 auto;
	width: 100%;
	position: relative;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 24px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--newgrey2);
}


/* The container must be positioned relative: */
header .custom-select-categories {
	position: relative;
	width: 352px;
}
header .search_mobile {
	display: none;
}

header .custom-select-categories select {
	display: none; /*hide original SELECT element: */
}

header .select-selected {
	background-color: var(--noir);
	display: block;
	width: 100%;
}

/* Style the arrow inside the select element: */
header .select-selected:after {
	position: absolute;
	content:'';
	display: block;
	background-image: url('/theme/charte/imgs/fleche-bottom.png');
	top: 15px;
	right: 18px;
	width: 25px;
	height: 14px;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

/* Point the arrow upwards when the select box is open (active): */
header .select-selected.select-arrow-active:after {

	transform: rotate(180deg);
	top: 11px;
}

header .select-selected.select-arrow-active{
	border-bottom-left-radius: 0px;
}

/* style the items (options), including the selected item: */
header .select-items div,header .select-selected {
	color: var(--noir);
	padding: 7px 21px 8px 21px;
	cursor: pointer;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	font-size: 19px;
	position: relative;
	font-weight: 600;
	z-index: 100;
	display: flex;
	align-items: center;
	align-content: flex-start;
}
header .select-selected {
	height: 45px;
	color: #fff;
	transition: all 0.2s;
}

header .select-items div span{
	padding: 9px 21px;
	font-weight: 500;
	position: relative;
	font-size: 17px;
	display: block;
	width: 100%;
}
header .select-items div{
	display: flex;
	flex-direction: column;
	font-size: 17px;
	padding: 0px;
}
header .select-items div:after{
	background-color: var(--newgrey4);
	width: 100%;
	content: '';
	display: block;
	height: 1px;
}
header .select-items div:last-of-type:after{
	display: none;
}

/* Style items (options): */
header .select-items {
	position: absolute;
	background-color: #fff;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	border-right: 1px solid var(--newgrey4);
	border-left: 1px solid var(--newgrey4);
	border-bottom: 1px solid var(--newgrey4);
}

/* Hide the items when the select box is closed: */
header .select-hide {
	display: none;
}

.search_select_header{
	position: absolute;
	top: 44px;
	left: 0px;
	background-color: #fff;
	width: 100%;
	z-index: 3;
	border: 1px solid var(--newgrey4);
}
.search_select_header a,
.search_select_header p{
	font-size: 17px;
	line-height: 16px;
	font-weight: 600;
	padding: 10px 20px;
	color: var(--newgrey3);
	margin: 0px;
}
.search_select_header a span.link-bold{
	color: var(--noir);
	font-weight: 600;
}
.search_select_header a span.link-total{
	color: var(--noir);
	font-weight: 600;
	font-size: 14px;
}
.search_select_header a{
	display: block;
	width: 100%;
	border-bottom: 1px solid var(--newgrey4);
	padding: 10px 20px;
	font-weight: 600;
}

.search_select_header a:hover{
	background-color: var(--newgrey);
	color: #000 !important;
}

/* SEARCHBOX */
#tools .search { cursor: pointer; }
#tools .search:hover { color:var(--rouge); }
#searchbox { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 999; color: white; overflow-y: auto; }
#searchbox .searchbox_head { display: flex;	flex-direction: row; flex-wrap: nowrap;	justify-content: space-between;	align-items: center; align-content: stretch; padding: 10px 30px; }
#searchbox .searchbox_head .cancel { cursor: pointer; font-size: 50px; }
#searchbox .searchbox_head .cancel:hover { color:var(--rouge); }
#searchbox .searchbox_head .logo img { max-width: 180px; height: auto; }
#searchbox .searchbox_input { max-width: 80%; margin: 20px auto; font-size: 70px; border-bottom: 2px solid rgba(255,255,255,0.3); }
#searchbox .searchbox_input i { margin-right: 15px; font-size: 40px; }
#searchbox .searchbox_input #search_input { cursor: text; }
#searchbox .searchbox_input #search_input:not(:focus):empty:before { content:'Rechercher...'; color: #9c9c9c; }
#searchbox .search_elements { padding: 30px; }
#searchbox .search_elements .search_nrb_results { font-size: 30px; }

#search_products_list { display: flex; flex-direction: row;	flex-wrap: nowrap; justify-content: flex-start;	align-items: stretch; align-content: stretch; }
#search_products_list { overflow-x: auto; }
#search_products_list .item { margin-right: 20px; border-radius: 5px; }
#search_products_list .item:last-child { margin-right: 0; }
#search_products_list .item figure { background: white;	text-align: center; margin: 0; padding: 15px; border-radius: 5px 5px 0 0; }
#search_products_list .item .caption { padding: 20px; background: var(--gris); color: black; border-radius: 0 0 5px 5px; }
#search_products_list .item .caption h2 {  font-size: 20px; text-align: left; }
#search_products_list .item .caption .price { color: var(--rouge); font-weight: bold; }
#search_products_list .item .caption .price span { font-size: 0.8em; }
#search_products_list .item .caption .marque { font-size: 14px; }
#search_products_list .item:hover .caption h2 { color: var(--rouge); }
#search_products_list .item .caption h2:hover { color: var(--rouge); }
#search_products_list .item:hover .caption .price {  }




.pagination{
	justify-content: center;
}
.page-link{
	color: var(--noir);
	border: 1px solid var(--noir);
	font-weight: bold;
}

.page-item .page-link:hover,
.page-item.active .page-link{
	background-color: var(--noir);
	color: var(--white);
	border: 1px solid var(--noir);
}


/* CONTENT */

#content > div:first-child { max-width: 1200px; margin: 0 auto; }

/* FOOTER */

footer { background-color: var(--noir); padding-top: 85px; color: #ffffff; padding-bottom: 99px; }
.form-error { color: var(--rouge) !important; }
input.form-control.error{
	border-color: var(--rouge) !important;
}
input.error, select.error{
	background-image: url('/theme/charte/imgs/error-img.png');
}
select.valid,
select.error{
	background-position: 97%;
}
input[type="number"].valid,
input[type="number"].error{
	padding-right: 27px !important;
}

.strength-meter{
	border-color: var(--newgrey) !important;
	background: var(--newgrey) !important;
}
footer .footer-top{
	padding-top: 15px;
	padding-bottom: 15px;
}
footer .footer-head{
	padding-bottom: 41px;
}
footer .footer-content{
	max-width: var(--maxwidth);
	margin: 0 auto;
}

footer .footer-content img{
	height: auto;
}

footer .footer-content p{
	margin: 0px;
}
footer .footer-head .arguments{
	max-width: var(--maxwidth);
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid var(--newgrey3);
	padding-left: 0px;
	padding-right: 0px;
}

footer .footer-head .arguments a.link-page{

	text-decoration: underline;
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
	position: relative;
	padding-top: 55px;
}
footer .footer-head .arguments ul{
	width: 100%;
	max-width: var(--maxwidth);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding-left: 0px;
	align-content: stretch;
	align-items: stretch;
	padding-bottom: 76px;
}
footer .footer-head .arguments p{
	margin: 0px;
}
footer .footer-head .arguments ul li{
	list-style: none;
	width: 20%;
}
footer .footer-head .arguments ul li,
footer .footer-head .arguments ul li a{
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	color:#fff;
}
footer .footer-head .arguments ul li a{
	width: 100%;
	text-decoration: none;
}
footer .footer-head .arguments ul li img,
footer .footer-head .arguments ul li a img,
footer .footer-head .arguments ul li svg,
footer .footer-head .arguments ul li a svg{
	height: 74px;
	width: auto;
	margin: 0 auto;
}
footer .footer-head .arguments ul li span,
footer .footer-head .arguments ul li a span{
	margin-top: 21px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
}



footer .footer-bottom{
	padding-top: 15px;
	padding-bottom: 15px;
}

footer .footer-bottom .zeop-text{
	line-height: 16px;
	font-size: 12px;
	font-weight: 400;
	padding-right: 87px;
}

footer .footer-bottom .zeop-slogan{
	text-align: left;
	font-size: 32px;
	padding-top: 42px;
	padding-bottom: 35px;
	font-weight: bold;

}
footer .footer-bottom .btgrid{
	position: relative;
	padding-bottom: 50px;
}

.scrollToTop {
	display: none;
	position: fixed;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	background-color: var(--noir);
	border: 2px solid var(--newgrey);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	right: 0px;
	bottom: 40px;
	z-index: 10;
	margin-right: 10px;
}

.scrollToTop img{
	width: 27px;
	height: auto;
}

footer .footer-bottom .btgrid:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 1px;
	height: 100%;
	top: 26px;
	background-color: var(--newgrey3);
}
footer .footer-bottom .btgrid .col-md-6{
	padding: 0px !important;
}

footer .footer-bottom .btgrid .col-md-6:last-child .col-content {
	padding-right: 89px !important;
	padding-top: 87px;
	padding-left: 90px;
}
footer .footer-bottom .btgrid .col-md-6:last-child .col-content hr{
	background-color: var(--newgrey3);
	margin-top: 33px;
	margin-bottom: 29px;
}


footer .footer-bottom ul{
	display: flex;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	padding-bottom: 36px;
	padding-left: 0px !important;
}

footer .footer-bottom ul li{
	list-style: none;
	margin-right: 25px;
}
footer .footer-bottom {
	color: #fff;
}

footer .footer-bottom .footer-link a{
	font-size: 15px;
	line-height: 15px;
	font-weight: 500;
	text-decoration: underline;
	margin-bottom: 12px;
}

footer .footer-bottom .footer-link:hover{
	font-weight: bold;
}

footer .footer-bottom .footer-link{
	display: flex;
	flex-direction: column;
}

.center { text-align: center; margin: 20px auto 20px; }
.logout { font-size: 16px; }
.zoomContainer { z-index: 98 !important; }

div.circle{
	border-radius: 50%;
	width: 0px;
	height: 0px;
	position:fixed;
	top: 0;
	left: 0;
	background: var(--rouge);
	opacity:1;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.circle.expand{
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	z-index: 888;
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}
.nav-item-trigger{
	cursor: pointer;
}


#menu-pub{
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 20px 20px 0px ;
}
#menu-showed{
	width: 75%;
	display: none;
	flex-direction: row;
	flex-wrap: wrap;
	opacity: 1;
	align-items: start;
	align-content: baseline;
	overflow-y: auto;
	padding:10px 20px;
	transition: all 1s;
	z-index: 1;
	margin-right: 20px;
	margin-bottom: 20px;
}


.menu-showed-cat-link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-basis: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
}
.menu-showed-cat-link .close-menu-showed{
	padding: 5px;
}

.menu-showed-animated{
	display: flex !important;
	width: 75% !important;
	-webkit-animation: slide-left-in .3s ease-out;
	-moz-animation: slide-left-in .3s ease-out;
}

@-webkit-keyframes slide-left-in {
	0% { opacity: 0; -webkit-transform: translateX(-100%); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-webkit-keyframes slide-left-out {
	0% { opacity: 0; -webkit-transform: translateX(0); }
	100% { opacity: 1; -webkit-transform: translateX(-100%); }
}

#menu-showed .nav-link{
	text-align: left;
}
#menu-showed .children{
	width: 25%;
	line-height: 16px;
	font-size: 16px;
	padding: 10px 10px 0px 10px;
}
#menu-showed .children .children a{
	/*font-size: 11px !important;*/
}
#menu-showed .children .children{
	padding: 0px;
}

#header-bottom .nav-categories #menu-showed li a.nav-link:hover span{
	color: var(--noir);
}
#header-bottom .nav-categories #menu-showed li a.nav-link:hover{
	transform: scale(1.01);
}
#header-bottom .nav-categories #menu-showed li a.nav-link::before{
	background-color: inherit;
}

#menu-showed .children:last-child .bloc-children{
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}
#menu-showed .children:last-child{
	margin-bottom: 0px !important;
}
#menu-showed .bloc-children ul{
	width: 100%;
	display: inline-block;
}

.nav-categories #menu-showed .bloc-children .nav-link span,
.nav-categories #menu-showed .bloc-children .nav-link{
	font-weight: inherit;
}
#menu-showed .link-cat{
	font-weight: bold;
}
#menu-showed .link-cat:hover{
	/*background-color: inherit;*/
}

#header-bottom .menu li{
	list-style: none;
	position: relative;
	text-align: center;
	display: flex;
	padding-top: 8px;
	padding-bottom: 7px;
}

header #header ul#tools,header #header-bottom .li-tools {margin-right: 0px; flex: auto}
header #header ul#tools,header #header-bottom .li-tools #tools{
	width: 100%;
	justify-content: flex-end;
	align-content: stretch;
	align-items: center;
}

header #header-bottom ul#tools .favory img:last-of-type,
header #header ul#tools .favory img:last-of-type{
	display: none;
}

header #header-bottom ul#tools .favory:hover img:last-of-type,
header #header ul#tools .favory:hover img:last-of-type{
	display: block;
}

header #header-bottom ul#tools .favory:hover img:first-of-type,
header #header ul#tools .favory:hover img:first-of-type{
	display: none;
}
header #header-bottom ul#tools .cart img:last-of-type,
header #header ul#tools .cart img:last-of-type{
	display: none;
}

header #header ul#tools .cart:hover img:last-of-type{
	display: block;
}

header #header ul#tools .cart:hover img:first-of-type{
	display: none;
}

#header-bottom .menu li.main-menu a:hover,
#header-bottom .menu li.main-menu.current a{
	background-color: var(--rouge);
	color: #fff;
    transform: translateY(0);
}
#header-bottom .menu{
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

#nav-categories{
	position: absolute;
	padding: 0px;
	width: 100%;
	left: 0px;
	top: 100%;
	max-width: 1250px;
}
#nav-categories img{
	max-width: 100%;
	height: auto;
}
#header-bottom .nav-categories {
	width: 100%;
	display: none;
	overflow: hidden;
	position: relative;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	transition: all 1s;
	z-index: 1;
}

.nav-categories-animated{
	display: flex !important;
	-webkit-animation: slide-left-in .3s ease-out;
	-moz-animation: slide-left-in .3s ease-out;
}

#header-bottom .nav-categories li{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

#header-bottom .nav-categories ul{
	width: 100%;
	padding: 0px;
}

#header-bottom .nav-categories  li a.link-cat{
	font-size: 13px;
}
#header-bottom .nav-categories .parent-category li a.link-cat{
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-weight: 600;
}
#header-bottom .nav-categories .parent-category  li a.link-cat::after {

	content: '\f054';
	position: relative;
	padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #000;
	z-index: 2;

}

#header-bottom .nav-categories .parent-category  li a.link-cat:hover::after {
	color: #FFF;
}

#header-bottom .nav-categories ul.navbar-nav{
	display: inline-block;
	width: 100%;
	max-width: 25%;
	overflow-y: auto;
	margin: 0px !important;
	margin-bottom: 20px !important;
	z-index: 2;
	padding: 0px 26px;
}

#header-bottom .nav-categories .parent-category .children{
	display: none;
}
#header-bottom .nav-categories .parent-category  .bloc-children.b-b{
	border-bottom: 0px !important;
}

#header-bottom .nav-categories .parent-category:last-of-type .bloc-children {
	border: 0px !important;
}


#header-bottom .nav-categories .parent-category{
	border-bottom: 1px solid var(--newgrey4);
}
#header-bottom .nav-categories .parent-category:last-of-type{
	border-bottom: 1px solid var(--white);
}
#header-bottom .nav-categories .parent-category:hover{
	border-bottom: 1px solid var(--rouge);
}

#header-bottom .nav-categories .parent-category a.nav-link{
	padding: 15px 15px 10px 15px !important;
}

#header-bottom .nav-categories .parent-category:last-of-type{
	border: 0px;
}

#header-bottom .nav-categories li a.nav-link{
    width: 100%;
    position: relative;
    text-align: left;
    color: #000 !important;
    height: 100%;
    display: block;
    padding: 5px !important;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
	transition: all 0.2s;
}

#header-bottom .nav-categories li a.nav-link span{
	z-index: 2;
	position: relative;
	color: var(--noir);
	font-weight: 700;
}
#header-bottom .nav-categories li a.nav-link:hover span{
	color: #fff;
}
#header-bottom .nav-categories li a.nav-link:before{
    content: "";
    background: var(--rouge);
    position: absolute;
    z-index: 1;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-100%);
    transition: all .25s ease-in-out;
}
#header-bottom .nav-categories li a.nav-link:hover:before{
    transform:  translateY(0);
}

#header-bottom .nav-categories li a.nav-link.active,
#header-bottom .nav-categories li a.nav-link:hover{
	/*background-color: var(--rouge);*/
	color: #fff !important;
}

#header-bottom .nav-categories .nav-item{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-right: 5px;
	width: 100%;
}

#header-bottom .nav-categories .parent-category .nav-item{
	width: 100%;
}


.nav-mobile {
	z-index: 999999;
	position: absolute;
	top: 100%;
	left: -400px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	width: 370px;
	transition: 0.2s all;
	min-height: 650px;
	border-top: 1px solid var(--newgrey4);


	background-color: var(--newgrey);
}


.nav-mobile.active{
	left: 0px;
}
.nav-mobile ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 100%;
	height: 100%;
}
.nav-mobile .bloc-nav-mobile-ul{
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	transition: 0.3s all;
	left: 0px;

}
.nav-mobile .bloc-nav-mobile-ul > *{
	flex: 0 0 auto;
}
.nav-mobile ul li a {
	display: block;
	padding: 12px 0px 12px 0px;
	font-size: 12px;
	line-height: 12px;
	color: var(--noir);
	border-bottom: 1px solid var(--newgrey4);
	width: 100%;
	background-color: var(--newgrey);
	font-weight: 600;
}

.nav-mobile ul.nav-mobile-ul{

	padding-left: 26px;
	padding-right: 26px;
	width: 100%;
}


.nav-mobile .bloc-children{
	display: none;
}
.nav-mobile .parent-catergory > li{
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.nav-mobile li a.link-cat:after{
	content:'\f054';
	position: relative;
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--noir);

}


.nav-mobile li a.link-cat{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: var(--noir);
}
.nav-mobile li a.link-cat > *{
	flex: 1 0 auto;
}

.nav-mobile .retour{
	padding: 10px 10px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	background-color: var(--newgrey);
	color: var(--noir);
	border-bottom: 1px solid var(--newgrey4);
	cursor: pointer;
	position: relative;
	padding-left: 20px;
}
.nav-mobile .retour i{
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.nav-mobile .show a {
	font-size: 15px;
	cursor: pointer;
	color: var(--noir);
}
.banner-bon-plan{
	width: 100%;
}


#header-bottom .bon-plan-menu a{
	background-color: var(--rouge);
}

#header-bottom #show-categories a {
	display: flex;
	align-items: center;
}
#header-bottom #show-categories a img{
	height: auto;
}

#header-bottom #show-categories.current a{
	background-color: var(--rouge);
	color: #fff;
}

#header-bottom #show-categories span {
	display: flex;
	align-items: center;
	width: 40px;
}

#header-bottom #show-categories img{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
#header-bottom #show-categories a .img-menu:nth-child(2){
	display: none;
}
#header-bottom #show-categories:hover .img-menu:nth-child(2){
	display: block;
}

#header-bottom #show-categories.current .img-menu:nth-child(1),
#header-bottom #show-categories.current .img-menu:nth-child(2),
#header-bottom #show-categories:hover .img-menu:nth-child(1){
	display: none;
}


#header-bottom #show-categories img:last-of-type{
	display: none;
	animation: spin180 0.2s forwards linear;
	-webkit-animation: spin180 0.2s forwards linear;
	-moz-animation: spin180 0.2s forwards linear;
}

#header-bottom #show-categories img.spin180{
	animation: spin180Reverse 0.2s forwards linear;
	-webkit-animation: spin180Reverse 0.2s forwards linear;
	-moz-animation: spin180Reverse 0.2s forwards linear;
}

#header-bottom #show-categories.current .img-menu {
	display: none;
}

#header-bottom #show-categories.current img:last-of-type {
	animation: spin180 0.2s forwards linear;
	-webkit-animation: spin180 0.2s forwards linear;
	-moz-animation: spin180 0.2s forwards linear;
	display: block;
}

#header-bottom .menu li a{
	font-size: 22px;
	width: 100%;
	font-weight: bold;
	color: #000;
	padding: 4px 17px;
	border: 1px solid transparent;
	border-radius: 25px;
	display: block;
}
/*
header.is-sticky #header-bottom li a{
	padding-top: 0px;
	padding-bottom: 0px;
	transition: 0.4s;
}
header.is-sticky .header-right li::before {
	font-size: 24px;
}
header.is-sticky #header{
	padding-top: 5px;
	padding-bottom: 5px;
	transition: 0.4s;
}*/



#header-bottom #menu-showed .category-media,
.bloc-nav-mobile-ul .category-media{
	width:  100%;
	flex: 0 0 auto;
	display: block;
	overflow: hidden;
	background-color: var(--white);
}

#header-bottom .nav-categories #menu-showed ul{
	width: 25%;
}

#header-bottom .nav-categories #menu-showed ul ul{
	width: 100%;
}
#header-bottom #menu-showed .category-media:after,
.bloc-nav-mobile-ul .category-media:after{
	background-image: url('/theme/charte/imgs/loader.svg');
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content:'';
	z-index: 1;

}
#header-bottom #menu-showed .category-media img,
.bloc-nav-mobile-ul  .category-media img{
	object-fit: cover;
	object-position: center center;
	z-index: 2;
	position: relative;
}

#header-bottom .nav-categories ul.navbar-nav .category-media,
.nav-categories ul.navbar-nav .category-media{
	display: none;
}
#header-bottom .nav-categories li:first-child:before,
#header-bottom li.not-before:before,
#header-bottom #block-tools li:before{
	display: none;
}

#header-bottom #show-categories.current:before{
	opacity: 0;
}


.nos-marques{
	background-color: #fff;
	margin-top: 50px;
	padding-top: 90px;
	padding-bottom: 90px;
}
.nos-marques h2.title-bloc{
	justify-content: center;
}
.nos-marques .feed-card {
	transition: all 0.2s;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 100px;
	margin: 10px;
}
.nos-marques .feed-card a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.nos-marques .feed-card img{
	width: auto;
	max-height: 80px;
	max-width: 80px;
	height: auto;
	opacity: .7;
	transition: all .5s;
}

.nos-marques .owl-carousel.owl-drag .owl-item{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.nos-marques .center img ,
.nos-marques .feed-card:hover img {
	transform: scale(1.1);
	opacity: 1;
}


#modalGame{width: 100%; height: 95vh;margin:10px;}
#modalGame .modal-dialog{margin: 0 auto;height: 95vh;max-width: 100%;}
#modalGame .modal-body{height: 90vh;}
#modalGame .modal-body iframe{width: 100%; height: 100%;}


.modal .modal-dialog{
	max-width: 703px;
}
.modal .modal-dialog-lg{
	max-width: 800px;
}
.modal .modal-header{
	padding: 0px;
	border: 0px;
	padding-bottom: 45px;
}
.modal .modal-footer{
	padding: 0px;
	border: 0px;
	padding-top: 32px;
	justify-content: flex-start;
}
.modal .modal-dialog .close{
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	font-size: 40px;
	position: absolute;
	right: 33px;
	top: 35px;
}
.modal .modal-dialog .close span{
	font-size: 125px;
	color: var(--noir);
	font-weight: 100;
}
.modal .modal-content{
	padding: 23px 45px;
	border: 0px;
	border-radius: 0px;
}

.modal .modal-header .modal-title a,
.modal .modal-header .modal-title a:hover,
.modal .modal-header .modal-title{
	font-size: 35px;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.modal .modal-header .modal-title a.back{
	margin-right: 5px;
}

.modal .modal-header .modal-title img{
	margin-right: 10px;
}

.modal .modal-body{
	padding: 0px;
}


.modal h2.title-bloc{
	font-size: 26px !important;
	position: relative !important;
	line-height: 26px !important;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center !important;
}
.modal h2.title-bloc:before{
	position: relative;
	content:'';
	width: 100%;
	display: block;
	height: 1px;
	background-color: var(--newgrey4);

	margin-top: 42px;
	margin-bottom: 27px;
}
footer .footer-bottom .btgrid{
	padding-left: 15px;
	padding-right: 15px;
}
input.valid, select.valid{
	background-image: url(/theme/charte/imgs/check-green.png);
}

header .toggle-menu-mobile a img{
	height: auto;
}


@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(90deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(90deg); }
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(90deg);}
}
@-moz-keyframes spin180 {
	from { -moz-transform: rotate(180deg); }
	to { -moz-transform: rotate(0deg) }
}
@-webkit-keyframes spin180 {
	from { -webkit-transform: rotate(180deg); }
	to { -webkit-transform: rotate(0deg) }
}
@keyframes spin180 {
	from { transform: rotate(180deg); }
	to { transform: rotate(0deg) }
}

@-moz-keyframes spin180Reverse {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(180deg) }
}
@-webkit-keyframes spin180Reverse {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(180deg) }
}
@keyframes spin180Reverse {
	from { transform: rotate(0deg); }
	to { transform: rotate(180deg) }
}

/*@media (max-width: 1024px) {
	#header-bottom .menu li{
		min-width: inherit !important;
		width: 100%;
	}
	header #header ul#tools{
		display: none;
	}
	header #header-bottom ul#tools{
		justify-content: flex-end;
		width: 100%;
		display: flex;
	}

	#header-bottom .menu li a:hover { background-color: #fff !important; color:var(--rouge)  }


	#nav-categories{
		display: none;
	}
	#header-bottom .menu li.not-before-small{
		width: 100%;
	}
	header #header #block-tools{
		justify-content: space-between;
	}
	#header-bottom .menu .main-menu{
		display: none;
	}
	header .searchbox_input{
		display: none;
	}

	header #header-bottom #block-tools{
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0px;
	}

	header #header-bottom ul#tools li i{
		font-size: 25px;
	}
}*/

/*@media (max-width: 1600px) {

	.formtable dl:first-child dt:nth-child(1){
		width: 364px;
	}
	.formtable dl:first-child dt:nth-child(2){
		width: 203px;
	}
	.formtable dl:first-child dt:nth-child(3){
		width: 195px;
	}

	.formtable dl:first-child dt:nth-child(4){
		width: 274px;
	}
	.formtable dl:first-child dt:nth-child(5){
		width: 315px;
	}
	.formtable dl:first-child dt:nth-child(6){
		width: 254px;
	}
	h2.title-bloc, .product-list h2{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.ariane{
		padding-left: 15px;
		padding-right: 15px;
	}
	header #header{
		padding-left: 15px;
		padding-right: 15px;
	}

	header #header-bottom .li-tools #tools li.account a span{
		display: none;
	}
	header #header-bottom .li-tools #tools li.account a img:first-of-type{
		display: block;
	}
	header #header-bottom .li-tools #tools li.account a:hover img:first-of-type{
		display: none;
	}
	header #header-bottom .li-tools #tools li.account a:hover img:last-of-type{
		display: block;
	}
	header .header-right{
		flex-direction: column-reverse;
	}
	header .searchbox_input .fa-search{
		top: 5px;
	}
	header #header-bottom{
		padding-top: 0px;
	}
	#header-bottom .menu li{
		padding-top: 0px;
	}
	footer .footer-bottom .container{
		padding-left: 30px;
		padding-right: 30px;
	}
	footer .footer-bottom .zeop-slogan{
		font-size: 12px;
		line-height: 12px;
	}
	footer .footer-bottom .zeop-text{
		font-size: 9px;
		line-height: 9px;
	}
	footer .footer-bottom .footer-link a{
		font-size: 10px;
		line-height: 10px;
	}
}*/

@media (max-width: 1200px) {
	.nav-mobile .category-media{
		display: none;
	}
	#header-bottom .menu li{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	header #header-bottom{
		padding-top: 0px;
	}
	header .searchbox_input input:focus, header .searchbox_input input{
		border-radius: 25px;
	}
	header #header-bottom {
		display: none;
	}
	header .header-right #header-bottom {
		display: block;
		border-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.menu li.main-menu {
		display: none;
	}
	header .search_desktop{
		display: none;
	}
	header #header{
		flex-wrap: wrap;
	}
	header .search_mobile{
		display: flex;
		flex-basis: 100%;
	}
	header .toggle-menu-mobile .fa-times {
		display: none;
		-webkit-animation: spin 0.2s forwards linear;
	}

	header .toggle-menu-mobile .active .fa-bars {
		display: none;
	}

	header .toggle-menu-mobile .fa-bars.active {
		-webkit-animation: spin180 0.2s forwards linear;
	}

	header .toggle-menu-mobile .active .fa-times {
		display: block;
		font-size: 30px;
	}


	header .toggle-menu-mobile a{
		justify-content: left;
		padding-bottom: 1px;
		padding-top: 0px;
		display: flex;
		align-items: center;

	}
	header .toggle-menu-mobile {
		display: flex;
		justify-content: start;
		width: 43px;
		height: 43px;
	}
	header .toggle-menu-mobile button{
		display: flex;
		justify-content: start;
		padding-top: 12px;
	}
}

/*@media (max-width: 1024px) {
	#account_orders{
		padding-left: 15px;
		padding-right: 15px;
	}
	.formtable dl{
		display: flex;
		flex-direction: column;
	}
	h2.title-bloc .accroche, .product-list .accroche{
		display: none;
	}
	#homepage .univers-bloc-titre .title-bloc{
		text-align: center;
	}
}*/
@media (max-width: 991px) {
	.confirm_btn_light_small,
	.confirm_btn_light,
	.cancel_btn,
	.red_btn,
	.red_btn,
	#product_fiche .addtobasket.main,
	.confirm_btn{
		font-size: 17px !important;
		line-height: 17px !important;
	}

	header #header ul#tools li i.badge, header #header-bottom ul#tools li i.badge{
		width: 31px;
		height: 31px;
		font-size: 20px;
		line-height: 20px;
	}
	header #header ul#tools img,
	header #header-bottom .li-tools #tools img{
		width: 31px;
		height: auto;
	}
	header #header ul#tools li span.badge, header #header-bottom ul#tools li span.badge{
		width: 31px;
		height: 31px;
		font-size: 13px;
		line-height: 13px;
	}
	.red_btn{
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		text-align: center;
	}
}
@media (min-width: 480px) and (max-width: 1024px) {
	.nav-categories ul.navbar-nav{
		margin-top: 0px !important;
	}
	#nav-categories{
		padding: 0 15px;
	}
	header #header nav { margin-top: 15px; margin-bottom: 18px; }
}

@media (max-width: 834px) {
	footer{

		padding-top: 39px;
		padding-bottom: 0px;
		margin-top: 0px;
	}
	footer .footer-head .arguments{
		border-bottom: 0px;
	}
	footer .footer-head .arguments ul li img,
	footer .footer-head .arguments ul li a img,
	footer .footer-head .arguments ul li svg,
	footer .footer-head .arguments ul li a svg{
		height: 26px !important;
		width: auto !important;
	}
	footer .footer-head .arguments ul li span, footer .footer-head .arguments ul li a span{
		font-size: 9px;
		line-height: 9px;
		margin-top: 13px;
	}

	footer .footer-head .arguments{
		padding-left: 25px;
		margin-bottom: 20px;
		padding-right: 47px;
	}
	footer .footer-head .arguments ul{
		padding-bottom: 0px;
	}
	footer .footer-head{
		padding-bottom: 0px;
	}

	.nos-marques{
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media (max-width: 768px) {
	header #header-bottom{
		padding-bottom: 5px;
	}
}
@media (max-width: 767px) {
	header #header-bottom ul#tools .dropdown-account .dropdown-account-btn,
	header #header ul#tools .dropdown-account .dropdown-account-btn{
		width: auto;
	}
	header #header-bottom .li-tools #tools .dropdown-account .menu-account a span,
	header #header .li-tools #tools .dropdown-account .menu-account a span{
		display: block !important;
	}

	header #header-bottom .dropdown-account .menu-account,
	header #header .dropdown-account .menu-account{
		left: -116px !important;
		top: 40px !important;
		transform: inherit !important;
	}

	footer .footer-bottom{
		padding-bottom: 0px;
	}
	footer .footer-bottom .zeop-text{
		padding-right: 0px;
	}
	footer .footer-bottom .col-content{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
		position: relative;
	}
	footer .footer-bottom .col-content img{
		max-width: 100px;
		height: auto !important;
	}

	footer .footer-bottom .col-content:before{
		position: relative;

		content:'';
		width: 100%;
		display: block;
		height: 1px;
		background-color: var(--newgrey3);
		margin-bottom:30px;
	}
	footer .footer-top .payment{
		padding-left: 25px;
		padding-right: 25px;
	}

	footer .footer-top .payment{
		margin-bottom: 20px;
		padding-right: 47px;
	}
	footer .footer-bottom .btgrid:after{
		display: none;
	}
	footer .footer-bottom .btgrid .col-md-6:last-child .col-content{
		padding-left: 10px;
		padding-right: 10px !important;
		padding-top: 0px;
	}

	footer .footer-bottom .btgrid .row-1{
		flex-direction: column-reverse;
	}
	footer .footer-bottom .btgrid{
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 647px) {
	header .toggle-menu-mobile button{
		padding-top: 6px;
	}
	header #header-bottom .dropdown-account .menu-account,
	header #header .dropdown-account .menu-account{
		left: -133px !important;
	}
	header .toggle-menu-mobile a{
		margin-bottom: 11px;
	}
	.scrollToTop{
		display: none;
	}
	#product_categorie{
		padding-top: 30px;
	}
	.ariane{
		display: none;
	}
	.modal .modal-content{
		padding: 18px 25px;
	}
	.nos-marques .feed-card{
		margin: 0px;
	}

	header #header{
		padding-left: 25px;
		padding-right: 25px;
	}
	header .searchbox_input{
		padding-bottom: 0px;
	}
	header .searchbox_input input:focus,
	header .searchbox_input input{
		height: 31px;
		padding-right: 47px;
		font-size: 12px;
	}

	header .searchbox_input .fa-search{
		top: 0px;

	}

	footer .footer-head .arguments ul li{
		width: 100%;
		max-width: 100%;
	}
	header #header{
		padding-bottom: 0px;
		border: 0px;
		box-shadow:  0 .5rem 1rem rgba(0,0,0,.15);
	}
	header #header nav ul li a{
		padding: 7px 5px;
	}

	header #header #logo{
		padding-right: 5px;
	}
	header #header-bottom .li-tools #tools li{
		padding-bottom: 0px;
		padding-left: 15px;
	}
	#header-bottom .menu li{
		padding-bottom: 0px;
	}
	header #header #logo img { max-width: 135px;  }
	.arguments ul,
	.engagements ul{
		flex-wrap: wrap;
	}
	.arguments ul li,
	.engagements ul li{
		width: 50% !important;
		margin-bottom: 15px;
	}
	header .searchbox_input .fa-times-circle{
		top: 0;
	}

}
@media (max-width: 480px) {
	.ul-nav-item-trigger,
	.nav-desktop{
		display: none;
	}
	.menu.expand li.d-none{
		display: inline-block !important;
	}
	.dropdown-menu { width: 100%; }
	.dropdown-menu a.dropdown-item { color: var(--rouge) !important; }

	#top_bar { position: sticky; }
	#top_bar ul { justify-content: center; }
	header #header{
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 8px;
		align-items: center;
	}

	header #header nav ul { flex-wrap: wrap; justify-content: center; }

	#searchbox { background: rgba(0,0,0,0.9); }
	#searchbox .searchbox_head .logo img { max-width: 100%; height: auto; }
	#searchbox .searchbox_input { font-size: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); }

	footer #footer { flex-flow: column wrap; padding-bottom: 40px; }
	footer #footer .left-side { padding-right: initial; border: none; margin-bottom: 20px; }
	footer #footer .right-side { padding-left: initial; }
	footer #footer .right-side ul { flex-flow: column wrap }
	footer #footer .right-side ul li { font-size: 16px; margin-bottom: 5px; }
	footer #footer .right-side ul li::after { content: ''; }

	#modalGame .modal-body{padding: 0;}
	#modalGame #ipad{padding: 0px!important;}

	header #header ul#tools a.nav-trigger {
		display: block;
	}

	header #header ul#tools a.nav-trigger i {
		color: var(--red);
	}

	.nav-close {
		display: none;
		color: #ffffff;
		font-size: 30px;
	}
	.nav-close.expand {
		display: block;
		position: fixed;
		top: 10px;
		right: 20px;
		z-index: 899;
	}
	nav.menu {
		height: 100vh;
		width: 100%;
		position: absolute;
		top: 0px; left: 0px;
		display: none;
	}
	nav.menu.expand {
		z-index: 889;
		display: block;
	}


	header #header nav ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	header #header nav ul li {
		list-style: none;
		opacity:0;
		width:320px;
		text-align:center;
		/*font-size:0px;*/
		-webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	header #header nav ul li a {
		color: white;
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:3px;
	}

	header #header nav ul li.animate{
		font-size:21px;
		opacity:1;
		-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	header #header nav ul li.animate:nth-of-type(1){
		transition-delay: 0.0s;
	}
	header #header nav ul li.animate:nth-of-type(2){
		transition-delay: 0.03s;

	}
	header #header nav ul li.animate:nth-of-type(3){
		transition-delay: 0.06s;

	}
	header #header nav ul li.animate:nth-of-type(4){
		transition-delay: 0.09s;

	}
	header #header nav ul li.animate:nth-of-type(5){
		transition-delay: 0.12s;

	}
	header #header nav ul li.animate:nth-of-type(6){
		transition-delay: 0.15s;
	}
}



@media (max-width: 334px) {

	header #header-bottom .dropdown-account .menu-account,
	header #header .dropdown-account .menu-account{
		left: -157px !important;
	}
	header #header-bottom .li-tools #tools li{
		padding-left: 5px;
	}
	header #header ul#tools img, header #header-bottom .li-tools #tools img{
		width: 25px;
		display: block;
	}
	header #header ul#tools li span.badge, header #header-bottom ul#tools li span.badge{
		width: 25px;
		height: 25px;
	}
}


@media (max-width: 300px) {
	footer .footer-bottom .col-content img{
		max-width: 50px;
	}
	footer .footer-bottom .col-content li{
		margin-right: 15px;
	}
}