#li_menu_connexion_sav, 
#li_menu_sav {
	display: none !important;
}

#li_menu_document, 
.li_menu_reduit_reassort {
	display: none !important;
}

.menu_famille--item_document {
	display: inline-block;
	font-style: italic;
}

.indicateurs_article,
.filtre_navigation_marque, 
.catalogue_vignette--palier {
    display: none !important;
}

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

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

body,
.page {
    font-family: "Lato";
    /*font-weight: 400;*/
}


.li_menu_reduit_rayon {
    display: none;
}

.suggestion--familles {
    display: none;
}

.suggestion--articles {
    width: 100%;
}


#div_filtre_navigation_classification {
	display: none;
}

.liste_article--group2 {
    display: none;
}

.liste--group {
    background-color: #d8b26b;
}

.liste--group span,
.liste--group td {
    line-height: 48px;
    font-size: 24px;
    background-color: #d8b26b;
    color: #ffffff;
    padding-left: 15px;
}


.li_stock_referencement {
    display: none;
}

.th_stock_referencement, 
.td_stock_referencement, 
.tf_stock_referencement {
    display: none;
}

.liste_article .th_taxe,
.liste_article .td_taxe,
.liste_article .tf_taxe {
    display: none;
}

.liste_article--body--commentaire td > div {
	display: none;
}

.th_coloris, 
.td_coloris, 
.tf_coloris {
    display: table-cell;
}

.td_coloris {
	font-weight: normal !important;
	font-size: inherit !important;
}


/* === PRIX === */

/* - On masque les prix barrés issus d'un référencement => origine 2 = PN client et 3 = PN centrale - */
.carousel_vignette--prix--prix_brut.carousel_vignette--prix--origine_2, 
.carousel_vignette--prix--remise.carousel_vignette--prix--origine_2, 
.catalogue_vignette--prix--remise.catalogue_vignette--prix--origine_2, 
.catalogue_vignette--prix--prix_brut.catalogue_vignette--prix--origine_2, 
.carousel_vignette--prix--prix_brut.carousel_vignette--prix--origine_3, 
.carousel_vignette--prix--remise.carousel_vignette--prix--origine_3, 
.catalogue_vignette--prix--remise.catalogue_vignette--prix--origine_3, 
.catalogue_vignette--prix--prix_brut.catalogue_vignette--prix--origine_3 {
	display: none !important;
}



/* === COULEURS === */ 

.page_body--titre2,  
.page_body .liste--header, 
.page_body .liste--footer, 
.control_search--button {
    background-color: #0c778e;
}


.page_header--menu--item_actif, 
.page_header--menu--item:hover {
    border-bottom-color: #dbb964;
}

.panier_etapes--items--item_actif span, 
.panier_etapes--items--item_actif a {
	background-color: #dbb964;
}

.panier_etapes--items--item_actif span:after, 
.panier_etapes--items--item_actif a:after {
    /*border-left: 18px solid #dbb964;*/
    border-left: 19px solid #dbb964
}


/* === BOUTONS === */

