#div_resultats_overlay {
	left: -2000px !important;
}

.filtre_navigation {
	text-transform: uppercase;
}


:root {
  --font-color: #171717;
  --font-color-header: #fefefe;
}
/* var(--font-color); */

@font-face {
    font-family: "AvenirNext-Regular";
	src: url('AvenirNextLTPro-Regular.otf') format('opentype');
}

.page {
    font-family: AvenirNext-Regular;
}

.actionBouton--ajouter-selection, 
.actionBouton--ajouter-unselection {
	display: none !important;
}



input,
input::placeholder, 
a, 
.page, 
.page_body, 
.page_body--titre1, 
.cartouche_client--popup--button a, efore {
	color: var(--font-color);
}

.page_header, 
.page_header a,
.cartouche_client--titre, 
.cartouche_client--titre a, 
.cartouche_client, 
.cartouche_client a, 
.cartouche_client .cartouche_client--panier, 
.control_search--button {
	color: var(--font-color-header);
}

.control_recherche--intuitive, 
.control_recherche--intuitive a {
	color: var(--font-color);
}

.control_search--button::before {
	color: var(--font-color-header);
}

.cartouche_client--popup--button .actionBouton {
	color: var(--font-color) !important;
}

.cartouche_client--popup--button .actionBouton:hover {
	color: #fff !important;
}

#ToolBoxSidePanel {
	background-color: var(--font-color) !important;
}


/* === EVENEMENTS === */

.evenement--image_1999:before,
.evenement--image_2999:before,
.evenement--image_3999:before,
.evenement--image_4999:before,
.evenement--image_5999:before,
.evenement--image_6999:before {
	display: inline-block;
	padding: 3px 5px;
	background-color: rgb(23 23 23);
	color: #fff;
	content: "NEW"
}

.evenement--image_7999:before,
.evenement--image_8999:before,
.evenement--image_9999:before,
.evenement--image_10999:before,
.evenement--image_11999:before,
.evenement--image_12999:before {
	display: inline-block;
	padding: 3px 5px;
	background-color: rgb(187 16 52);
	color: #fff;
	content: "PROMO"
}


/* === TITRES === */

.page_body--titre1 {
	max-width: 1560px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	line-height: 40px;
	height: auto;
	border-bottom: solid 1px #e3e3e3;
	background-color: transparent;
	font-size: 22px;
	text-align: left;
	text-transform: uppercase;
}


/* === PAGE === */

.page {
	padding-top: 205px;
}

/* === HEADER === */

.page_header {
	height: 205px;
	background-color: #171717;
}

.page_header--logo {
	position: absolute;
	top: 35px;
	left: calc(calc(50% - 200px) / 2);
	transform: translateX(-50%);
	margin: 0;
}

.page_header--logo img {
	height: 44px;
}


/* === BODY === */

.page_body {
	min-height: calc(100vh - 600px);
}


/* === MESSAGE === */

.page_body--message {
	margin-top: 0;
	margin-bottom: 0;
}


/* === ACTION BUTTON === */

