#cmspage {padding-bottom: 30px;}
#cmspage h3 {margin-bottom: 0;}
    /* BANDEAU */
#bandeau {position: relative; height: 350px; width:100%; background-size: cover!important; background: url("../images/bandeau_leaflet.jpg") center center;}
.titre_page {font-family: 'DINPro-Regular', Sans-Serif; position: relative;  padding-top: 92px; padding-left: 129px;}
.titre_page .bloc_right {width: 400px; height: 165px; padding-left: 20px; padding-top: 50px; background-color: #ffffff; float: left;  font-family: 'DINPro-Light', Sans-Serif; text-transform: uppercase;}
.titre_page h1 {font-size: 35px; font-size: 3.5rem; color: #808285; margin-bottom: 0; font-weight: lighter;}
.titre_page .categorie {font-size: 20px; font-size: 2.0rem; color: #53eac4; font-weight: bold;}
#bandeau .icones {width: 50px; position: absolute; z-index: 10; right: 30px; top: 24%;}
#bandeau .icones a {margin-top: 12px; opacity: 0.7;}
#bandeau .icones a:first-child{margin-top: 0px;}
#bandeau .icones a:hover {opacity:1;}


#cmspage_contenu {width: 1170px; margin: 0 auto;}
.bloc_top {padding-top: 40px;}
.bloc_top .image {width: 30%; text-align: center; float: left; }
.bloc_top img { /* width: 200px; */}
.bloc_top .bloc_right {float: left; padding-right: 150px; font-family: 'Lato', sans-serif; width: 70%;}
.bloc_top .bloc_right .titre {font-size: 50px; font-size: 5.0rem; color: #53eac4; text-transform: uppercase; font-family: 'DINPro-Light', Sans-Serif;}
.bloc_top .bloc_right .sous_titre { margin-bottom:20px; font-size: 30px; font-size: 3.0rem; font-weight: lighter;color: #afa89a; text-transform: uppercase;  padding-bottom: 15px; background: url("../images/trait_menu.jpg") no-repeat left 100%; font-family: 'DINPro-Regular', Sans-Serif;}
.bloc_top .bloc_right .italic { color: #303030; font-size: 16px; font-size: 1.6rem; font-weight: 300; font-style: italic; line-height: 20px;}
.bloc_top .bloc_right .titre_2{padding-top: 20px; padding-bottom: 10px; font-weight: 300;color: #47c8a7; font-size: 20px; font-size: 2.0rem; text-transform: uppercase;}
.text p{ font-weight: 300; color: #303030; font-family: 'Lato', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 20px;}

.separation {width: 100%; border-bottom: 1px solid #a4a3a3; margin: 30px 0; float: none; clear: both;}
.decal35{margin-left: 35px;}
.fcont {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start !important;

}

.w100{width: 100% !important;}
.w50{width: 50% !important;}

/**
 * Responsive Design
 */

/* Grand écran */
@media screen and (min-width: 1400px) {

}
/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) and (max-width: 1399px) {
    #cmspage_contenu{width: 100%;}
    #cmspage {
        padding-bottom: 30px;
        padding: 0 5% 30px 5%;
    }
}

/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) and (max-width: 1399px) {
    /* BANDEAU */
    .titre_page .bloc_right {height: 130px; padding-top: 33px;}

    .bloc_top .bloc_right {padding-right: 30px;}
    #cmspage h3 {padding-top: 10px!important; padding-bottom: 5px!important;}
}

/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {
    #cmspage_contenu {width: 724px; margin: 0 auto;}
    /* BANDEAU */
    #bandeau {height: 218px;}
    #bandeau .icones {top: 10%;}
    .titre_page {padding-left: 50px; padding-top: 55px;}
    .titre_page .bloc_right {height: 106px; padding-top: 22px;}
    .titre_page h1 {font-size: 30px; font-size: 3.0rem;}

    .bloc_top .bloc_right {padding-right: 20px;}
    #cmspage h3 {padding-top: 10px!important; padding-bottom: 5px!important;}
    .bloc_top .bloc_right .titre {font-size: 40px; font-size: 4.0rem;}
}

/* Mobile */
@media screen and (max-width: 763px) {
    .decal35{margin-left: 0;}
    .w50{width: 100% !important;}
    #cmspage_contenu {width: 100%; padding: 0 10px;}
    .fcont figure.imageholder{width: auto !important;}
    /* BANDEAU */
    #bandeau {height: 218px;}
    #bandeau .icones {display: none;}
    #produits {width: 300px;}
    .titre_page {padding-left: 18px; padding-top: 55px;}
    .titre_page .bloc_right {height: 106px; padding-top: 22px; width: 250px;}
    .titre_page h1 {font-size: 25px; font-size: 2.5rem;}
    .titre_page .categorie {font-size: 18px; font-size: 1.8rem;}

    .bloc_top .image {width: 100%;}
    .bloc_top .image img {margin-top: 15px!important; margin-bottom: 15px!important;}
    .bloc_top .bloc_right {padding-right: 0px; width: 100%;}
    .bloc_top .bloc_right .titre {font-size: 28px; font-size: 2.8rem;}
    .bloc_top .bloc_right .sous_titre {font-size: 20px; font-size: 2.0rem;}
    .bloc_top .bloc_right p {text-align: justify;}

    #cmspage_contenu img {width: auto !important; height: auto !important; float: none !important; margin-top: 20px!important; margin-bottom: 20px!important;}
    #cmspage_contenu p {text-align: justify;}

}