/* BANDEAU */
#bandeau {position: relative; height: 350px; width:100%; background-size: cover!important; background: url("../images/bandeau_equipe.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;}

/* Actualités */
.equipe { font-family: 'DINPro-Light', Sans-Serif; }
.equipe .titre{padding-top: 25px; font-size: 60px;font-size: 6.0rem; color: #53eac4; line-height: 60px; text-transform: uppercase;}
.equipe .sous-titre{font-size: 30px;font-size: 3.0rem; color: #afa89a; line-height: 30px; text-transform: uppercase; padding-bottom: 15px; background: url("../images/trait_menu.jpg") no-repeat left 100%; }
.equipe .sous-titre2{font-size: 30px;font-size: 3.0rem; color: #afa89a; line-height: 30px; text-transform: uppercase; padding-bottom: 15px; background: url("../images/trait_menu.jpg") no-repeat left 100%; }
.trombinoscopes {padding: 50px 0;}
.trombinoscopes .nom {padding-top : 10px; font-size: 17px; font-size: 1.7rem; text-transform: uppercase; color: #afa89a;}
.trombinoscopes .poste {font-size: 15px; font-size: 1.5rem; color: #808285; text-align: justify; padding-bottom: 10px;}
.trombinoscopes .tel {font-size: 14px; font-size: 1.4rem; color: #808285;}
.trombinoscopes .tel span {color: #53eac4;}
.trombinoscopes .mail {font-size: 14px; font-size: 1.4rem; color: #808285;}
.trombinoscopes .mail span {color: #53eac4;}

.bloc_top .bloc_leftV2{float: left; width: 50%; font-family: 'DINPro-Light', Sans-Serif; padding:0 0 0 40px;}
.bloc_top .bloc_left{float: left; width: 50%; font-family: 'DINPro-Light', Sans-Serif; padding: 106px 0;}
.bloc_top .bloc_leftV3{float: left; width: 75%; font-family: 'DINPro-Light', Sans-Serif; padding: 40px 0;}
.bloc_top .bloc_left .titre, .bloc_top .bloc_leftV2 .titre, .bloc_top .bloc_leftV3 .titre{font-size: 60px;font-size: 5.0rem; color: #53eac4; line-height: 60px; text-transform: uppercase;}
.bloc_top .bloc_left .sous-titre, .bloc_top .bloc_leftV2 .sous-titre, .bloc_top .bloc_leftV3 .sous-titre{font-size: 30px;font-size: 3.0rem; color: #afa89a; line-height: 30px; text-transform: uppercase; padding-bottom: 15px; background: url("../images/trait_menu.jpg") no-repeat left 100%; }
.bloc_top .bloc_leftV2 .sous-titre2 {font-size: 20px;font-size: 2.0rem; color: #afa89a; line-height: 30px; text-transform: uppercase; padding-bottom: 5px; background: url("../images/trait_menu.jpg") no-repeat left 100%; }
.bloc_top .bloc_left .bouton, .bloc_top .bloc_leftV2 .bouton, .bloc_top .bloc_leftV3 .bouton {padding: 10px 40px; margin-top: 25px; background:#b9b1a2; color:#ffffff; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; text-decoration: none; letter-spacing: 1.5px;}
.bloc_top .bloc_left .bouton:hover, .bloc_top .bloc_leftV2 .bouton:hover, .bloc_top .bloc_leftV3 .bouton:hover {background-color: #d5ccbf;}
.bloc_top .bloc_right{float: right; width: 50%; padding : 40px 0; font-family: 'DINPro-Regular', Sans-Serif;font-size: 14px; font-size: 1.4rem;}
.bloc_top .bloc_right .italique {font-size: 14px; font-size: 1.4rem; color: #afa89a; font-style: italic; }
.bloc_top .bloc_right p {padding-top: 25px; color: #808285;}
.bloc_top .bloc_right ul {color: #808285;  }
.bloc_top .bloc_right li {padding-top: 5px;list-style-image: url("../images/puce_plus.png");}
.bloc_top .bloc_leftV2{width: 50%; padding :0 0 40px 0; font-family: 'DINPro-Regular', Sans-Serif;font-size: 14px; font-size: 1.4rem;}
.bloc_top .bloc_leftV2 .italique {font-size: 14px; font-size: 1.4rem; color: #afa89a; font-style: italic; }
.bloc_top .bloc_leftV2 .sous-titre2 {padding-top: 0px;}
.bloc_top .bloc_leftV2 p {padding-top: 25px; color: #808285;}
.bloc_top .bloc_leftV2 ul {color: #808285;  }
.bloc_top .bloc_leftV2 li {padding-top: 5px;list-style-image: url("../images/puce_plus.png");}
.bloc_top .bloc_leftV3 .italique {font-size: 14px; font-size: 1.4rem; color: #afa89a; font-style: italic; }
.bloc_top .bloc_leftV3 .sous-titre2 {padding-top: 0px;}
.bloc_top .bloc_leftV3 p {padding-top: 25px; color: #808285;}
.bloc_top .bloc_leftV3 ul {color: #808285;  }
.bloc_top .bloc_leftV3 li {padding-top: 5px;list-style-image: url("../images/puce_plus.png");}

.bloc_right li {
    margin-bottom: 0 !important;
    list-style-position: outside;
    margin-left: 2em;
    list-style-image: url(../images/puce_plus.png);
  
  }


  

/**
 * Responsive Design
 */

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


}

/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) and (max-width: 1429px) {
    #produits {width: 790px;}
    .titre_page .bloc_right {height: 130px; padding-top: 33px;}
    .bloc_top .bloc_left {padding: 112px 0; height: 389px;}
    .bloc_top .bloc_right {height: 389px;}
    .bloc_top .bloc_right .italique {padding-top: 0px;}



}

/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {
    #bandeau {height: 218px;}
    #bandeau .icones {top: 10%;}
    #produits {width: 700px;}
    .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_left {padding-left: 15px; height: 428px;}
    .bloc_top .bloc_right {padding-right: 15px; padding-top: 0px; height: 428px;}
    .bloc_top .bloc_left .titre {font-size: 50px;font-size: 5.0rem;}
    .bloc_top .bloc_left .sous-titre {font-size: 28px; font-size: 2.8rem;}


}

/* Mobile */
@media screen and (max-width: 763px) {
    #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 .bloc_left {text-align: center; width: 100%; padding: 25px 0;}
    .bloc_top .bloc_left .titre {font-size: 45px; font-size: 4.5rem;}
    .bloc_top .bloc_left .sous-titre {font-size: 28px; font-size: 2.8rem; background: url("../images/trait_menu.jpg") no-repeat center 100%;}
    .bloc_top .bloc_leftV2 {text-align: center; width: 100%; padding: 25px 0;}
    .bloc_top .bloc_leftV2 .titre {font-size: 45px; font-size: 4.5rem;}
    .bloc_top .bloc_leftV2 .sous-titre {font-size: 28px; font-size: 2.8rem; background: url("../images/trait_menu.jpg") no-repeat center 100%;}
    .bloc_top .bloc_leftV2 .sous-titre2 {font-size: 18px; font-size: 1.8rem; background: url("../images/trait_menu.jpg") no-repeat center 100%;}
    .bloc_top .bloc_right {text-align: justify; width: 100%; padding: 0 0 25px 0;}


}