*{
    font-family: roboto;
    /*font-size:12px;*/
}
*{
    font-family: roboto;
    /*font-size:12px;*/
}
.fontSize32
{
    font-size:32px !important;
}
.fontSize25
{
    font-size:21px!important;
}
.fontSize20
{
    font-size:20px!important;
}
.fontSize32
{
    font-size:32px;
}
.fontSize25
{
    font-size:25px;
}
.fontSize20
{
    font-size:20px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.background_bandeau
{
    background-color:#e4f0f2;
}
.button_noir_plus_acceuil
{
    padding: 5px 13px;
}
.espacementCatalogueAcceuil{
    width: 100%;
    padding: 10px 0px 10px 0px!important;
}
.button_blanc_noir_accueil{
    padding: 7px 70px 7px 70px;
    text-align:center;
    text-transform: uppercase;
    font-size:14px;
}
.mise_en_avant_right_text2{
    max-width: 650px;
    min-width: 650px;
    font-size: 40px;
}
.texteSurImageAccueil
{
    color: white;
    padding-top: 25%;
    font-size:30px;
}
.titreBlocAccueil
{
    color: #04142b;
    line-height:2;
    font-size:20px;
}
.texteSurImageAccueil
{
    position: absolute;
    left: 110px;
    top: 70px;
    margin: 0 auto;
    font-size: 36px;
    color: white;
}
.texteSurImageCatalogue
{
    position: absolute;
	width:50%;
	top:42%;
	left:24%;
    margin: 0 auto;
    font-size: 16px;
    color: #020d1d;
	font-family:robotobold;
}
.backgroundBlue
{
    background-color:#04142b;
}
.listeCatalogueAccueil{
    background-color: #04142b;
    padding-top: 20px;
    min-height: 300px;
}
.button_noir {
    background-color: black;
    color: #FFF;
    padding: 13px 18px;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase;
    border: 1px solid black;
    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;
}
.paddingZero
{
    padding: 0 0;
}
.divH1
{
    height: 142px;
}
.centrerH1
{
    position:absolute;
    margin-top: 2%;
    text-align:right;
}
/*.bandeauH1*/
/*{*/
/*font-size:32px;*/
/*}*/

h1{font-size:28px;margin:0;}
h2{font-size:26px;margin:0;}
h3{font-size:24px;margin:0;}
h4{font-size:22px;margin:0;}
h5{font-size:20px;margin:0;}
a:hover{text-decoration: none;}
.absolute{position:absolute;}
.relative{position:relative;}
.f-left{float:left;}
.no-padding{padding:0;}
/** Général **/
.bloc_nav{
    position: fixed;
    top: 30%;
    right: 0;
    color: #FFFFFF;
    border-left:1px solid #e4f0f3;
    border-top:1px solid #e4f0f3;
    border-bottom:1px solid #e4f0f3;
    box-shadow: -2px 0px 2px 2px #e4f0f3;
}
.bloc_nav_bloc2 {
    -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc1c8', endColorstr='#8caab1',GradientType=1 );
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}
.bloc_nav_bloc2_titrePar {
    padding: 0 10px;
    border-top:1px solid #e4f0f3;
}
.bloc_nav_bloc2_titre {
    text-align: center;
    color: #04142b;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px 0;
}
.bloc_nav_bloc2_titre:hover {
    text-align: center;
    color: #04142b;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px 0;
    font-weight:bold;
    text-decoration: underline;
}
section .container{
    padding:30px 0;
}
.catalogue{
	
}
.simplebox {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.row_height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.accueil
{
    font-size:21px;
    padding-top:5px;
}
.titre {
    text-transform: uppercase;
    font-size: 30px;
    color: #04142b;
}
.checkMajeur
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    -webkit-appearance: none;
    color: white;
    border: 1px solid white;
    padding: 6px!important;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.paddingNonResponsiv
{
    padding-top: 30px;
    padding-left: 137px;
}
.checkMajeur :checked
{
    border: 1px solid white;
    color: white;
}
p{
    color : #737373;
    font-family: roboto;
    font-size: 14px;
    line-height: 1.5;
}

.no_padding_left{
    padding-left: 0 !important;
}

.no_padding_right{
    padding-right:0 !important;
}
/*pop-up*/
.pos-dialog {
    background: transparent url("../charte/fond_dialog.png") repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
}
.dialogContent {
    border-radius: 10px;
    margin: 50px auto auto;
    max-width: 360px;
    text-align: center;
    width: 100%;
}
#pos-dialog2 .dialogContent {
    max-width: 100%;
}
#pos-dialog2 .slider_conteneur{
    background:none;
}
/*
#pos-dialog .dialogMessContent {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 15px #000;
    box-sizing:border-box;-moz-box-sizing:border-box;
    color: #000000;
    font-size: 15.5px;
    max-width: 100%;
    min-width: 100%;
    padding: 20px;
    text-align: center;
    width: 100%;
    padding-top:50px;
}*/
#pos-alert .dialogContent{
    max-width:600px;
}
#pos-alert .dialogMessContent {
    background-color: #ffffff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-sizing:border-box;-moz-box-sizing:border-box;
    color: #000000;
    font-size: 15.5px;
    max-width: 100%;
    min-width: 100%;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#pos-alert .dialogBasContent{
    background: #f05423;
    cursor:pointer;
}
.popup_conteneur{
    width:360px;min-width:360px;max-width:360px;
    background:#FFFFFF;
    padding:0;
}
.popup_titre{
    color:#04142b;
    padding-left:20px;
    font-size:28px;
    max-width:200px;
    margin:0 auto;
    line-height:1;
    padding-top:20px;
}
.popup_contenu{
    padding:20px;
}
.popup_bouton{
    background: #f05423;
    padding:15px 0;
}
.popup_bouton_item{
    color:#FFFFFF;
    border:1px solid #FFFFFF;
    width:140px;max-width:140px;
    margin:0 auto;
    padding:10px 0;
    cursor:pointer;
}
.popup_garantie_bleu{
    background:#e4f0f3;
    color:#04142b;
    font-size:28px;
    padding:25px 0;
}
.popup_garantie_contenu{
    padding:20px;
}.messAlert{
     font-size:14px;
 }
