

.filtre_navigation--content--items > li:hover label {
	text-decoration: none;
}


/* === FONT === */

@font-face {
    font-family: "RedHatDisplay-Regular";
    src: url('../font/RedHatDisplay-Regular.ttf');
}

body, 
.page, 
.page_body, 
.cartouche_client--client .cartouche--filtre_client .rcbInput {
	/*font-family: fantasy !important;*/
	font-family: RedHatDisplay-Regular,Verdana,helvetica,clean,sans-serif !important;
    color: #123147;
}

/* HTML */

a, 
.page_body, 
.page_body a {
    color: #123147;
}

a:hover, a:focus {
    color: #123147;
}

/* Background */

.darkBackground {
    background-color: #3A3A3C;
}

.darkerBackground {
    background-color: #72c6c8;
}

.couleur2Background {
    background-color: #72c6c8;
}

/* Haut */

#div_haut_libre {
    width: 500px;
}


/* SCJ : Attention modifier le Width modifie l'aspect g閚閞al site */
.spacedContentBloc {
/*    width: 100%; */
    background-color: #ffffff;
}

/* SD - 11/07/2018 */
/*.buttonSearch {
    padding: 0 0 0 4px;
}
*/

*/
.couleur2Text, .lienBandeau:hover, .ui-widget-content a {
    color: #72c6c8;
}

/* Menu Responsive */

/* SD - 05/09/2018 
.hmenu:hover .menu_image {
    font-size: 0.95em;
    background: url(../img/menu_button_green_32.png) no-repeat center 10px;
    color: #3a3a3c;
}
*/

/* Border */

.lighterBorder {
    border-color: #373735;
}

.darkBorder {
    border-color: #72c6c8;
}


/* Marque */
#div_filtre_marque {
    display: none;
}

table#AU1013_tableTarif {
    border: 1px solid #C4C4C4;
}

tr.darkBackground.darkerText {
    background-color: #72c6c8;
    font-weight: bold;
}

tr.darkBackground.darkerText td {
    color: #ffffff;
}

.gridView {
    margin: 21px auto 15px auto;
    width: 80%;
}


/* Masque le prix barr?*/
.grille_prix tr:nth-last-child(2) td {
    display: none;
}

.grille_prix td {
    color: #3a3a3c;
}

a.boldText.overMe {
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3c;
    transition: all 0.5s ease;
}

a.boldText.overMe:hover {
    text-decoration: none;
    color: #72c6c8;
}


.leftCol .buttonSearch {
    display: none;
}

.leftCol .buttonSearch, .leftCol .inputSearch {
    display: none;
}

.leftCol .couleur1Border {
    border-color: #72c6c8;
    border-width: 0;
}


.filtre--adresse,
.select_filtre--adresse {
    display: none;
}


/*--------------------------------*/
/*--- Client / Liste commandes ---*/
/*--------------------------------*/
#div_content_client_liste_commande .select_filtre--adresse {
    display: none;
}

/*-----------------*/
/*--- Reliquats ---*/
/*-----------------*/
#div_content_reliquat .select_filtre--adresse {
    display: none;
}

/*---------------------*/
/*--- Paniers Liste ---*/
/*---------------------*/
#div_content_panier_liste .select_filtre--adresse {
    display: none;
}

/*-----------------*/
/*--- Reliquats ---*/
/*-----------------*/
#div_content_reliquat .ul_action_reliquat > li:first-child {
   display: none;
}

/*--------------*/
/*--- Panier ---*/
/*--------------*/
#div_content_panier_detail .div_montant_mini, #div_content_panier_reliquat .div_montant_mini {
    font-size: 1.02em;
    font-weight: bold;    
    color: #000000;
}

/*------------------------*/
/*--- Statuts de stock ---*/
/*------------------------*/
.stock--statut_couleur {
	display: none !important;
}


#tr_recap_frais_port,
#tr_recap_frais_gestion {
	display: none;
}





/* =========================================================================== */


/* === SCJ 20/12/2016 === */

.div_article_catalogue_liste .div_ref_libelle a {
    color: #3a3a3c;
    font-weight: bold;
    font-size: 13px;
    line-height: 24px;
    transition: all 0.5s ease;
}

.div_article_catalogue_liste .div_ref_libelle a:hover {
    text-decoration: none;
    color: #72c6c8;
}

/* === SCJ 05/07/2017 === */

#div_filtre_referencement_historique label, #div_tri label {
    font-weight: bold; 
}

#rbl_filtre_commande input {
    margin-left: 10px;
    margin-bottom: 6px;
}

#rbl_filtre_commande label {
    font-size: 11px;
}

div[id*="div_evenement"] img {
    max-width: 80px;
    max-height: 80px;
}

/*===========================*/


.span_saisie_quantite	{
    height: 28px;
    line-height: 30px;
    border-color: #123147;
    border-style: solid;
    border-width: 1px;
    border-radius: 16px;
    background-color: #fff;
}

.span_saisie_quantite input[type=text], .span_saisie_quantite_readonly input[type=text] {
    border: none;
    font-size: 15px;
    font-weight: bold;
}



/* Raccourci R閍ssort Express */
div[id*='liens_personnalises_entete'] li[id*='_li_lien1'] {
    position: absolute;
    top: 34px;
    left: 600px;
    font-weight: bold;
    background-color: #ff4902;
    border-radius: 5px;
    z-index: 8500;
}

div[id*='liens_personnalises_entete'] li[id*='_li_lien1'] a {
    font-size: 22px;
    color: #ffffff;
    margin: 6px 15px;
}




/* Page Panier Detail */

.recherche_rapide--detail--commentaire {
    display: none;
}

.recherche_rapide--titre h2, .import_csv--titre h2 {
    white-space: nowrap;
    text-align: left;
    padding-left: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    color: #000000;
    font-size: 1.1em;
}


.recherche_rapide--titre h2 {
    background-image: url("/_client/images/icon-panier-ajout_produit.png");
    background-repeat: no-repeat;
    background-position: 0px;
}

.import_csv--titre h2 {
font-size: 1.1em;
    background-image: url("/_client/images/icon-panier-import_csv.png");
    background-repeat: no-repeat;
    background-position: 0px;
}

.recherche_rapide--detail {
    border-color: #72c6c8;
}

.recherche_rapide--detail, .import_csv--detail {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}