.actionBouton {
    background-color: transparent !important;
    border: solid 2px #0c778e !important;
    color: #0c778e !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

.actionBouton:hover {
    background-color: #0c778e !important;
    color: #f4f4f4 !important;
    border: solid 2px #0c778e !important;
    border-radius: 5px !important;
}

.actionBouton--valider {
    background-color: #dbb964 !important;
    color: #f4f4f4 !important;
    border: solid 2px #dbb964 !important;
    border-radius: 5px !important;
}

.actionBouton--valider:hover {
    background-color: transparent !important;
    border: solid 2px #0c778e !important;
    color: #0c778e !important;
    border-radius: 5px !important;
}

.actionBouton.actionBouton--modifier-quantite {
    background-color: transparent !important;
    border: solid 1px #0c778e !important;
    border-radius: 50% !important;
    color: #0c778e !important;
}

.actionBouton.actionBouton--modifier-quantite:hover {
    background-color: #0c778e !important;
    border: solid 1px #0c778e !important;
    color: #f4f4f4 !important;
}


/* === PAGE === */

.page {
    padding-top: 169px;
}

.fil_ariane {
    display: none;
}


/* === FOOTER === */

footer {
    margin-top: 50px;
}


/* === HEADER === */

.page_header {
    max-width: 1540px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: none;
    border-bottom: solid 1px #dddddd;
    height: 173px;
}


/* === LOGO === */

.page_header--logo {
    float: none;
    position: absolute;
    top: 15px;
    left: 100px;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
}

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


/* === RECHERCHE === */ 

.page_header--search {
    left: 250px;
    right: auto;
    top: 40px;
    width: calc(100% - 980px);
    max-width: 500px;
}


.page_header--search .control_search {
    height: 50px;
    width: auto;
    border: none;
    border-radius: 5px;
    background-color: #f4f4f4;
}

.page_header--search .control_search--input {
    height: 48px;
    width: calc(100% - 64px);
    padding-left: 10px;
    font-style: normal;
    background-color: transparent;
    font-size: 15px;	
}

.page_header--search .control_search--button {
    background-color: transparent;
}

.page_header--search .control_search--button::before {
    line-height: 48px;
    height: auto;
    width: 50px;
    background: none;
    font-size: 24px;
    color: #000000;
    background-color: transparent;
}


 /* === MENU === */

#li_menu_contact, 
#li_menu_catalogue, 
#li_menu_telechargement {
    display: none !important;
}
 
.page_header--menu {
    left: 0px;
    bottom: auto;
    top: 85px;
    width: 200px;
    text-align: center;
    z-index: 100;

    top: 27px;
    left: 240px;
    width: auto;
}

.page_header--menu--item {
    display: block;
    padding: 0 0 6px 0;
    margin-bottom: 5px;
    
    line-height: 20px;
    padding: 0;
    border: none;
}

.page_header--menu--item > a:hover {
    text-decoration: underline;
}

.page_header--menu--item, .page_header--menu--item:hover {
    border: none;
    text-decoration: none;
}
  
#li_menu_connexion {
    position: fixed;
    top: 95px;
    left: 100px;
    border: none;
    font-weight: normal;
    font-size: 13px;
}

#li_menu_reassort {
    display: none;
}
  
#li_menu_reassort > a > span {
    display: block;
    font-weight: normal;
    font-size: 16px;
}
  

/* === CARTOUCHE === */

.cartouche_anonyme--utilisateur > a::before {
 	font-size: 26px;
}

.page_header--cartouche_client {
    right: 10px;
    top: 20px;
    border-bottom: none;
}

.cartouche_client--utilisateur--titre {
}

.cartouche_client--utilisateur--titre > a {
}

.cartouche_client--utilisateur--titre > a::before {
	font-size: 26px;
    text-align: center;
}

.cartouche_client--titre span:hover {
	text-decoration: underline;
}

.cartouche_client--panier--titre {
}

.cartouche_client--panier--titre > span::before {
	font-size: 26px;
}

.cartouche_client--panier--popup {
    background-color: #ffffff;
}

.cartouche_client--panier--popup--button .actionBouton:hover {
    color: #ffffff;
}


/* === LIENS PERSONNALISES === */

.liens_personnalises_entete {
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 10px;
}

.liens_personnalises_entete--lien {
    text-transform: uppercase;
    line-height: 30px;
    position: static;

}

.liens_personnalises_entete--lien > a {
	color: #dbb964;
    font-weight: bold;
    border-bottom: solid 6px transparent;
	padding: 7px 20px;
    padding-right: 22px;
    padding-left: 0px;
    font-size: 15px;
	
	background: transparent url(images/icon-webshop.png) no-repeat right center;
	background-size: 15px;
}