/*Button orange*/
.button_orange {
    background-color: #f15423;
    color : #FFF;
    padding : 12px 28px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    border:1px solid #f15423;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button_orange_square{
    background-color: #f15423;
    color: #FFF;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
    text-transform: uppercase;
    border: 1px solid #f15423;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    line-height: 18px;
    width: 40px;
    height: 40px;
}

.button_orange:hover {
    background-color: #fff;
    color : #f15423;
    border:1px solid #f15423;
}
/*Button bleu*/
.button_bleu {
    background-color: #04142b;
    color : #FFF;
    padding : 12px 28px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    border:1px solid #04142b;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button_bleu:hover {
    background-color: #fff;
    color : #04142b;
    border:1px solid #f15423;
}
.button_blanc{
    border:1px solid #c8bba1;
    color:#c8bba1;
    padding:10px 20px;
    display:inline-block;
    margin:0 auto;
    margin-top:5px;
}
.button_blanc_blanc{
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    padding:10px 11px;
    display:inline-block;
    margin:0 auto;
    cursor:pointer;
}
.button_blanc_noir{
    border:1px solid #04142b;
    color:#04142b;
    padding:10px 80px 10px 20px;
    display:inline-block;
    margin:0 auto;
    cursor:pointer;
}

/** Details **/
.filAriane a {
    font-size:12px;
    color:#04142b;
}
/**NAVBAR**/
.header_top{
    background-color: #04142b;
    min-height: 42px;
    height: 42px;
}

.header_top_mobile{
    background-color: #04142b;
    min-height: 28px;
    height: 28px;
}

.header_top .container{
    min-height: 100%;
    height: 100%;
    /*background-color: #f15423;*/
}

.header_top .container .row form  {
    min-height: 100%; height: 100%; max-height: 42px;
}

.flipkart_navbar_input {
    padding: 11px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
    background-color: #c8bba1;
    color: #fff;
    max-height: 42px;
}

.flipkart_navbar_button {
    background-color: #c8bba1;
    color: #fff;
    /*border: 1px solid #ffe11b;*/
    border:none;
    /*border-radius: 0 2px 2px 0;*/
    padding: 10px 0;
    height: 43px;
    cursor: pointer;
    max-height: 42px;
}
.MarginLeft20
{
    margin-left:20px;
}
.flipkart_navbar_button i{
    font-size : 20px;
}

.newsletter_submission {
    min-height: 100%;
    padding-top: 13px;
    padding-left:65px;
}

.newsletter_mobile{
    min-height: 270px;
    background-color: #f15423;
    padding-top : 40px;
    text-transform: uppercase;
}

.newsletter_mobile h1 {
    color: #fff;
    font-family: robotobold;
}

.newsletter_mobile a{
    color : #04142b;
    font-family: robotobold;
}

.revendeurs_mobile{
    min-height: 270px;
    background-color: #c8bba1;
    padding-top : 40px;
    text-transform: uppercase;
}

.revendeurs_mobile h1 {
    color: #fff;
    font-family: robotobold;
}

.revendeurs_mobile a{
    padding-top : 20px;
    color : #04142b;
    font-family: robotobold;
}

.mobile_links {
    margin-top : 30px;
}

.acces_pro{
    background-color: #2f3945;
    height: 100%;
    min-height: 42px;
    max-height: 42px;
    padding-top: 13px;
}

.acces_pro .badge {
    background-color: #f15423;
    color: #04142b;
}

.acces_pro_text{
    color: #f15423;
}

.searchbar_top{
    min-height: 100%; height: 100%;
    min-width: 62.4%; width:62.4%;
    background-color: #c8bba1;
}


.header_blanc_menu {
    min-height: 110px;
}

.header_blanc_menu .container {
    min-height: 110px;
}

.humbert_navbar{
    border:none !important;
    background-color: #fff !important;
    box-shadow: none !important;
    background-image: none !important;
    min-height: 30px !important;
    margin-bottom: 0 !important;
}

.searchbar_top_input{
    display: none;
    max-height: 34px;
    min-width: 185px;
    margin-right: 0 !important;
}

.logo_site {
    margin-top : -24px;
}