#a_reference_saisie {
    border: solid 1px #d9d9d9;
    color: #000000;
    background-image:-moz-linear-gradient(225deg, #72c6c8, #f7f7f7);
    background-image:-webkit-linear-gradient(225deg, #72c6c8, #f7f7f7);
    background-image:-o-linear-gradient(225deg, #72c6c8, #f7f7f7);
    background-image:linear-gradient(225deg, #72c6c8, #f7f7f7);
}



/* === PAGE === */


/** {-moz-box-sizing: border-box; box-sizing: border-box;}*/

#btnUp {
    display: none !important;
}

html, body {
    margin: 0;
    padding: 0;
}

.page {
    padding-top: 170px;
    box-sizing: border-box;
}

.page_body {
    min-width: 420px;
    position: relative;
    padding-bottom: 120px;
    box-sizing: border-box;
    min-height: calc(100vh - 360px);
    font-size: 13px;
}

/*
.page_body > .spacedInsideContent {
    padding-left: 0;
    padding-right: 0;
}
*/
/*
.main {
    padding: 0;
}

*/


.page_body--content {
/*    padding-left: 28px;*/
/*    padding-right: 28px;*/
    max-width: 100%;
}

.page_body--content--options {
    border: none;
}


/* === HEADER === */

.page_header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
    border: none;
    height: 170px;
}


/* === FOOTER === */

footer {
}	

.page_footer {
    color: #ffffff;
    height: 190px;
    margin-top: 0;
    padding-top: 20px;

    background-color: #3a3a3c;
    border-top: 9px solid #e24395;
    font-size: 11px;
}

.page_footer--titre1 {
    color: #ffffff;
    font-size: 14px;
}

.page_footer a, .page_footer a:hover {
    color: #ffffff;
}

.page_footer--content--item {
    border-right: 1px solid #ffffff;
    margin-bottom: 15px;
}

.page_footer--content--item:last-child {
    border-right: none;
}

.page_footer--links--mentions_legales {
    display: inline-block;
}


/* === ASSISTANT === */

.page_footer--assistant {
    display: block;
    position: fixed;
    right: 24px;
    bottom: 30px;
    background: url(../image/img-assistant.png) no-repeat center;
    width: 296px;
    height: 100px;
    color: #3e3135;
}


.page_footer--assistant--texte {
    position: absolute;
    left: 18px;
    top: 18px; 
    text-align: left;
    font-weight: bold;
    line-height: 1.40em;
    font-size: 12px;
    /*font-stretch: condensed;*/
    letter-spacing: -0.2px;
	color: #3e3135
}

.page_footer--assistant--texte a, .page_footer--assistant--texte a:hover {
    color: #3e3135 !important;
}


/* === LOGO === */

.page_header--logo {
	display: inline-block;
    float: none;
	margin: 0;
	position: fixed;
	top: 10px;
	left: 60px;
	/*transform: translateX(-50%);*/
}

.page_header--logo a {
	width: 120px;
	height: 108px;
	display: inline-block;
	background: url(../image/logo.png) no-repeat center;
}

.page_header--logo img {
	display: none;
}



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

/*
.page_header--cartouche_client {
	display: flex;
	flex-direction: column;
}

.cartouche_client {
	order: 2;
}

.filtre_client {
	order: 1;
}
*/


/* - Filtre client - */
/*
.cartouche_client--client .cartouche--filtre_client {
	width: 265px !important;
	position: fixed !important;
	right: 294px !important;
	top: 15px !important;
}
*/

.cartouche_client--client .cartouche--filtre_client > span > input {
	font-weight: bold !important;
}

.cartouche_client--client .cartouche--filtre_client .rcbInner {
	
}

.cartouche_client--client .cartouche--filtre_client .rcbInput {
	/*
	text-align: left !important;
	font-size: 13px !important;
	font-family: Arial, Verdana, sans-serif !important;
	*/
	background-color: transparent;
}

.cartouche_client--content {
	font-weight: bold;
}


/**-------------------*/
/*
.page_header--cartouche_client {
	
    position: fixed;
    right: 30px;  
    top: 5px;
    border-bottom: solid 1px #d8d6d6;
    font-weight: bold;
    text-align: left;
    width: 560px;
}
*/

.page_header--cartouche_client {
	width: 400px;
	right: 0;
	top: 0;
}


.cartouche_client--utilisateur, 
.cartouche_client--panier {
	float: none;
	width: 100%;
	padding:5px;
	position: relative;
}

.cartouche_client--utilisateur, 
.cartouche_client--client .cartouche--filtre_client .rcbInner {
	background-color: #e5e5e5;
}

.cartouche_client--panier {
	background-color: #f8f8f8;
}


.cartouche--fitre_client--drop_down {
	/*
	position: fixed !important;
	top: 35px !important;
	*/
}
/*
.cartouche_client--utilisateur {
    width: 295px;
    float: left;
}

.cartouche_client--panier {
    width: 265px;
    float: left;
}
*/
/* - Filtre client - */
.cartouche_client--client .cartouche--filtre_client {
	width: calc(100% - 50px);
	/*position: fixed;*/
	/*
	width: 100%;
	margin: 0;
	*/
	/*
    margin: 0;
    right: 255px;
    width: 180px;
    top: 13px;	
	*/
	
}

.cartouche_client--client .cartouche--filtre_client .rcbInner {
	/*
	border: none;
	padding: 0px 4px 0px 10px;
	*/
}

.cartouche_client--client .cartouche--filtre_client .rcbInner .rcbActionButton .p-icon:before {
	/*
	content: " ";
	background: url(../_client/images/icon-cartouche-panier-ouvrir.png) no-repeat top center;
	width: 17px;
    height: 9px;
	padding-bottom: 9px;
	*/
}

.cartouche_client--client .cartouche--filtre_client .rcbInput {
	/*
	cursor: pointer;
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	text-align: center;
	*/
}
/*
.cartouche_client--client .cartouche--filtre_client .rcbDisabled {
	opacity: 1;
}

.cartouche_client--client .cartouche--filtre_client .rcbDisabled .rcbActionButton {
	display: none;
}
*/
/*:nth-child(2)*/
/*
.cartouche--fitre_client--drop_down .rcbItem {
	cursor: pointer;
}
*/
.cartouche--fitre_client--drop_down .rcbItem:hover {
	/*
	background-color: #efefef;
	*/
}

.cartouche--fitre_client--drop_down .rcbItem > span:not(:first-child) {
	/*
	font-weight: normal;
	font-size: 11px;
	color: #777;
	*/
}


.cartouche--fitre_client--drop_down .select_filtre--item_panier > span {
	/*
	margin-left: 15px;
	opacity: 1;
	color: #F22CB3;
	*/
}

/* - Titres - */
/*
.cartouche_client--titre {
	text-transform: none;
    padding: 4px 4px 2px 4px;
}
*/

.cartouche_client--titre, 
.cartouche_client--titre a, 
.cartouche--filtre_client .rcbInner {
    color: #123147 !important;
/*	font-size: 13px;*/
	font-weight: normal;
}

.cartouche_client--utilisateur--titre a {
	/*
	position: fixed;
	top: 36px;
	left: calc(100vw - 571px);
	font-size: 13px !important;
	font-style: italic;
	color: #e24395;
	font-weight: bold !important;
	*/
}

.cartouche_client--utilisateur--titre .icon {
	background: url(../image/picto-cartouche_utilisateur.png) no-repeat center;
	background-size: contain;
	/*
    background: url(../_client/images/icon-cartouche-utilisateur.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: bottom;
	*/
}

.cartouche_client--panier--titre #span_nb_paniers_encours {
	width: calc(100% - 72px);
	/*
    display: inline-block;
    width: 208px;
	margin-bottom: 2px;
	font-weight: bold;
	*/
}