.liens_personnalises_entete--lien > a:hover {
	color: #dbb964;
    border-bottom: solid 6px #dbb964;
}


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

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

div.page_header--navigation_famille {
    top: 130px;
	left: 0px;
	width: auto;
	transform: none;
    border: none;
}

div.page_header--navigation_famille .menu_famille {
    background: none;
    border: none;
    margin-top: -7px;
}

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

div.page_header--navigation_famille .menu_famille .menu_famille--item {
    text-transform: uppercase;
    line-height: 30px;
    position: static;
}

div.page_header--navigation_famille .menu_famille .menu_famille--item > a {
    color: #0c778e;
    font-weight: bold;
    border-bottom: solid 6px transparent;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
	
	white-space: nowrap;
}

div.page_header--navigation_famille .menu_famille .menu_famille--item > a:hover {
    color: #dbb964;
    border-bottom: solid 6px #dbb964;
}

.li_famille_PROMO a {
	color: #dbb964 !important;
}

/* - Famille 2 - */

.page_header--navigation_famille .menu_famille .menu_famille--item--content {
    top: 64px;
}

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

.page_header--navigation_famille .menu_famille .menu_famille--item--content a {
    padding: 5px 7px;
    font-size: 10px;
    color: #000000;
}

.page_header--navigation_famille .menu_famille .menu_famille--niv_2--item a {
    padding: 7px 20px;
    line-height: 62px;
    font-size: 12px;
}


.page_header--navigation_famille .menu_famille .menu_famille--item--content {
    top: 64px;
}


.menu_famille--niv_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    min-width: 100%;
    top: 100%;
    
    webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;   
    flex-wrap: wrap;   
    
    background-color: #ffffff;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}


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

.page_body--titre1 {
    position: fixed;
    top: 175px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1540px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    z-index: 100;
}

h1, .page_body--titre1 {
    background-color: #0c778e;
    color: #f4f4f4;
    font-size: 28px;
}


/* === VIGNETTES CLASSIFICATION === */

#div_content_article_catalogue .vignettes_classification--item {
    transition: .15s;
}

#div_content_article_catalogue .vignettes_classification--item:hover {
    position: relative;
    transform: scale(1.15);
}


#div_content_article_catalogue .vignettes_classification--item--tuile, 
#div_content_article_catalogue .vignettes_classification--item--tuile:hover {
    opacity: 1;
}

#div_content_article_catalogue .vignettes_classification--item--libelle {
    line-height: 40px;
}


/* === CATALOGUE === */

.catalogue_vignette {
    width: 266px;
    height: 320px;
	font-size: 12px;
}

.catalogue_vignette--montant_ligne {
    bottom: -20px;
}

.catalogue_vignette--informations {
    height: 65px;
	margin-top: 0;
	padding-top: 16px;
}

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


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

.catalogue_vignette--informations .li_libelle {
    white-space: normal;
    height: 20px;
}

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


.catalogue_vignette .catalogue_vignette--informations .li_pcb {
	margin-top: 18px;
}

.catalogue_vignette .catalogue_vignette--coloris {
    display: inline-block;
	position: absolute;
	bottom: 78px;
	top: auto;
	font-weight: normal;
	font-size: 12px;
	z-index: 2;
}

.catalogue_vignette .catalogue_vignette--prix {
	display: inline-block;
	width: auto;
	bottom: 28px;
}

.td_informations--code, 
.td_informations--marque {
	display: none;
}



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

.bests_vignette--stock
{
    background-color: transparent !important;
}

.stock--statut_couleur {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    border-radius: 50%;
}


/* === CAROUSEL === */


.carousel_vignette {
	border-bottom: solid 0.5px #cccccc;
}

.carousel_vignette {
	width: 22%;
}

.carousel_vignette--informations {
	width: calc(100% - 20px);
}

.carousel_vignette--informations--libelle {
	white-space: nowrap;
	font-size: 12px;
}

.carousel_vignette--code_libelle--code {
    font-size: 12px;
}