.row_separator_mege_menu {
    min-height: 45px;
}

.mega_menu {
    background-color: #000b28 !important;
    padding: 0 !important;
    width:96%;
    right:0 !important;
    left:inherit !important;
}
.mega_menu_container{
    width:88%;max-width:88%;min-width:88%;
}
.dropdown_mega_menu {
    color: #04142b !important;
    font-family: robotobold;
    /*padding: 6px*/
    padding: 0 !important;
    padding-left: 9px !important;
    padding-right: 2px !important;
    padding-top: 6px !important;
    padding-bottom: 0px !important;
    margin-bottom: 6px !important;
}
.dropdown:hover .dropdown_mega_menu {
    color : #c8bba1 !important;
    /*text-decoration: underline !important;*/
    text-decoration: none;
    border-bottom: 3px solid #c8bba1;
}

.item_mega_menu {
    background-color: #000b28;
    padding-left: 10px;
    border: 2px solid #192939;
    border-top: none;
    min-height: 40px;
    padding-top: 10px;
    color: #fff;
}
.item_mega_menu:hover{
    color:#f05423;
}

.mega_menu_col:nth-child(2n+1) .item_mega_menu{
    border-right:none;
}
.imageDroite{
    text-align:center;
    position:relative;
    top:5%;
}
.survolMarque{
    padding:0;
}
/* sous menu produit */
.titreMenu{
    background-color: #000b28;
    border-top: none;
    min-height: 40px;
    padding-top: 7px;
    color: #f05423;
    padding-left:10px;
    border-top: 2px solid #192939;
    border-bottom: 2px solid #192939;
}
.titreMenu:hover{
    /*color: #f05423;*/
}
.smenugauche td, .smenugaucheM td{
    vertical-align: top;
    border: 2px solid #192939;
}
.stitre{
    color: #fff;
    font-size:12px;
    padding-left:40px;
}
.stitre span{
    color:#192939;
}
.stitre:hover{
    color: #f05423;
}
.stitre:hover span{
    color:#f05423;
}
/*SLIDER*/

/** affiche_slider.php **/
.slider_conteneur {
    /*min-height: 570px; height: 570px;*/
    /*min-height: 200px;*/
    background-color: #2f3945;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slider_control{
    position: absolute;
    top : 50%;
}

.slider_indicators li{
    border-radius: 0 !important;
    border : 1px solid #c8bba1 !important;
}

.slider_indicators .active {
    background-color: #c8bba1 !important;
}

/** affiche_vignette_accueil **/
.vignette_container{
    min-height: 300px;
    padding-top : 20px;
    padding-bottom: 10px;
}

.vignette_content{
    height: 100%;
    margin-bottom: 20px;
}

.less_gutter {
    padding-right:10px !important;
    padding-left:10px !important;
}

.vignette_home {
    position : relative;
    min-height: 251px;
    /*height: 240px; max-height: 240px;*/
    background-color: #c8bba1;
    /*margin-top : 93px;*/
    cursor : pointer;
    max-width:325px;
    margin: 0 auto;
    text-align:center;
}

.vignette_home:hover .vignette_hover {
    display:block;
}
.vignette_home:hover .vignette_hoverOff {
    display:none;
}
.vignette_home:hover .vignette_text span{
    color : #f15423;
}

.vignette_catalogue {
    position : relative;
    cursor : pointer;
    margin: 0 auto;
    text-align:center;
}
.vignette_hover_catalogue{
    position :absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.47);
    display:none;
    text-align: center;
}
.vignette_catalogue:hover .vignette_hover_catalogue {
    display:block;
}

.vignette_text {
    position: absolute;
    width: 100%;
    min-height: 48px; height: 48px; max-height: 48px;
    background-color: #04142b;
    bottom: 0;
    padding-left : 15px;
    text-align:left;
}

.vignette_text span {
    position : relative;
    color : #ffffff;
    top : 15px;
    font-size : 14px;
}