.actionBouton {
	border-radius: 0px;
	border: solid 1px #171717;
	text-transform: uppercase;
	font-weight: normal;

	color: #000000;
	background: linear-gradient(to left, #ffffff 50%, #171717 50%) right;
    background-size: 200%;
    transition: .3s ease-out;
	opacity: 1;	
}

.actionBouton:hover {
	border-radius: 0px;
	border: solid 1px #171717;
	text-transform: uppercase;
	font-weight: normal;
	
	color: #ffffff;
	background-position: left;
	opacity: 1;	
}

.actionBouton--ajouter-panier {
	color: #ffffff;
	background: linear-gradient(to left, #171717 50%, #ffffff 50%) right;
	background-size: 200%;
}

.actionBouton--ajouter-panier:hover {
	color: #000000;
}

.actionBouton--valider {
	color: #ffffff;
	background: linear-gradient(to left, #171717 50%, #ffffff 50%) right;
	background-size: 200%;
}

.actionBouton--valider:hover {
	color: #000000;
}


/* === ETAPES PANIER === */

.panier--etapes {
	display: flex;
	justify-content: center;
	margin-top: 5px;
}

.panier--etapes li {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.panier--etapes .menuItemActif span {
	background: none;
	border-bottom: solid 3px #171717;
	color: #171717;
}

.panier--etapes .menuDisabled span, 
.panier--etapes .menuPast a {
	background: none;
	border-bottom: solid 3px #cccccc;
	color: #171717;
}

.panier--etapes .menuItemActif span:after {
	display: none;
}

.panier--etapes .menuDisabled span:after, 
.panier--etapes .menuPast a:after {
	display: none;
}


/* === CARTOUCHE CLIENT === */

.page_header--cartouche_client {
    z-index: 9200;
    position: fixed;
    right: 0px;
	/*
    top: 60px;
	*/
	top: 15px;
    text-align: left;
    width: 330px;
    border: none;
    padding: 0;
    margin: 0;
}

.cartouche_client--espace_client {
    width: 100%;
    float: left;
	text-align: left;
}

.cartouche_client--information_panier {
    width: 100%;
    float: left;
	text-align: left;
}

.div_panneau_NomClient {
	width: 100%;
    float: left;
	text-align: left;
	padding-left: 44px;
}

.cartouche_client--deconnexion a, 
.cartouche_client--panier a,
.div_panneau_NomClient {
	opacity: 0.7;
	font-size: 12px;
	font-style: italic;
}

#div_content_liste_panier {
	text-align: left;
}

/* - Titres - */

.cartouche_client--titre {
    padding: 0;
}

.cartouche_client--titre, .cartouche_client--titre a {
    font-size: 14px;
	font-weight: normal;
}

.cartouche_client--titre {
    position: relative;
    display: inline-block;
    line-height: 24px;
}

.cartouche_client--titre--client > a {
    display: inline-block;
    padding-top: 4px;
}

.cartouche_client--titre--panier {
    cursor: pointer;
    text-align: left;
}

.cartouche_client--titre--panier > span {
    display: inline-block;
    padding-top: 4px;
    width: 200px;
}

.cartouche_client--titre .icon {
    display: inline-block;
    height: 24px;
    width: 36px;
	background: none;
}

.cartouche_client--titre .icon:before {
	display: inline-block;
	width: 36px;
	font-family: Awesome-solid;
	font-size: 17px;
	text-align: center;
}

.cartouche_client--titre--client .icon:before {
	content: "\f007";
}

.cartouche_client--titre--panier .icon:before {
	content: "\f07a";
}

.cartouche_client .cartouche_client--deconnexion {
    padding: 0 4px 4px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding-left: 44px;
}

.cartouche_client .cartouche_client--panier {
    padding: 0 4px 4px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding-left: 44px;
}

/* - Popup - */

.cartouche_client--popup {
	z-index: 9300;
	top: 128px;
}

.cartouche_client--popup--button--excel {
	display: block !important;
}


/* === RECHERCHE === */ 

.page_header--search {
    left: 50%;
	transform: translateX(-50%);
    right: auto;
    top: 35px;
    width: calc(100% - 900px);
    max-width: 400px;
}

.page_header--search .control_search {
    height: 35px;
    width: 100%;
    border-color: #171717;
	border-bottom-color: #fefefe;
	background-color: transparent;
    color: var(--font-color-header);
}

.page_header--search .control_search--input {
    height: 33px;
    width: calc(100% - 60px);
    padding-left: 0;
	margin-left: 0;
    font-style: normal;
    background-color: transparent;
	color: var(--font-color-header);
	font-size: 16px;
}

.page_header--search .control_search--input::placeholder {
	color: #c4c4c4;
}

.page_header--search .control_search--button {
    cursor: pointer;
    float: left;
    line-height: 25px;
    width: auto;
    padding: 0;
    background-color: transparent;
    background-image: none;
}

.page_header--search .control_search--button::before {
    display: block;
    line-height: 35px;
    height: auto;
    width: 50px;
    background: none;
	font-size: 18px;
    background-color: transparent;
    font-family: Awesome-solid;
    text-align: center;
    content: "\f002";
}

.quicksearch--suggestion {
	top: 38px;
}


/* === MENU === */

#li_menu_document, 
#li_menu_contact, 
#li_menu_catalogue {
	display: none;
}

.page_header--menu {
	top: 200px;
}

#li_menu_connexion { 
    position: fixed;
    top: 50px;
	left: 10px;
	font-size: 14px;
}

#li_menu_connexion:hover { 
	border-bottom: solid 1px #ffffff;
}