.cartouche_client--panier--titre .icon {
	background: url(../image/picto-cartouche_panier.png) no-repeat center;
	background-size: contain;
	/*
    background: url(../_client/images/icon-cartouche-panier.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: bottom;
	*/
}

.cartouche_client--panier--titre .icon-ouvrir {
	/*
    background: url(../_client/images/icon-cartouche-panier-ouvrir.png) no-repeat bottom center;
    width: 12px;
    height: 12px;
    display: inline-block;
	margin-bottom: 1px;
	*/
}

/* - Content - */
.cartouche_client--content {
	/*
    padding-top: 0 4px 4px 4px;
    white-space: nowrap;
    overflow: hidden;
	*/
}


.cartouche_client--utilisateur .cartouche_client--content,
.cartouche_client--panier .cartouche_client--content {
	padding-left: 44px;
}

.cartouche_client--detail--content, 
.cartouche_client--content a  {
	color: #e5351e !important;
}

.cartouche_client--utilisateur--deconnexion {
	/*
    font-style: italic;
	padding: 0;
	position: fixed;
	right: 330px;
	top: 36px;
	*/
}


/* - Popup *- */
.cartouche_client--panier--popup {
    position: fixed;
    /*right: 30px;*/
	
    top: 32px;
	width: calc(100% - 11.5px);
    padding: 0;
    margin-top: 5px;
    color: #3e3135;
	
	position: absolute;
	left: 0;
	right: auto;
	
}

.cartouche_client--panier--popup--liste_paniers li {
    padding: 5px;
}

.cartouche_client--panier--popup--liste_paniers li:nth-child(odd) {
    background-color: #ebebeb;
}

.cartouche_client--panier--popup--liste_paniers li:nth-child(even) {
    background-color: #ffffff;
}

.cartouche_client--panier--popup--liste_paniers li input {
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.cartouche_client--panier--popup ul li label {
    max-width: 228px;
}

.cartouche_client--panier--popup ul li label:first-child {
    font-size: 12px;
}

.cartouche_client--panier--popup ul li label:nth-child(2n+2) {
    font-size: 11px;
}

.cartouche_client--panier--popup--button {
   padding: 10px;
   background-color: #ffffff;
}

.cartouche_client--panier--popup--button .actionBouton {
    display: block;
    width: 100%;
    padding: 0;
    height: 25px;
    line-height: 25px;
	border-radius: 14px;
}

.cartouche_client--panier--popup--button, .cartouche_client--panier--popup--button a {
    color: #ffffff;
}

.cartouche_client--panier--popup--button--panier {
/*    background-color: #19a992;*/
    margin-top: 0px;
}

.cartouche_client--panier--popup--button--liste.actionBouton {
    background-color: #123147;
    font-size: 13px;
}


/* === RECHERCHE === */

.page_header--search {
	width: 500px;
	right: 460px;
}

.control_search {
    border: solid 1px #123147;
	height: 32px;
}

.control_search--input {
    font-style: italic;
    color: #3e3135;
    opacity: 1;
}

.control_search--button {
	margin-right: 8px;
    background-color: transparent;
}

.control_search--button::before {
	padding-top: 3px;
	color: #e5351e;
	font-size: 20px;
}

.page_header--search .control_search {
    width: calc(100% - 2px);
	border-radius: 16px;
}

.page_header--search .control_search--input {
	margin-left: 8px;
	width: calc(100% - 48px);
	height: 30px;
}    




/* === MENU === */

#li_menu_connexion, 
#li_menu_catalogue, 
#li_menu_telechargement, 
#li_menu_document, 
#li_menu_promotion, 
#li_menu_contact,
#li_menu_information {
    display: none;
}


.page_header--menu {
    position: fixed;
    left: auto;
	right: 460px;
    top: 30px;
	width: 500px;
    text-align : center;
	font-size: 15px;
	font-weight: bold;
	color: #3e3135;
}

.page_header--menu > ul {
	display: flex;
	justify-content: space-between;
	
}

.page_header--menu--item {
    display: block;
    padding: 6px 0;
	margin: 0px;
	width: 220px;
}

.page_header--menu--item:hover {
	opacity: 0.8;
}

.page_header--menu--item a,
.page_header--menu--item a:hover {
    display: block;
    color: #123147;
}

#li_menu_reassort a,
#li_menu_reassort a:hover,
#li_menu_reliquat a, 
#li_menu_reliquat a:hover {
    color: #fff;
}


.page_header--menu--item,
.page_header--menu--item:hover {
    border: none;
}

.page_header--menu--item {
	padding: 8px;
	border-radius: 16px;
}

#li_menu_reliquat {
	display: block !important;
	background-color: #123147;
}


#li_menu_reassort {
    /*background: url(../_client/images/icon-menu-reassort_express.png) no-repeat 5px;*/
    background-color: #e5351e;
}