.vignette_hover{
    position :absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 6, 60, 0.47);
    display:none;
    text-align: center;
}
.vignette_hoverOff{
    position :absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.vignette_hover img{
    margin: 25px auto;
}
.vignette_hoverOff img{
    margin: 25px auto;
}

/** affiche_mise_en_avant_produit.php **/
.mise_en_avant_pdt_container{
    min-height: 600px;
    background-color: #04142b;
    padding-top: 20px;
}

.mise_en_avant{
    min-height: 465px;
    /*background-color: #c8bba1;*/
}

.mise_en_avant_gauche_text{
    padding:25px 45px;
    background-color: #fff;
    min-height: 100% !important;
}

.mise_en_avant_gauche_img{
    text-align: right;
    background-color: #fff;
}

.mise_en_avant_right_text{
    color : #fff;
    font-size: 55px;
    line-height:1.2;
}

/**CATALOGUE**/
.f_left{
    float: left;
}

.clear{
    clear: both;
}

.catalogue_content{
    min-height: 500px;
    background-color: #ffffff;
    padding-top : 0px;
    padding-bottom: 0px;
}

.catalogue_title {
    display: inline-block;
}

.slash_titre {
    color: #c8bba1;
    font-size: 30px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top:10px;
}

.texte_droite_slash {
    margin-top: 23px;
    font-size: 14px;
    color: #04142b;
    font-family: robotobold;
}

.texte_catalogue{
    margin-top : 50px;
    color:#737373;
    font-size:14px;
}

.image_catalogue{
    margin-top : 50px;
}
.PaddingBlocs{
    padding-top: 30px;
    padding-left: 210px;
}
.MaxSizeBloc
{
    max-width: 300px;
}
.button_catalogue{
    margin-top : 20px;
}


/* PAGE ZIP */
.containerZip{
    padding-top:100px!important;
}
.titreZip{
    padding-left:0px;
    color:black;
    font-weight:bold;
}
.size30{
    font-size:30px;
    color: black;
}
.size14{
    font-size:14px;
}
.telechargementZip{
    color:black!important;
}
.telechargementZip1{
    color:grey;
}
.colorGrey{
    color:grey;
}
.telechargementZip:hover{
    color:#ff6633!important;
}
.nomFichierEspace{
    padding-left:5px;
    color:grey;
}
/* FIN PAGE ZIP */



/*--------------FAMILLE----------*/
.sfa_vignette_bloc{
    padding:10px;
    /*height:490px;*/
}
.sfa_vignette_bloc_content{
    border:2px solid #c8bba1;
    text-align: center;
    padding:15px;
    /*height:460px;*/
}
.liste_fam_titre{
    color:#000000;
}
.fam_vignette{
    text-align:center;
    padding:15px;

}
.table_fam_vignette_image
{
    height:100%;
    width:100%;
    max-height: 130px;
}
.fam_vignette_image
{
    height:130px;
}
.image_vignette
{

    max-height: 130px;
    max-width: 100%;
}
.fam_vignette_contenu{
    border:1px solid #cabda3;
    padding:15px;
}
.fam_vignette_titre{
    font-size:16px;
    padding:0;
    color:#000000;
}
.fam_vignette_desc{
    font-size:12px;
    padding:0;
}
.fam_vignette_desc{
    font-size:12px;
    padding:0;
}
.fam_vignette_stitre{
    color:#cabda3;
    font-size:14px;
    padding:15px 0;
}
.fam_vignette_produit{
    color:#000000;
}
.fam_vignette_desc{
    color:#000000;
    padding:10px 0;
    height:100px;
}
.formActu
{
    width: 50%;
    margin: 0 auto;
}
.sfam_select{
    color:red;
}
.prod_vignette_titre{
    font-size:16px;
    padding:0;
    color:#000000;
}
.prod_vignette_stitre{
    color:#cabda3;
    font-size:15px;
    padding:5px 0;
}
/*-----------MARQUE-------------*/
.bandeau_bleu{
    background:#e4f0f3;
}
.bandeau_bleu_contenu{

    color:#04142b;
    font-size:26px;
    padding:20px 0;
    /*text-transform:uppercase;*/
}
.bandeau_bleu_contenu2{
    text-align:right;
    color:#04142b;
    font-size:26px;
    /*text-transform:uppercase;*/
}
.bandeau_bleu_contenu3{

    color:#04142b;
    font-size:26px;
    padding:20px 0;
    /*text-transform:uppercase;*/
}
.bandeau_bleu_contenue_ZeroPadding
{
    text-align:right;
    color:#04142b;
    font-size:26px;
    text-transform:uppercase;
    position: relative;
    text-align: center;
}
.marque_description{
    color:#c8bba1;
}
/****--------vignette--------*******/
.vignette_bloc{
    padding:10px;
    height:490px;
}
.vignette_bloc_content{
    border:2px solid #c8bba1;
    text-align: center;
    padding:15px;
    height:370px;
}
.vignette_prix_texte{
    color:#000000;
}
.vignette_prix{
    color:#000000;
    font-size:36px;
}
.vignette_marque{
    padding:15px 0;
}
/*---------marque----------*/
.marque_bloc_content{
    border:2px solid #c8bba1;
    text-align: center;
    padding:15px;
}
/*----------------PRODUIT----------------------*/
.bloc_prod_libelle{
    background:#d6ccb9;
    padding:20px;
    text-align:center;
    color:#FFFFFF;
    font-size:24px;
}
.bloc_prod_desc{
    text-align:right;
}
.bloc_prod_desc_prix{
    text-align: center;
    border-left:1px solid black;
}
.bloc_prod_desc_prix .prix{
    font-size:45px;
}
.menuProd{
    border-top:1px solid #a3b9be;
    border-bottom:1px solid #a3b9be;
}
.prod_menu_contenu{
    padding:20px 0;
}
.prod_descTitre{
    text-align:center;
    width:20%;min-width:20%;max-width:20%;
    padding:10px;
    padding-bottom:0;
    color:#a3b9be;
    cursor:pointer;
}
.prod_classOn{
    color:#000000;
    border-bottom:2px solid #000000;
    padding-bottom: 10px;
}
.prod_assocOn{
    color:#000000;
    border-bottom:2px solid #000000;
    padding-bottom: 10px;
}
.tdCategorieCaract{
    padding:10px 0;
    text-align:left;
    border-bottom:1px solid #e4f0f3;
    color:#737373;
    font-size:14px;
}
.prod_gammeTitre{
    color:#04142b;
    font-size:14px;
}
.photo_gamme{
    margin-right:10px;
    margin-bottom:10px;
}
.mod_gamme{
    padding-right:20px;
    margin-left:10px;
    margin-top:10px;
}
.ScrollHorizontalComp{
    padding-bottom:50px;overflow: hidden;overflow-x: hidden;
    width:calc(100% - 470px);
}
.bande_contenu{
    padding:10px 0;
}
.prod_bloc_garantie{
    background:#263446;
    padding:20px 45px;
    font-size:30px;
}
.prod_bloc_garantie div{
    color:#FFFFFF;
}
.bande_revendeur{
    background:url(../charte/bande_revendeur.jpg) no-repeat;
    background-size:100% 100%;
    padding: 20px 45px;
    font-size:30px;
}
.bande_revendeur div{
    color:#FFFFFF;
}
.bande_revendeur_texte_droite{
    font-size:13px;
    float:right;
    top:20px;
    color:#000000;
}
.bande_news{
    background:url(../charte/bande_news.jpg) no-repeat;
    background-size:100% 100%;
    padding: 20px 45px;
    font-size:30px;
    cursor:pointer;
}
.bande_news div{
    color:#FFFFFF;
}
.bande_news_texte_droite{
    font-size:13px;
    float:right;
    top:20px;
    color:#000000;
}
/*--------- actu-------------------*/
.actu_titre{
    color:#04142b;
    font-size:24px;
}
.actu_texte{
    padding:20px 10px;
}
.actu_texte img{
    height:inherit !important;
	max-width:100% !important;
}
.actu_vignette{
    max-width:300px;
    margin:0 auto;
}
.actu_vignette_date{
    padding:20px 0;
}
.actu_vignette_titre{
    font-size:16px;
    color:#04142b;
}
.actu_vignette_chapeau{
    font-size:16px;
    color:#737373;
    padding:10px 0;
}
.lire_plus{
    cursor:pointer;
}
.lire_plus span{
    color:#04142b;
}
.actu_vignette:hover .lire_plus span{
    color:#f25f32;
}
/*----------RECETTE--------------*/
.vignette_recette{
    padding:10px;
}
.vignette_recette_content{
    text-align: center;
}
.rec_vignette_titre{
    color:#04142b;
    font-size:18px;
    text-transform:uppercase;
    padding:10px 0 5px;
}
.rec_vignette_stitre{
    color:#04142b;
    font-size:20px;
}
.rec_vignette_dif{
    padding:10px 0;
}
.rec_titre{
    font-size:40px;
    color:#04142b;
    padding:10px 0;
}
.recette_info{
    padding-top:20px;
}
.recette_bloc{
    background:#e3ddd0;
}
.recette_bloc_contenu{
    padding-top:15px;
    top:-90px;
}
.recette_prepa_col{
    padding-left:30px;
}
.rec_ingred{
    background:#FFFFFF;
    z-index: 1;
    padding:15px;
    border:1px dashed #c8bba1;
}
.rec_titre_pers{
    color:#04142b;
    font-size:20px;
    padding:10px;
}
.rec_text_ingred{
    border-top:1px solid #c8bba1;
    padding-top:15px;
    padding-left:10px;
    line-height: 2;
}

.recette_prepa{

    padding:25px 0;
    color:#04142b;
}
/*-----CONTACT-----**/
.contenu_contact{
    background:url(../charte/fond_contact.jpg) no-repeat;
    background-size:100% 100%;
}
.contactD{
    font-size:18px;
    color:#FFFFFF;
    padding-top:100px;
}
/** FOOTER **/
.footer {
    min-height: 265px;
    background-color: #04142b;
    padding-bottom: 15px;
}

.footer_separator{
    border-top:1px solid #c8bba1;
}

.footer_bas {
    min-height: 63px;
    background-color: #04142b;
}

.footer_content{
    height: 100%; max-height: 100%;
    padding-top : 30px;
}

.footer_contact{
    height : 100%;
}
.texte_suivez_nous{
    padding:10px 0;
    font-size:30px;
}
.titreFooterLeft{
    font-family: robotobold;
    font-size: 28px;
    color: #ffffff;
}

.libelle_humbert{
    margin : 0;
    margin-top : 10px;
    color : #ffffff;
    text-transform: uppercase;
}

.address_line {
    color: #536272;
    font-size: 12px;
    /*line-height: 0.2;*/
}

.footer_telephone{
    margin-top : 15px;
    color : #ffffff;
    font-size: 15px;
}

.footer_centre {
    margin-top : 15px;
}
.footer_mail{
    background:none;
    border:1px solid #FFFFFF;
    max-width:280px;width:100%;
    padding:10px 20px;
    color:#FFFFFF;
}
.titre_footer_centre{
    font-size: 20px;
    line-height: 1.5;
    color: #ffffff;
    text-transform: uppercase;
    margin-top : 15px;
    cursor: pointer;
}

.sous_titre_footer_centre{
    color: #536272;
    cursor: pointer;
    text-decoration: none;
    font-size:14px;
}

.footer_logos {
    margin-top : 20px;
}

.footer_logo_bas{
    margin-top : 20px;
}

.img_bas {
    margin-top : 20px;
}

.social_icon{
    margin-top: 15px;
    margin-right: 15px;
    color: #fff;
    cursor: pointer;
}
/** affiche catalogue **/


/***********************
Revendeurs
***********************/

.magasinPlusProche {
    font-size: 14px;
    cursor: pointer;
    color : #04142b;
}

.magasinPlusProche:hover {
    text-decoration: underline;
}

.geoloc_ou_ville_cp {
    font-size : 14px;
    color : #04142b;
}

.labelOuRevendeurContainer {
    text-align: center;
}

.labelCodeOuVille {
    font-size: 14px;
    color : #04142b;
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
}

.inputRechercheRevendeur {
    border: 1px solid #e4f0f3;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    color: #04142b;
    height : 45px;
    margin-top: -13px;
    width: 100%;
}

.mapGeneralContainer {
    height:700px;
    position:relative;
}

.overmap-container {
    padding: 2px 0 !important;
    position: relative;
}

#over_map
{
    min-height: 560px; height:560px;
    width:320px;
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
    background-color: white;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}

#over_map .titre_liste_magasin
{
    font-weight: bold;
    font-size: 16px;
    padding: 20px 30px;
    text-transform: uppercase;
    height:110px;max-height: 110px;
}

.scrollbox {
    overflow: auto; /* This is changed by enscroll, but must be defined */
    width: 320px;   /* The arbitrary width and height of the view pane */
    height: 420px;
}
.vertical-track {
    width: 16px;            /* How wide is the scrollbar going to be? */
    background-color: #aaa; /* What color should the vertical track be? */
}
.vertical-handle {
    width: 16px;            /* How wide is the scrollbar handle? */
    background-color: #aaf; /* What color should the handle be? */
}

#over_map .liste_magasin
{
    padding: 0 10px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 420px;
}

.lienContactOnMap {
    color: #04142b;
    font-weight: 500;
    cursor: pointer
}

.lienContactOnMap:hover {
    font-weight: 600;
}

.textRevendeurTop {
    color : #04142b;
}

.textRevendeurTop span:hover {
    cursor : pointer;
    text-decoration: underline;
}

.revendeurListeSeparator {
    border-top: 1px solid #04142b;
    height: 15px;
}

.revendeurName{
    color: #04142b;
    font-weight: bold;
    margin-bottom : 5px;
}

.revendeurInfos {
    color: #737373;
    font-size: 12px;
    font-weight: 400;
}
.EcartEntreDeuxBloc{
    margin-left: 90px;
}
.revendeurContact {
    text-align: center;
    margin-top: 125px;
    margin-bottom: 25px;
}

.revendeurContact span {
    color : #04142b;
    text-transform: uppercase;
    border : 1px solid #04142b;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.formContatctRevendeur {
    display: none;
}
/********************/
/* INSTITU */
/********************/
.garantieImage
{
    position: relative;
    margin-bottom: -3%;
    float: right;
    /*padding-top: 50px;*/
}
.garantiePageInstitu
{
    /* height: 220px; */
    margin-right: 272px;
    position: relative;
    margin-bottom: -232px;
    top: -35px;
    float: right;

}
.garantie_image{
    padding-top: 10px;
    padding-bottom: 0;
    height: 30px;
}
.background_color_garantie
{
    background-color:#c9bba1;
}
.background_color_bandeau
{
    background-color:#04142B;
    text-align:center;
}
.txtLeft
{
    text-align:left;
    line-height: 1.8;
}
.contenu_contactRGPD{
    background:url(../charte/fond_contactRGPD.png) no-repeat;
    background-size:100%;
    background-color:#3a4960;
}
.contactRGPDD{
    font-size:14px;
    color:#FFFFFF;
    text-align:center;
}
.titreH2Garantie
{
    color:white !important;
    line-height: 1.2;
}
.background_img_garantie
{
    background-image:url('../images/garantie/image_garantie.png');
    background-repeat: no-repeat;
    height: 336px;
}
.cont_institu{
    color:#737373;
    font-size:14px;
}
.cont_institu h2{
    color:#04142b;
    font-size:28px;
    text-align:left;
}
.cont_institu h2 strong{
    color:#04142b;
    font-size:28px;
}
.cont_institu h3{
    font-family: 'robotobold' !important;
}
/********************/
/* GARANTIE */
/********************/
.inst_garantie{
    background:url(../charte/fond_garantie.jpg);
    background-size:100%;
}
.garantie_contenu{
    max-width:710px;width:710px;min-width:710px;
    margin:0 auto;
    padding-top:50px;
    text-align:left;
}
.garantie_contenu2{
    margin:0 auto;
    padding-top:50px;

}
.garantie_titreForm{
    color:#FFFFFF;
    font-size:20px;
    line-height:1.2;
    padding:10px 20px;
}
.SITE_FORM_garantie p{
    color:#FFFFFF;
}
.contenu_garantie_texte{
    color:#FFFFFF;
    font-size:15px;
    text-align:center;
    padding:5px 0;
}
.fond_concours_form{
    background-image:url('../images/concours/fond_concours_formulaire.jpg');
    background-size:100% 100%;
}
.fond_concours_form_stoeger{
    background-image:url('../images/concours/fond_concours_formulaire_stoeger.jpg');
    background-size:100% 100%;
}
.page_concours h1{
    font-size:3.4rem !important;
	position:relative;
	top:38px;
}
@media (max-width: 991px) {
    .page_concours h1{
    font-size:2.4rem !important;
	position:relative;
	top:91px;
	}
}
@media (max-width: 703px) {
	.page_concours h1{
    font-size:1.9rem !important;
	position:relative;
	top:91px;
	}
}
@media (max-width: 585px) {
	.page_concours h1{
    font-size:1.4rem !important;
	position:relative;
	top:91px;
	}
}
@media (max-width: 470px) {
	.page_concours h1{
    font-size:1rem !important;
	position:relative;
	top:91px;
	}
}
/********************/
/* FORMULAIRE */
/********************/

.titreFormulaireContact {
    margin-top : 50px;
    text-align: center;
    color: #04142b;
    margin-bottom: 20px;
}

.titreFormulaireContact h2 {
    font-weight: bold;

}

.SITE_FORM_BOUTON {
    margin : 20px auto;
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background-color: #ffffff;
    color: #04142b;
    padding: 6px 30px;
    border: 1px solid #04142b;
    min-width: 250px;
    font-size: 12px;
    font-weight: 600;
}

.SITE_FORM {
    font-size:10px;
}
.SITE_FORM_CORPS {
    font-size:9px;
}
.SITE_FORM_FORM {
    width:100%;
    height: 45px;
    margin-bottom:5px;
    border: 1px solid #e4f0f3;
    background-color: #ffffff;
    border-left: 20px solid #e4f0f3;
    padding-left: 20px;
    padding-right: 20px;
    color : #04142b;
}
.SITE_FORM_SELECT {
    width:100%;
    height: 45px;
    margin-bottom:5px;
    border: 1px solid #e4f0f3;
    background-color: #ffffff;
    border-left: 20px solid #e4f0f3;
    padding-left: 20px;
    color : #898989;
}
select.SITE_FORM_SELECT{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../charte/fleche_select.png") no-repeat scroll 98% 50%;
    cursor:pointer;
}
.stylePreferenceBloc
{
    background: #FFFFFF;
    opacity: 0.8;
    margin-top: 0;
    width: 272px;
    text-align:left;
    margin-bottom:5px;
}
.SITE_FORM_TEXTAREA {
    border: 1px solid  #e4f0f3;
    border-left: 20px solid #e4f0f3;
    background-color:#ffffff;
    height : 200px;
    width: 100%;
    resize: none;
    padding-left: 20px;
    padding-top: 8px;
    padding-right: 20px;
}

.SITE_FORM_NEWSLETTER {
    border : 1px solid #04142b;
    padding: 20px;
}

.SITE_FORM_NEWSLETTER .newsletter_titre {
    padding-left: 22px;
    font-size: 20px;
    color: #04142b;
    font-weight: 600;
}

.SITE_FORM_NEWSLETTER .newsletter_corps{
    color: #04142b;
}

.SITE_FORM_NEWSLETTER .newsletter_corps input {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #04142b;
    padding: 6px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.SITE_FORM_NEWSLETTER .newsletter_corps input:active, .SITE_FORM_NEWSLETTER .newsletter_corps input:checked:active {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #04142b;
    padding: 6px;
    display: inline-block;
    position: relative;
}

.SITE_FORM_NEWSLETTER .newsletter_corps input:checked {
    background-color: #fff;
    border: 1px solid #04142b;
    color: #04142b;
}
.textExp
{
    background-color: #0d1d34;
    opacity: 0.6;
}

.SITE_FORM_NEWSLETTER .newsletter_corps input:checked:after{
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 1px;
    color: #04142b;
}
::-webkit-input-placeholder {
    font-style: italic;
}
:-moz-placeholder {
    font-style: italic;
}
::-moz-placeholder {
    font-style: italic;
}
:-ms-input-placeholder {
    font-style: italic;
}


/*Loading*/
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 04, 43, 0.3);
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(241, 84, 35, 1) 1.5em 0 0 0, rgba(241, 84, 35, 1) 1.1em 1.1em 0 0, rgba(241, 84, 35, 1) 0 1.5em 0 0, rgba(241, 84, 35, 1) -1.1em 1.1em 0 0, rgba(241, 84, 35, 1) -1.5em 0 0 0, rgba(241, 84, 35, 1) -1.1em -1.1em 0 0, rgba(241, 84, 35, 1) 0 -1.5em 0 0, rgba(241, 84, 35, 1) 1.1em -1.1em 0 0;
    box-shadow: rgba(241, 84, 35, 0.75) 1.5em 0 0 0, rgba(241, 84, 35, 0.75) 1.1em 1.1em 0 0, rgba(241, 84, 35, 0.75) 0 1.5em 0 0, rgba(241, 84, 35, 0.75) -1.1em 1.1em 0 0, rgba(241, 84, 35, 0.75) -1.5em 0 0 0, rgba(241, 84, 35, 0.75) -1.1em -1.1em 0 0, rgba(241, 84, 35, 0.75) 0 -1.5em 0 0, rgba(241, 84, 35, 0.75) 1.1em -1.1em 0 0;
}