#li_menu_connexion a { 
	padding: 3px;
}

#li_menu_reassort { 
    position: fixed;
	top: 15px;
	left: 10px;
	width: auto;
	margin: 0;
	padding: 0 5px 0 0;
	border: none;
	text-align: left;
	font-size: 14px;
	display: none;
}

#li_menu_reassort:hover { 
	border: none;
	text-decoration: underline;
}

#li_menu_reassort:before {
	display: inline-block;
	width: 40px;
	font-family: Awesome-solid;
	content: "\f291";
	text-align: center;
	font-size: 17px;
}


/* === MENU FAMILLE === */

.fil_ariane--item{
text-transform: uppercase;
}


.fil_ariane {
	text-transform: uppercase;
	margin: 0;
	padding: 0px 10px;
}

.fil_ariane--item:hover {
	color: inherit;
}

.page_header--navigation_famille {
	position: fixed;
	top: 135px;
	width: 100%;
}

.page_header--navigation_famille .menu_famille > ul {
	justify-content: center;
}

.page_header--navigation_famille .menu_famille .menu_famille--item {
	border: none;
	line-height: 40px;
	position: relative;
}

.page_header--navigation_famille .menu_famille .menu_famille--item > a > span {
	color: var(--font-color-header) !important;
}

.page_header--navigation_famille .menu_famille .menu_famille--item > a {
	font-size: 18px;
	margin-left: 8px;
	margin-right: 8px;
}

.page_header--navigation_famille .menu_famille .menu_famille--item > a > span {
	margin: 0 10px;
}

/*
.page_header--navigation_famille .menu_famille .li_menu_erp > a > span:after, 
.page_header--navigation_famille .menu_famille .li_menu_web > a > span:after {
    font-family: Awesome-solid;
    content: "\f107";
	padding-left: 10px;
	font-weight: normal;
}
*/

.page_header--navigation_famille .menu_famille .li_menu_actif > a > span {
    color: #bbbbbb !important;
}

.page_header--navigation_famille .menu_famille .menu_famille--item:hover {
	border: none;
}

.page_header--navigation_famille .menu_famille .menu_famille--item:hover > a > span {
	color: #bbbbbb !important;
}

.menu_document--item.li_document_70995 span, 
.menu_document--item.li_document_69995 span {
	color: #000000 !important;
}
                            
/* -- Niv 2 -- */