#li_menu_reassort a::before {
	/*
	display: inline-block;
	content: " ";
	background: url(../_client/images/icon-menu-reassort_express.png) no-repeat 5px;
	width: 40px;
	height: 18px;
	*/
}


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

.menu_famille_reduit--icon {
	background-color: #fff !important;
}

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

/*  Sinon pb affichage sous-menus */
#div_message {
    display: none;
} 

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


.li_menu_accueil {
} 

page_header--navigation_famille .li_menu_web {
    display: none;
}

.page_header--navigation_famille {
    position: absolute;
    bottom: 0;
    top: 126px;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    /*font-family: arial;*/
    color: #3e3135;
    width: 100%;
	background-color: #123147;
	
}

.page_header--navigation_famille .menu_famille_reduit {
    z-index: 9300;
}

.page_header--navigation_famille .menu_famille_reduit--menu > ul {
    display: flex;
    flex-direction: column;
}

.page_header--navigation_famille .menu_famille_reduit--menu .menu_famille_reduit--item:hover {
    font-size: inherit;
}

.page_header--navigation_famille .li_menu_reduit_accueil > a {
    display: block;
}

.page_header--navigation_famille .li_menu_reduit_accueil .icon {
    background: url(../image/icon-menu-famille-accueil.png) no-repeat center;
    width: auto !important;
    height: 30px;
    background-position: right !important;
}

.page_header--navigation_famille .menu_famille_reduit .menu_image {
    background: url(../image/icon-menu.png) no-repeat center 10px;
    color: #3e3135;
}

.page_header--navigation_famille .menu_famille_reduit .menu_hidden {
    position: fixed;
    top: 90px;
    right: 30px;
}


/* - Niveau 1 - */

.page_header--navigation_famille .menu_famille {
/*    padding: 10px 10px 0px 10px;*/
    padding: 0px 10px;
    background: none;
    border: none;
}

.page_header--navigation_famille .menu_famille a {
    /*font-family: arial;*/
    padding: 7px 10px;
}

.page_header--navigation_famille .li_menu_accueil a {
    padding-top: 2px !important;
    padding-bottom: 6px !important;
}

.page_header--navigation_famille .li_menu_accueil .icon::before {
	line-height: 34px;
	color: #fff !important;
}

.page_header--navigation_famille .li_menu_accueil .icon {
    /* background: url(../../../../image/icon-menu-famille-accueil.png) no-repeat center 0px;*/
	/*
    width: 27px;
    height: 21px;
	*/
}

.page_header--navigation_famille .menu_famille > ul {
    display: flex;
    justify-content: left;
	
	display: block;
	text-align: left;
}

.page_header--navigation_famille .menu_famille > ul > li {
	display: inline-block;
}


.page_header--navigation_famille .menu_famille .menu_famille--item {
    border-bottom-color: #123147; 
    border-bottom-width: 5px; 
    border-bottom-style: solid;
    line-height: 15px;
    height: auto;
    width: auto;
	padding-top: 8px;
    text-align: left;
	font-weight: bold;
}

.page_header--navigation_famille .menu_famille .menu_famille--item:after {
    border-bottom: 10px solid #3a3a3c;
}

.page_header--navigation_famille .menu_famille .menu_famille--item:hover {
    border-bottom-color: #e5351e; 
    border-bottom-width: 5px; 
    border-bottom-style: solid;
}

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

.page_header--navigation_famille .menu_famille .menu_famille--item a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}



/* - Nos Collections - */
.page_header--navigation_famille .menu_famille_reduit .li_famille_COL_MARKETING {
    order: 98;
}

/* - Good Deal - */
.page_header--navigation_famille .menu_famille_reduit .li_famille_9950000293 {
    order: 99;
}

/* - Nos Collections - */
.page_header--navigation_famille .menu_famille .li_famille_COL_MARKETING {
    /*display: block;*/
    order: 98;
	margin-left: 10px;
	float: right;
}

.page_header--navigation_famille .menu_famille .li_famille_COL_MARKETING > a {
	/*
    background: url(../_client/images/Picto-Menu-Collections.png) no-repeat left 7px;
    background-size: 9px 12px;
	padding-left: 15px;
	*/
	padding-right: 30px
}

.page_header--navigation_famille .menu_famille .li_famille_COL_MARKETING > a:after {
	display: inline-block;
	font-family: Awesome-solid;
    content: "\f0dd";	
	font-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 4px;
}

/* - Good Deal - */
.page_header--navigation_famille .menu_famille .li_famille_9950000293 {
    display: block;
    order: 99;
}

.page_header--navigation_famille .menu_famille .li_famille_9950000293,
.page_header--navigation_famille .menu_famille .li_famille_9950000293:hover {
    border-bottom-width: 0px;
}

.page_header--navigation_famille .menu_famille .li_famille_9950000293 > a {
    background: url(../image/Picto-Good-Deal.png) no-repeat center 0px;
    background-size: 45px 45px;
    width: 50px;
    height: 34px;
    margin-top: -15px;
}

.page_header--navigation_famille .menu_famille .li_famille_9950000293 > a > span {
    display: none;
}


/* - Niveau 2 - */