/* formulaire concours */
.row_concours{
	display: flex; 
	align-items: center; 
	justify-content: center;
}
/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media (max-width: 900px) {
    .divH1
    {
        background-color:transparent !important;
    }
}
/*Fin Loading*/
@media (max-width: 523px) {
    .MarginLeft20
    {
        margin-left:0px !important;
        height:100px;
    }
    .MaxSizeBloc
    {
        width:100%;
        max-width: 100%;
    }
    .submitResponsiv{
        width:100%;
        font-size: 11px;

    }
    .stylePreferenceBloc{
        width:100%;
    }
    .PaddingBlocs
    {
        padding-top: 0px;
        padding-left: 0px;
    }
    .EcartEntreDeuxBloc{
        margin: 0 auto;
    }
    .paddingNonResponsiv
    {
        padding-top: 0px;
        padding-left: 0px;
    }
    .divH1
    {
        background-color:transparent !important;
    }
    .responivImg
    {
        width:100%;
    }
    .imgBandeau {
        width: 100%;
    }

    .couleurMobile {
        background-color: transparent !important;
    }
    .h1BandeauMobile
    {
        font-size: 10px !important;
    }

}

@media (max-width: 768px){
	.row_concours{
		display:block;
	}
    .divH1
    {
        background-color:transparent !important;
    }
    .responivImg
    {
        width:100%;
    }
    .revendeurs_mobile {
        min-height: inherit;
    }
    .newsletter_mobile {
        min-height: inherit;
    }
    .vignette_home {
        min-height: 215px;
        height: 215px;
        max-height: 215px;
    }
	
    .navbar_perso_mobile {
        /*padding-bottom : 60px;*/
    }
    .mega_menu_container{
        width:100%;max-width:100%;min-width:100%;
    }
    .dropdown:hover .dropdown_mega_menu:hover{
        text-decoration:none;
        border-bottom:0px;
    }
    .ScrollHorizontalComp{
        overflow-x:scroll;
        width:70%;
    }
    .photo_gamme{
        margin-right:0px;
    }
    .mod_gamme{
        padding-right:20px;
        margin-left:0px;
    }
    .rec_titre{
        padding-left:10px;
    }
    .recette_bloc_contenu{
        top:0px;
    }
    .recette_prepa_col{
        padding:10px 0;
    }
    /*Revendeurs*/
    #over_map {
        min-height: 560px; height:560px;
        width:100%;
        left: 0;
        border-bottom : 1px solid #14042b;
        border-radius: 0px;
    }
    #over_map .liste_magasin {

        max-height: 449px;
    }
    .mapGeneralContainer {
        height:560px;
        position:relative;
    }
    .labelCodeOuVille {
        margin-right: 0;
    }
    .formulaireRechercheMag {
        margin: 0 auto;
    }
    .contactD{
        padding-top:10px;
        text-align:center;
    }
    .inputRechercheRevendeur {
        margin-top: 0;
    }
    .mise_en_avant_pdt_container {
        padding-top: inherit;
    }
    .mise_en_avant_right_text{
        font-size:30px;
    }
    .mise_en_avant_gauche_text{
        min-height: inherit !important;
    }
    .garantie_contenu{
        width:100%;min-width:100%;max-width:100%;
    }
    section .container{
        padding:30px 10px;
    }
}