.page_header--navigation_famille .menu_famille .menu_famille--niv_2 {
	/*
	z-index: 10000;
    box-sizing: border-box;
	position: absolute;
    left: 0 !important;
    top: 40px;
    display: flex;
	flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    padding: 0px 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 6px 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
    width: auto;
	max-height: calc(100vh - 260px);
	overflow-y: auto;
	*/
	
	position: fixed;
	top: 178px;
	width: 100%;
	left: 0 !important;
	background-color: #171717;
	color: inherit;
	opacity: 1 !important;

	border-top: solid 2px #3a3a3a;
/*
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0px 6px 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: -2px 0px 10px 0px rgb(0 0 0 / 18%);
	overflow: hiden;
*/

	display: flex;
    flex-direction: row;
	
/*	flex-direction: column;*/
	
    flex-wrap: wrap;
	max-height: calc(100vh - 260px);
	
	max-height: 300px;
	overflow: auto;

	
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item {
	/*
    position: static !important;
    float: none !important;
    width: auto !important;
	margin: 0;
	width: 100% !important;
*/

	background-color: #171717;
	height: 50px;
	/*border-left: solid 1px #ccc;*/
	
	width: 210px;
	
	
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item > a {
	/*
    padding: 10px 0px 5px 0px;
    margin-bottom: 5px;
    font-size: 12.5px;
    font-weight: bold;
    border-bottom: solid 1px #777777;
	width: 100% !important;
	text-align: center;
	*/
	
	padding: 0;
    font-size: 11px;
	height: 100%;
	position: relative;
	/*color: #333333 !important;*/
	transition: 0.2s;
	opacity: 0.65;
	
}

/*
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:last-child > a {
	border: none;
	opacity: 0.65;
}
*/

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item > a > span {
	width: 100% !important;
	min-width: 150px;
	font-size: 11px;
	font-weight: bold;
	margin: 0 10px;
	color: #fefefe !important;	
	white-space: nowrap;
}


.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:hover > a,
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item a:hover {
    background-color: transparent !important;
    color: #fefefe !important;	
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item a:hover {
	opacity: 1;
}


.page_header--navigation_famille .menu_famille .menu_famille--niv_2,
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item,
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item > a > span {
	display:none;
	border:none;
}


/*
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item a:hover {
    font-size: 12.5px;
    transition: all 0.4s ease;
	opacity: 0.6;
}
*/
/* -- Niv 3 - Menu Destockage -- */
/*
.page_header--navigation_famille .menu_famille .li_famille_DESTOCK .menu_famille--niv_2 {	
	flex-direction: row;
	right: 0;
    left: auto !important;
}

.page_header--navigation_famille .menu_famille .li_famille_DESTOCK .menu_famille--niv_2--item > a {
	border-bottom: solid 1px #777777 !important;
}


.page_header--navigation_famille .menu_famille .menu_famille--niv_3 {
    display: block !important;
    position: static !important;
    transform: none !important;
    background-color: transparent !important;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item {
	margin: 0;
    float: none;
    display: block;
    opacity: 1;
	line-height: 26px;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item > a {
	margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
	color: #3c3c3b !important;
	opacity: 1;
	line-height: 26px;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item > a:hover {
	margin: 0;
    padding: 0;
    font-size: 12px;
    transition: all 0.4s ease;
	opacity: 0.6;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item > a > span {
	margin: 0 10px;
	color: #3c3c3b !important;
	text-align: left;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item > a > span:before {
    font-family: Awesome-solid;
    content: "\f105";
	padding-right: 4px;
}
*/

.li_menu_accueil, 
.menu_famille--item_reassort { 
	display: none !important;
}

.menu_famille--item_document {
	display: inline-block !important;
}




@media (max-width : 1200px) {
	
	.page {
		padding-top: 250px;
	}
	
	.page_header {
		height: 250px;
	}

	.page_header--logo {
		left: 30px;
		transform: none;
	}
	
	.page_header--cartouche_client {
		top: 60px;
		left: auto;
		transform: none;
	}
	
	#li_menu_connexion {
		top: -5px;
	}
	
	#li_menu_reassort {
		top: 25px;
		left: auto;
		right: 0px;
		width: 330px;
	}

	.page_header--search {
		top: 192px;
		left: 95px;
		width: 400px;
		max-width: calc(100% - 120px);
		transform: none;
	}

	.page_header--navigation_famille {
		background: none;
		top: 180px;
		padding-top: 15px;
		margin-left: 20px;
		width: auto;
	}
	
	.page_header--navigation_famille:before {
		font-family: Awesome-solid;
		content: "\f0c9"; 
		font-size: 30px;
	}
	
	.page_header--navigation_famille .menu_famille {
		width: 100%;
	}
	
	.page_header--navigation_famille .menu_famille .menu_famille--item a {
		margin-left: 0;
		margin-right: 0;
	}
	
	.page_header--navigation_famille .menu_famille .menu_famille--item > a > span {
		color: var(--font-color) !important;
	}
	
	.page_header--menu--item--AfficherPrix, 
		#li_menu_contact, 
		#li_menu_catalogue {
			display: none !important;
		}
}

@media (max-width : 800px) {
	
	.page_body--titre1 {
		font-size: 18px;
	}
	
	.espaceweb--content--titre {
		font-size: 30px !important;
	}

}

@media (max-width : 640px) {
	
	#li_menu_reassort,
	.page_header--cartouche_client {
		width: 300px;
	}

}

@media (max-width : 480px) {

	.page_header--logo {
		left: 20px;
	}

	.page_header--logo img {
		height: auto;
		width: 90px;
	}

	.page_header--search {
		left: 75px;
		max-width: calc(100% - 110px);
	}
	
	#li_menu_reassort,
	.page_header--cartouche_client {
		width: 280px;
	}
	
	.page_header--navigation_famille {
		margin-left: 10px;
	}
	
	.page_body--titre1 {
		font-size: 16px;
	}
	
	.espaceweb--content--titre {
		font-size: 20px !important;
	}
	
}