.carousel_vignette--code_libelle--code > span {
    display: none;
}


.carousel_vignette--informations {
	bottom: 60px;
}

.carousel_vignette--informations--code {
    display: none;
}

.carousel_vignette--coloris {
    display: inline-block;
	position: absolute;
	bottom: 60px;
	top: auto;
	font-weight: normal;
	font-size: 12px;
}

.carousel_vignette--prix {
	left: 10px;
	bottom: 32px;
	font-size: 18px;
}

.carousel_vignette--prix--prix_unitaire, 
.carousel_vignette--prix--prix_negocie {
		font-weight: normal;
}

.carousel_vignette--stock {
	left: 10px;
	right: auto;
	bottom: 2px;
	font-weight: bold;
	font-size: 13px;
}

.carousel_vignette--action {
	right: 10px;
}

/* === LISTE DE PRODUITS === */

.td_informations--argumentaire {
    display: none;
}



/* === POPUP RECHERCHE ADRESSE === */

.popup_adresse--recherche {
    display: none;
}

.popup_adresse .adresse--item {
    display: block;
    width: 100%;
    padding: 5px;
    margin: 0px;
    height: auto;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.popup_adresse .adresse--item .adresse--detail {
    line-height: 20px;
}

.popup_adresse .adresse--item .adresse--detail span {
    float: left;
    margin-left: 8px;
}

.popup_adresse .adresse--item .adresse--detail span::after {

}

.popup_adresse .adresse--actions {
    position: static;
    display: inline-block;
    float: right;
    width: auto;
}

.popup_adresse .rbCheckBox, 
.popup_adresse .rbRadioButton, 
.popup_adresse .rbToggleButton {
    padding: 0;
}

.popup_adresse .RadButton .rbIcon::before {
    font-size: 18px;
    color: #44a99e;
}



/* ==================================== */
/* =============== MEDIA ============== */

@media (max-width : 1200px) {

	#li_menu_document {
		display: none;
	}

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

    .page_header--logo img {
        max-height: 40px;
    }


    div.page_header--navigation_famille {
        top: 92px;
        bottom: auto;
    }

    #li_menu_connexion {
        left: 55px;
        top: 65px;
    }
    
    .page_header--menu {
        /*bottom: 0;
        width: 100%;*/
		display: none;
    }
    
    .page_header--menu--item {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
	
	
	.liens_personnalises_entete {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.liens_personnalises_entete--lien {
		line-height: 15px;
	}
	
	.liens_personnalises_entete--lien > a {
	}
	
    
    .page_header--cartouche_client {
        transform: none;
        left: auto;
        right: 0px;
    }

    .page_header--search {
        top: 85px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
    }
    

    .li_menu_reduit_reassort, 
    .li_menu_reduit_document {
        display: inline-block;
    }
    
    .li_menu_reduit_reassort a > span > span::after {
        content: " ";
    }
    
}


@media (max-width : 640px) {
    
    .page_header--menu {
        display: none;
    }
    
    .page_header--logo {
        right: 15px;
        left: auto;
        transform: none;
		min-height: auto;
    }
    
    div.page_header--navigation_famille {
        top: 5px;
    }
    
    .page_header--cartouche_client {
        left: 50%;
        transform: translateX(-50%);
        /*top: 65px;*/
    }
    
    .page_header--search {
    }
    
    h1, .page_body--titre1 {
        font-size: 24px;
    }
    
    
}

@media (max-width : 480px) {
    
	.page_header--logo {
		width: 40px;
		overflow: hidden;
	}

	.page_header--logo img {
		padding: 0;
	}
	
	.page_header--cartouche_client {
		max-width: 370px;
	}
	
    .cartouche_client--utilisateur {
        width: 140px;
    }
    
    .cartouche_client--panier {
        width: 225px;
    }
    
    h1, .page_body--titre1 {
        font-size: 20px;
    }

}