/*.page_header--navigation_famille .menu_famille .menu_famille--niv_2 {*/
.page_header--navigation_famille .menu_famille .menu_famille--item--content {
    border: 0;
    margin-top: -12px;
    background-color: #307785;
    display: table;
    width: 200px;
    top: 54px;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item {
    width: 200px;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item a {
    font-size: 11px;
    min-height: auto;
    line-height: 22px;
    border-bottom: 0;
    color: #fff;
	transition: all 0.4s ease;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:hover > a, 
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:hover > a:hover {
    color: #123147;
    background-color: #d2d2d2;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:hover > a:hover {
    margin-left: 8px;
}
	



.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:hover:after {
    border:0;
}


/* - Niveau 3 - */

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:nth-child(3n+1) ul , 
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:nth-child(3n+2) ul , 
.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item:nth-child(3n+3) ul {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    transform: translateX(200px);
    z-index: 2;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3 {
	background-color: #307785 !important;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item {
    display: table-cell;
    float: left;
    width: 100%;
    background-color: transparent;
    opacity: 0.95;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item a {
    border-bottom: 0;
    color: #fff;
    transition: all 0.4s ease;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_3--item a:hover {
    color: #123147;
    background-color: #d2d2d2;
    margin-left: 8px;
}





/* === FIL ARIANE === */

#ul_fil_ariane {
    display: none;
}


/* === NAVIGATION === */

.page_navigation {
    border-color: #cccccc;
}


/* === FILTRES & TRIS === */ 

.select_filtre, 
.select_tri {
    border-radius: 0;
}

div.RadDropDownList_Default .rddlInner {
    border-radius: 0 !important;
}



div.select_filtre .rddlInner, 
div.select_tri .rddlInner {
    height: 23px;
    line-height: 23px;
    font-size: 16px;
	border-radius: 14px !important;
}

div.select_filtre .rddlSelect, div.select_tri .rddlSelect {
    padding-top: 5px;
}

.rddlList {
    font-size: 16px !important;
}

div.select_filtre .rddlList {
    font-size: 16px !important;
}

.text_filtre {
	padding-left: 8px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
	border-radius: 14px !important;
}


/* === TITRE 1 === */

h1,
.page_body--titre1 {
    background-color: #b7c1c7;
    color: #123147;
    font-size: 32px;
    text-align: center;
    line-height: 86px;
    height: 86px;
    vertical-align: middle;
    margin-bottom: 40px;
    position: relative;
	font-weight: bold;
	text-transform: uppercase;
}

h1 span,
.page_body--titre1 span {
    display: inline-block;
}

/*
h1::before,
.page_body--titre1::before {
     display: none; 
}    

h1::after,
.page_body--titre1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    background-color: transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid transparent;
    clear: both;
    border-top: 20px solid #07b0bf;
}
*/

/* === TITRE 2 === */

h2,
.page_body--titre2 {
    color: #ffffff;
    background-color: #123147;
}

/* === OPTIONS D'AFFICHAGE (List / Grid) === */

.page_body--content--affichage {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 28px;
    margin-right: 28px;
}

.page_body--content--affichage > div {
    float: right;
}

.page_body--content--affichage img {
    margin-left: 8px;
}

.page_body--content--affichage span {
    display: none;
}


/* === BOUTONS === */

.actionBouton {
	background-color: #005a71;
    font-weight: normal;
    font-size: 15px;
    color: #ffffff;
    transition: all 0.5s ease;
    min-height: 22px;
    line-height: 22px;
    padding: 3px 15px;
	border-radius: 14px;
}

.actionBouton:hover {
    border-radius: 0px;
    background-color: #005a71;
    color: #ffffff;
    text-decoration: none;
	border-radius: 14px;
}


a.actionBouton {
    color: #ffffff;
}

a.actionBouton:hover {
    color: #ffffff;
}

span.actionBouton {
    display: inline-block;
    transition: all 0.5s ease;
}

.actionBouton--ajouter-panier, 
.actionBouton--ajouter-rayon {
    background-image: url("../image/icon-panier.png");
    background-repeat: no-repeat;
    background-position: 7px 3px;
    padding-left: 38px;
    background-color: #ff4902;
}

.actionBouton--ajouter-panier:hover, 
.actionBouton--ajouter-rayon:hover {
    background-color: #ff4902;
}

.actionBouton--valider {
    background-color: #e5351e;
}

.actionBouton--valider:hover {
    background-color: #e5351e;
}

.actionBouton--retour {
    background-image: url("../image/icon-retour.png");
    background-repeat: no-repeat;
    background-position: 0 center;
}

.actionBouton.actionBouton--modifier-quantite {
    padding: 0;
    margin: 0;
    border: none;
    min-width: 24px;
    width: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #123147;
    background-color: transparent;
    line-height: 18px;
    vertical-align: inherit;
}

.actionBouton.actionBouton--modifier-quantite:hover {
    border: none;
    color: #123147;
    background-color: transparent;
}

.actionBouton--alerte_stock, 
.actionBouton--stop_alerte_stock {
    background-image: url("../image/icon-alerte_stock.png");
    background-repeat: no-repeat;
    background-position: 5px center;
		margin-top: 0px;
    padding: 0 2px 0 22px;
    min-height: 28px;
    line-height: 28px;
    font-size: 14px;
    border-radius: 10px;
}

.actionBouton--alerte_stock:hover, 
.actionBouton--stop_alerte_stock:hover {
	font-size: 14px;
    border-radius: 10px;
}



/* === TUILES CLASSIFICATION === */

.vignettes_classification .div_tuile_erp.div_tuile_rang0 {
    display: none;
}

.vignettes_classification {
    max-width: 1260px;
}

.vignettes_classification--item {
    max-width: 580px;
    min-width: 460px;
    width: 50%;
}

.vignettes_classification--item--tuile {
    border: 0;
/*    border: solid 1px #cccccc;*/
}

.vignettes_classification--item--tuile img {
    border-radius: 0;
    max-height: 120px;
    width: 100%;
}

.vignettes_classification--item--libelle {
    display: none;
}


/* === INDICATEURS === */

.indicateurs_article--item {
    background: #ffffff;
    color: #ffffff !important;
    text-align: right;
    border: none;
}

.indicateurs_article--item span {
    padding: 0 5px;
}

.indicateurs_article--item--referencement {
    background-color: #005a71;
}

.indicateurs_article--item--reliquat {
    background-color: #b7c1c7;
}

.indicateurs_article--item--panier {
    background-color: #e6331a;
}

.indicateurs_article--item--deja_commande {
    background-color: #123147;
}


/* - Catalogue Grille - */
.catalogue_vignette .indicateurs_article {
    position: absolute;
    top: auto;
    bottom: 15px;
    right: 0px;
}

.catalogue_vignette .indicateurs_article--item {
    height: 18px;
    line-height: 18px;
    width: 130px;
    border-radius: 0;
    font-size: 12px !important;
}


/* - Catalogue Liste - */
.liste_article .indicateurs_article {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 10px;
}

.liste_article .indicateurs_article--item {
    margin-top: 5px;
    height: 18px;
    line-height: 18px;
    width: 130px;
    font-size: 12px !important;
    border-radius: 0;
}


/* === LISTE === */

.liste, .liste a, liste a:hover {
    color: #3e3135;
    font-size: 12px;
}

.liste--empty_data {
    margin-top: 22px;
    text-align: center;
    width: 100%;
}

.liste--empty_data label {
    font-size: 20px;
    font-weight: bold;
    color: #123147;
}

.page_body .liste--header, 
.page_body .liste--footer,
.liste--header, 
.liste--footer {
    background-color: #123147;
    color: #fff;
    font-size: 12px;
}

.liste--header tr th
, .liste--footer {
    font-weight: bold;    
	border: none;
}

.liste--header th a, 
.liste--header th a:hover, 
.liste--footer td a, 
.liste--footer td a:hover {
    color: #fff;
}

.liste_article--group {
	border-top: solid 1px #000000;
}

.liste--body {
    font-size: 12px;
}

.liste--body--item--alternate {
    background-color: #ebebeb;
}

                
/* - Article - */
.liste_article .th_article 
, .liste_article .tf_article {
    text-align: left;
    padding-left: 10px;
}

.liste_article .td_evenement {
    width: 48px;
}

.liste_article .td_pcb 
, .liste_article .td_prix 
, .liste_article .td_montant_ligne
, .liste_article .td_prix_total {
    font-weight: bold;
}

.liste_article .td_evenement img {
    position: relative;
    max-width: 48px;
    max-height: 48px;
    z-index: 15;
}

.liste_article .td_vignette {
    width: 75px;
    padding-right: 40px;
}

.liste_article .td_vignette img {
    max-height: 75px;
    max-width: 75px;
}

.liste_article .td_informations {
    position: relative;
    text-align: left;
}

.liste_article .td_informations ul li {
    margin-bottom: 0px;
}

.liste_article .td_informations ul #li_code {
    font-weight: bold;
}

.liste_article .td_quantite .div_commander_article {
    max-width: 200px;
    margin: 0 auto;
}
 
.liste_article--body--item--select {
    background-color: #2c9acb;
}

.liste_article .th_derniere_facture,
.liste_article .th_quantite_totale_facture,
.liste_article .th_montant_total_facture,
.liste_article .th_stock_referencement,
.liste_article .td_derniere_facture,
.liste_article .td_quantite_totale_facture,
.liste_article .td_montant_total_facture,
.liste_article .td_stock_referencement,
.liste_article .tf_derniere_facture,
.liste_article .tf_quantite_totale_facture,
.liste_article .tf_montant_total_facture,
.liste_article .tf_stock_referencement {	
    display: table-cell;
}

.td_derniere_facture {
    text-decoration: underline;
    font-weight: bold;
}

.liste_article .td_commentaire_ligne div { 
    display: none; 
}

.liste_article .td_informations--argumentaire { 
    display: none; 
}



/* - Utilisateur - */
.liste_utilisateur th
, .liste_utilisateur td {
    text-align: left;
}

.liste_utilisateur th
, .liste_utilisateur td {
    text-align: left;
}


/* === GRILLE === */

.catalogue_vignette {
    position: relative;
    margin: 10px 15px;
    padding: 10px 15px;
    width: 275px;
    height: 420px;
    text-align: left;
    border: none;
}

.catalogue_vignette:hover {
    border: none;
    cursor: inherit;
}

.catalogue_vignette:hover .catalogue_vignette--informations {
    margin-top: 0px;
}

.catalogue_vignette .catalogue_vignette--informations .li_gencod,
.catalogue_vignette .catalogue_vignette--informations .li_pcb {
    opacity: 1;
}

.catalogue_vignette label {
    margin: 0;
}

.catalogue_vignette--vignette {
    border: solid 1px #929192;
    height: 290px;
    text-align: center;
    position: relative;
    top: 0;
}

.catalogue_vignette--vignette img {
    max-width: 240px;
    max-height: 240px;
    width: 240px;
    height: 240px;
    margin-top: 40px;
}

.vignette--carte {
    transition: all 0.3s linear;
}

.catalogue_vignette--evenement {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 15;
}

.catalogue_vignette--evenement img {
    max-height: 50px;
    max-width: 50px
}

.catalogue_vignette--prix {
    position: absolute;
    top: 15px;
    bottom: auto;
    right: 20px;
    left: auto;
    font-size: 18px;
    font-weight: bold;
	width: auto;
	
	padding: 0 0 3px 5px;
	background-color: #ffffff;
	opacity: 0.8;
}

.catalogue_vignette 
, .catalogue_vignette--informations label
, .catalogue_vignette--informations span {
    font-size: 12px;
}

.catalogue_vignette--informations {
    padding-top: 3px;
    overflow: hidden;
	height: auto;
}

.catalogue_vignette--informations ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    background-color: transparent;
}

.catalogue_vignette--informations li {
    margin: 0;
    width: 100%;
    display: inline-block;
    line-height: 20px;
}

.catalogue_vignette--informations li span {
    float: right;
}

.catalogue_vignette--informations .li_code {
    order: -2;
    float: left;
    width: 50%;
}

.catalogue_vignette--informations .li_code a {
    font-size: 14px;
    font-weight: bold;
}

.catalogue_vignette--informations .li_code label {
    display: none;
}

.catalogue_vignette--informations .li_code span {
    float: left;
}

.catalogue_vignette--informations .li_libelle {
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
}

.catalogue_vignette--informations .li_pcb {
    order: -1;
    float: left;
    width: 50%;
    text-align: right;
}

.catalogue_vignette--informations .li_pcb label {
    text-transform: uppercase;
    margin-right: 5px;
}

.catalogue_vignette--informations .li_pcb label 
, .catalogue_vignette--informations .li_pcb span {
    font-size: 14px;
    font-weight: bold;
}

.catalogue_vignette--action {
    position: static;
    float: left;
		margin-top: 5px;
		z-index: 15;
}

.catalogue_vignette--action .span_saisie_quantite {
    height: 26px;
    line-height: 28px;
}

.catalogue_vignette--action .span_saisie_quantite input[type=text]
, .catalogue_vignette--action .span_saisie_quantite_readonly input[type=text] {
    width: 30px;
    font-size: 13px;
}

.catalogue_vignette--action img {
    margin-left: 5px;
    margin-top: -2px;
}

.catalogue_vignette--montant_ligne {
	right: 10px;
	bottom: -24px;
    margin-top: 3px;
    margin-right: 7px;
    width: 80px;
    text-align: right;
    font-size: 13px;
}

.catalogue_vignette--montant_ligne label 
, .catalogue_vignette--montant_ligne span {
    float: none;
    font-weight: bold;
    line-height: 17px;
    padding-right: 0px;
}


.catalogue_vignette .li_derniere_facture, 
.catalogue_vignette .li_quantite_totale_facture, 
.catalogue_vignette .li_montant_total_facture, 
.catalogue_vignette .li_stock_referencement {
    display: block;
}

.catalogue_vignette .li_derniere_facture span {
    text-decoration: underline;
    font-weight: bold;
} 



/* === PRIX BARRES === */

/* - Accueil - */
.bests_vignette--prix ul {
	display: flex;
	flex-direction: column;
	text-align: left;
}

.bests_vignette--prix ul li {
	float: none;
	margin: 0;
	line-height: 22px;
}

.bests_vignette--prix--prix_negocie,
.bests_vignette--prix--prix_brut, 
.bests_vignette--prix--remise {
	display: inline-block;
}

.bests_vignette--prix--prix_unitaire {
	font-size: 18px;
}

.bests_vignette--prix--prix_brut {
	order: 1;
	text-decoration-color: #ff0000;
	font-size: 18px;
}

.bests_vignette--prix--remise {
	order: 2;
	position: static;
	border: none;
	border-radius: 0;
	background-color: #ff0000;
	height: auto;
	font-size: 12px;
	line-height: 16px !important;
	padding: 0 5px;
	margin: 1px auto 1px 0 !important;
	width: auto;
}

.bests_vignette--prix--prix_negocie {
    order: 3;
    color: #ff0000;
    font-size: 22px;
}


/* - Grille - */
.catalogue_vignette--prix ul {
	display: flex;
	flex-direction: column;
}

.catalogue_vignette--prix ul li {
	float: none;
	margin: 0;
	line-height: 22px;
}

.catalogue_vignette--prix--prix_negocie,
.catalogue_vignette--prix--prix_brut, 
.catalogue_vignette--prix--remise {
	display: inline-block;
}

.catalogue_vignette--prix--prix_unitaire {
	font-size: 18px;
}

.catalogue_vignette--prix--prix_brut {
	order: 1;
	text-decoration-color: #ff0000;
	font-size: 18px;
}

.catalogue_vignette--prix--remise {
	order: 2;
	position: static;
	border: none;
	border-radius: 0;
	background-color: #ff0000;
	height: auto;
	font-size: 12px;
	line-height: 16px !important;
	padding: 0 5px;
	margin: 1px auto 1px 0 !important;
	width: auto;
}

.catalogue_vignette--prix--prix_negocie {
    order: 3;
    color: #ff0000;
    font-size: 22px;
}



/* - Liste - */


.liste_article .td_prix ul {
	display: flex;
	flex-direction: column;
}

.liste_article .td_prix--prix_negocie,
.liste_article .td_prix--prix_brut, 
.liste_article .td_prix--remise {
	display: block;
}

.liste_article .td_prix--prix_unitaire {
	font-size: 12px;
}

.liste_article .td_prix--prix_brut {
	order: 1;
	text-decoration-color: #ff0000;
	font-size: 12px;
}

.liste_article .td_prix--remise {
	order: 2;
	position: static;
	border: none;
	border-radius: 0;
	background-color: #ff0000;
	height: auto;
	font-size: 10px;
	line-height: 10px !important;
	margin: 1px auto !important;
}

.liste_article .td_prix--prix_negocie {
    order: 3;
    color: #ff0000;
    font-size: 16px;
}



/* === PAGER LISTE === */

.pager_liste--current {
    background-color: #ddd;
    text-decoration: none;
}


/* === STATUTS STOCK === */

.catalogue_vignette--stock {
    position: static;
    border-bottom: solid 1px #929192;
}    

.catalogue_vignette--stock > span {
    padding-right: 22px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 15px;
    font-weight: bold;
}

/*
.catalogue_vignette--informations .C19a992.li_stock span {
    background-image: url("/_client/images/icon-stock-dispo.png");
}

.catalogue_vignette--informations .Cff0000.li_stock span {
    background-image: url("/_client/images/icon-stock-non_dispo.png");
}

.catalogue_vignette--informations .C2c9acb.li_stock span {
    background-image: url("/_client/images/icon-stock-arrivage.png");
}
*/

.catalogue_vignette--stock span.C19a992 {
    background-image: url("../image/icon-stock-dispo.png");
}

.catalogue_vignette--stock span.Cff0000 {
    background-image: url("../image/icon-stock-non_dispo.png");
}

.catalogue_vignette--stock span.C2c9acb {
    background-image: url("../image/icon-stock-arrivage.png");
}


.liste_article--body--item .td_stock > span {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left center;
}

/*
.liste_article--body--item .C19a992.td_stock span {
    background-image: url("/_client/images/icon-stock-dispo.png");
}

.liste_article--body--item .Cff0000.td_stock span {
    background-image: url("/_client/images/icon-stock-non_dispo.png");
}

.liste_article--body--item .C2c9acb.td_stock span {
    background-image: url("/_client/images/icon-stock-arrivage.png");
}
*/


.liste_article--body--item .td_stock span.C19a992 {
    background-image: url("../image/icon-stock-dispo.png");
}

.liste_article--body--item .td_stock span.Cff0000 {
    background-image: url("../image/icon-stock-non_dispo.png");
}

.liste_article--body--item .td_stock span.C2c9acb {
    background-image: url("../image/icon-stock-arrivage.png");
}


/* === TAXES ===*/

.td_informations--taxes {
	display: none;
}




/* === RECAP PANIER ===*/

.page_body--content--recap_panier > table {
    border: none !important;
    font-size: 19px;
    width: 350px;
}

.page_body--content--recap_panier > table tr {
    border-bottom: solid 1px #d2d2d2;
}

.page_body--content--recap_panier #tr_recap_total_ht {
	border-bottom: none;
}

.page_body--content--recap_panier > table tr td {
    padding: 9px;
	background-color: transparent !important;
	font-weight: normal;
}

.page_body--content--recap_panier .table_totaux--recap tr:last-child, 
.page_body--content--recap_panier .table_totaux_htt--recap tr:last-child {
	background-color: transparent !important;
}

.page_body--content--recap_panier > table tr td:last-child {
}


.page_body--content--recap_panier > table tr td:first-child {
}

.page_body--content--recap_panier > table tr td:last-child {
    min-width: 110px;
}

.page_body--content--recap_panier .table_totaux--recap tr:last-child {
    font-weight: bold;
    font-size: 20px;
}





/* === LIGHTBOX === */

.RadLightBox .rltbTitle, 
.RadLightBox .rltbPager {
    display: none;
}


/* === PRIX BARRES === */

/* - Force l'affichage du DPP en normal + tarif client (planchet) (=> pas de prix barr?m阭e si < au PU Brut) - */ 

.catalogue_vignette--prix--prix_brut.catalogue_vignette--prix--origine_1,
.catalogue_vignette--prix--remise.catalogue_vignette--prix--origine_1,
.catalogue_vignette--prix--prix_brut.catalogue_vignette--prix--origine_5, 
.catalogue_vignette--prix--remise.catalogue_vignette--prix--origine_5 {
    display: none;
}

.catalogue_vignette--prix--prix_negocie.catalogue_vignette--prix--origine_1, 
.catalogue_vignette--prix--prix_negocie.catalogue_vignette--prix--origine_5 {
    font-size: 18px;
    color: #3e3135;
}	

.td_prix--prix_brut.td_prix--origine_1, 
.td_prix--remise.td_prix--origine_1, 
.td_prix--prix_brut.td_prix--origine_5, 
.td_prix--remise.td_prix--origine_5 {
    display: none;
}

.td_prix--prix_negocie.td_prix--origine_1, 
.td_prix--prix_negocie.td_prix--origine_5 {
    font-size: 12px;
    color: #3e3135;
}

.bests_vignette--prix--prix_brut.bests_vignette--prix--origine_1,
.bests_vignette--prix--remise.bests_vignette--prix--origine_1, 
.bests_vignette--prix--prix_brut.bests_vignette--prix--origine_5,
.bests_vignette--prix--remise.bests_vignette--prix--origine_5 {
    display: none;
}

.bests_vignette--prix--prix_negocie.bests_vignette--prix--origine_1, 
.bests_vignette--prix--prix_negocie.bests_vignette--prix--origine_5 {
    font-size: 17px;
    color: #3e3135;
}	








@media (max-width : 1380px) {

    .carousel_vignette--stock { 
    /*
        height: 45px;
        width: 45px;
        max-height: 45px;
        max-width: 45px; 
        border-radius: 45px; 
        */
    }
     
	.carousel_vignette--stock > span { 
		/*max-width: 45px; */
		/*font-size: 11px;*/
	}
}



/* --------------------------------------- TABLETTE & SMARTPHONE --------------------------------------- */

@media (max-width : 1500px) {

	.page_header--navigation_famille .menu_famille .menu_famille--item > a {
		font-size: 14px;
	}
	
	.page_header--navigation_famille .menu_famille .menu_famille--item:nth-last-child(-n+1) .menu_famille--niv_3 {
		transform: translateX(-200px);
		width: 200px;
	}

}

@media (max-width : 1400px) {
/*
    .page_header--logo {
        left: 300px;
        transform: none;
		left: calc(calc(calc(100% - 850px) / 2) + 260px);
		transform: translateX(-50%);
    }
*/
}


@media (max-width : 1260px) {
/*
    .page_body--content {
        padding-left: 0px;
        padding-right: 0px;
    }
	**/
	.page_header--navigation_famille .menu_famille .menu_famille--item > a {
		font-size: 13px;
	}

}

@media (max-width : 1200px) {

    .page_body--content {
		box-sizing: border-box;
    }
    .page_header--logo {
		top: 0px;
		left: 20px;
		transform: none;
    }

    .page_header--menu {
		width: 360px;
		right: 440px;
    }

    /* === CARTOUCHE CLIENT === */
	
	.page_header--cartouche_client {
		left: auto;
		transform: none;
	}
	
	.page_header--menu--item {
		width: calc(50% - 40px);
	}


    /* === RECHERCHE === */

    .page_header--search {
        top : 75px;
		left: auto;
		transform: none;
        right: 440px;
		width: 360px;
    }


    /* === MENU FAMILLE === */
    .page_header--navigation_famille {
        top: 110px;
        bottom: auto;
        right: auto;
        left: 30px;
        margin: 0;
        width: auto;
        transform: none;
    }

    .page_header--navigation_famille .menu_famille {
        display: none;
    }

    .page_header--navigation_famille .menu_famille_reduit {
        display: inline-block;
        z-index: 9300;
    }

    .page_header--navigation_famille .menu_famille_reduit--menu {
        right: auto;
    }

}

@media (max-width : 1024px) {

    .page_header--menu {
		display: none;
	}

	.page_header--search {
		top: 130px;
		right: 20px;
	}

}



@media (max-width : 800px) {

    .page_footer--assistant {
        display: none;
    }

}

@media (max-width : 640px) {

    /* === LISTE CATALOGUE === */

    .liste_article .th_stock_referencement, .liste_article .td_stock_referencement, .liste_article .tf_stock_referencement, 
    .liste_article .th_derniere_facture, .liste_article .th_quantite_totale_facture, .liste_article .th_montant_total_facture, 
    .liste_article .td_derniere_facture, .liste_article .td_quantite_totale_facture, .liste_article .td_montant_total_facture, 
    .liste_article .tf_derniere_facture, .liste_article .tf_quantite_totale_facture, .liste_article .tf_montant_total_facture {
        display: none !important;
    }
}

@media (max-width : 640px) {


	.page_header--logo {
		left: 0;
	}

	.page_header--logo a {
		background-size: contain;
		height: 80px;
	}
	
	.page_header--navigation_famille {
		left: 15px;
	}
	
	.page_header--cartouche_client {
		border: none;
		width: 360px;
		padding-left: 0;
	}
	
	.cartouche_client--panier {
		margin-top :0;
	}
	
	.page_header--search {
		width: 320px;
	}
	
	
}


@media (max-width : 480px) {

    .page_body {
        min-width: auto !important;
        font-size: 11px;
    }

    .page_body--content {
        width: 100% !important;
        min-width: auto !important;
    }

    .page_footer--content--item:nth-child(n + 2) {
        display: none;
    }

    .page_footer--content--item {
        border-right: none;
    }

    h1,
    .page_body--titre1 {
        font-size: 24px;
        height: 60px;
        line-height: 60px;
    }
    
    .page_body--content--bas {
        background-size: calc(100vw - 40px) auto;
    }
	
	
	.page_header--cartouche_client {
		width: calc(100% - 120px);
	}
	
	.page_header--search {
		width: calc(100% - 160px);
	}
	

}