/*PAGE APX*/
@media screen and (min-width: 1400px) {
    .texteDecaler {
        position: relative;
        top: -100px;
    }
}
@media screen and (min-width: 992px)  and (min-width: 1400px) {

}
@media only screen and (max-width : 1200px){
    .BLOCPadding3{
        padding-left: 30px!important;
        padding-right: 0px!important;
    }
    .BLOCPadding2 {
        padding-left: 30px!important;
        padding-right: 20px!important;
    }
    .BLOCPadding {
        padding-left: 0px!important;
        padding-right: 20px!important;
    }
}

@media only screen and (max-width : 979px){
    .BLOCPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding3{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

@media only screen and (max-width : 767px){
    .BLOCPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding3{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

@media only screen and (max-width : 480px){
    .BLOCPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding3{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

@media only screen and (max-width : 320px){
    .BLOCPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .BLOCPadding3{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}


.height100{
    height:100%;
}
.paddingBot{
    padding-bottom:35px;
}
.zeroPadding{
    padding:0px;
}
.colorBlack{
    color:black;
}
.paddingTopBot40{
    padding-top:40px;
    padding-bottom:40px;
}
.paddingTop{
    padding-top: 115px;
}
.interligne{
    line-height:23px;
}
.size18{
    font-size:18px;
}
.size14{
    font-size:14px;
}
.size20{
    font-size:20px;
}
.COLORORANGE{
    color:#f15423!important;
}
.bold{
    font-weight:bold;
    padding-top:15px;
}
.centrer{
    text-align:center;
}
.colorGris{
    color:#737373;
}
.encadrement{
    border:8px solid #c8bba1;
}
.bloc_bas{
    background-color:#c8bba1;
}
.titreBas{
    color:black;
}
.texteBas{
    color:white;
}