.wp-block {max-width: 100% !important;margin-top: 0 !important;margin-bottom: 0 !important;}
.clear{clear: both;}

.wrapper-grand{display:block; position:relative; padding:0; margin:0 auto; max-width:100%; width:100%; box-sizing:border-box;}
.wrapper-normal{display:block; position:relative; padding:0; margin:0 auto; max-width:1240px; width:100%; box-sizing:border-box;}
.wrapper-petit{display:block; position:relative; padding:0; margin:0 auto; max-width:940px; width:100%; box-sizing:border-box;}

.hauteur-grand{padding:130px 0 0 0 !important;}
.hauteur-normal{padding:30px 0 20px 0 !important;}
.hauteur-petit{padding:0px 0 !important;}

@media screen and (max-width: 780px){
    .hauteur-normal{padding:30px 0 !important;}
}
.descriptif{display:block; padding:0; margin:0; box-sizing:border-box; color: #777; font-size: 1rem; line-height: 1.4rem; font-weight: 400; }
.descriptif h2{display:block; color: #8c9163; font-size: 1.5rem; line-height: 1.7rem; font-weight: 600; padding:30px 0 0px 0; margin:0; box-sizing:border-box;font-family: "Quicksand", sans-serif;}
.descriptif h2:first-of-type{padding: 0;}

.descriptif h3{display:block; color: #222; font-size: 1.2rem; line-height: 1.3rem; font-weight: 600; padding:30px 0 0px 0; margin:0; box-sizing:border-box;}
.descriptif p{display:block; color: #777; font-size: 1rem; line-height: 1.4rem; font-weight: 300; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.descriptif ul{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.descriptif ul li{color: #777;list-style-position: inside; font-size: 1rem; line-height: 1.8rem; font-weight: 300; padding:0 0 0px 0; margin:0 0 0 0;list-style-type: disc; box-sizing:border-box;}
.descriptif a{color: #007abf; text-decoration: none; padding:0; margin:0; box-sizing:border-box;}
.descriptif a:hover{text-decoration: underline; color: #232323;}
.descriptif img{display:block; max-width: 100%; padding: 0; margin:0; width: auto; height: auto; box-sizing:border-box;}
.descriptif p strong{color: #232323;}

.bloctextecontact {background-color: #007abf;}
.bloctextecontact .descriptif h2{padding: 0; color: white;}
.bloctextecontact .descriptif h3{color: white;}
.bloctextecontact .descriptif p{ color: white;}

.bouton{display:inline-block; text-transform: uppercase; font-size: 0.9rem;cursor:pointer; padding:20px 25px; margin:20px 0 0 0; background-color:#8c9163; color:#fff; text-decoration:none; box-sizing:border-box;font-weight:600; transition:all 0.3s ease;}
.bouton i{display:inline-block; padding:0 0 0 8px; margin:0; font-size:1.2rem; box-sizing:border-box; vertical-align:middle;}
.bouton:hover{background-color:#232323; }


@media screen and (max-width: 780px){
    
    .descriptif h2{font-size: 1.3rem; line-height: 1.6rem;}
    .descriptif h3{font-size: 1.1rem; line-height: 1.3rem;}
} 

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-accordeon{display:block; position:relative; padding:0; margin:0; text-align:left; box-sizing:border-box; }
.bloc-accordeon .accordeon{display: block; padding:0px 0 0px 20px; margin: 0; box-sizing: border-box; border-bottom: dotted 1px #333;  }
.bloc-accordeon .accordeon .titre-accordeon{display: block; transition: all 0.3s ease; padding:10px 40px 10px 0; position: relative; margin: 0;font-size: 1rem; box-sizing: border-box; text-transform: uppercase;
font-weight: bold;color: #007abf;}
.bloc-accordeon .accordeon .titre-accordeon .icone{display: block; padding:0; margin: 0; box-sizing: border-box; width: 40px; height: 100%; position: absolute; top: 0; right: 0; }
.bloc-accordeon .accordeon .titre-accordeon .icone .ferme{ transition: all 0.3s ease;display: block; padding:0; margin: -10px 0 0 0; box-sizing: border-box; width:100%; height: 20px; line-height: 20px; font-size: 1.4rem; color: #333; position: absolute; top: 50%; right: 0; text-align: center;}
.bloc-accordeon .accordeon .titre-accordeon .icone .ouvert{ transition: all 0.3s ease;display: none; padding:0; margin: -10px 0 0 0; box-sizing: border-box; width:100%; height: 20px; line-height: 20px; font-size: 1.4rem; color: #333; position: absolute; top: 50%; right: 0; text-align: center;}
.bloc-accordeon .accordeon .titre-accordeon:hover{color: #007abf; cursor: pointer;}
.bloc-accordeon .accordeon .titre-accordeon:hover .icone .ferme{color: #007abf; }
.bloc-accordeon .accordeon .titre-accordeon:hover .icone .ouvert{color: #007abf; }
.bloc-accordeon .accordeon .descriptif-accordeon{display: none; padding:5px 0 30px 0; position: relative; margin: 0; font-size: 0.95rem; font-weight: 400; box-sizing: border-box; }

.bloc-accordeon .accordeon.open .titre-accordeon .icone .ferme{display: none;}
.bloc-accordeon .accordeon.open .titre-accordeon .icone .ouvert{display: block;}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.accueil-interne{display: table; table-layout:fixed; position:relative; z-index:9;  padding:0; margin: 0;  box-sizing:border-box; width: 100%; background-size:cover; background-position: center; height: 80%; background-attachment: fixed;}
.accueil-interne .bloc-haut-de-page{display:table-cell; vertical-align: middle; text-align:center; padding:0; margin:0; position:relative; box-sizing:border-box;}
.accueil-interne .bloc-haut-de-page .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; }
.accueil-interne .bloc-haut-de-page h1, .accueil-interne .bloc-haut-de-page h2{display:inline-block; background-color:#007ac0; color: white; font-size:1.6rem; margin:0; padding:15px 20px; text-transform: uppercase; line-height: 1.8rem; font-weight:500;  box-sizing:border-box;text-shadow:none; }
.accueil-interne .bloc-haut-de-page p{display:inline-block;background-color:#fff; color: #232323; font-size:1rem; line-height: 1.2rem; margin:0; padding:15px 20px; font-weight:400;  box-sizing:border-box; }
.accueil-interne .bloc-haut-de-page .noligne{display: block; padding: 0; margin: 0; height: 0px;}

.accueil-interne#pagehistoireaubepine{height: auto;}
.accueil-interne#pagehistoireaubepine .hauteur-petit{padding:120px 0 !important;}
.accueil-interne#pagehistoireaubepine .bloc-contenu .contenu .filtre p{font-size: 1rem; text-transform: none;}

@media screen and (max-width: 780px){

    .accueil-interne#pagehistoireaubepine .hauteur-petit{padding:0px 0 !important;}
    .accueil-interne#pagehistoireaubepine .bloc-contenu .contenu .filtre p br{display: none;}

    .accueil-interne{height: auto;background-position: center center !important;background-attachment: scroll !important;}
    .accueil-interne .hauteur-grand{padding:270px 0 0 0 !important;}
    .accueil-interne .bloc-contenu .contenu .filtre{background-color: white;padding: 10px 30px 20px 30px;}
    .accueil-interne .bloc-contenu .contenu .filtre img{display: none;}
    .accueil-interne .bloc-contenu .contenu .filtre h1{padding: 20px 0 7px 0; font-size: 1.3rem;}
    .accueil-interne .bloc-contenu .contenu .filtre h1 br{display: none;}
    .accueil-interne .bloc-contenu .contenu .filtre p{font-size: 0.7rem;}
    
    .accueil-interne .bloc-haut-de-page.hauteur-grand{padding: 0 !important;}
    .accueil-interne .bloc-haut-de-page.hauteur-normal{padding: 0 !important;}
    .accueil-interne .bloc-haut-de-page .noligne{height: 0px !important;}
    .accueil-interne .bloc-haut-de-page h1, .accueil-interne .bloc-haut-de-page h2{display: block;font-size: 1.3rem; line-height: 1.6rem; padding: 40px 20px 15px 20px;}
    .accueil-interne .bloc-haut-de-page p{display: block; padding: 15px 20px 40px 20px;}
} 

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-video-arriere-plan{display:block; position:relative; padding:100px 0; margin:0; box-sizing:border-box; }
.bloc-video-arriere-plan .background-video {background-color: #ececec;background-position: top center;background-repeat: no-repeat;bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 9;}
.bloc-video-arriere-plan video,.bloc-video-arriere-plan source {bottom: 0;left: 0;min-height: 100%;min-width: 100%;position: absolute;}
.bloc-video-arriere-plan .loaded .ytplayer-container {display: block;}
.bloc-video-arriere-plan .loaded .placeholder-image { opacity: 0;}
.bloc-video-arriere-plan .ytplayer-container {bottom: 0;height: 100%;left: 0;min-width: 100%;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 3;}
.bloc-video-arriere-plan .placeholder-image {height: 100%;left: 0;min-height: 100%;min-width: 100%;position: fixed;top: 0;z-index: 1;}
.bloc-video-arriere-plan .ytplayer-shield {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;}
.bloc-video-arriere-plan .ytplayer-player {position: absolute;}
.bloc-video-arriere-plan .container {border-radius: 6px;background: rgba(255, 255, 255, .9);padding: 0 30px 0 30px;margin: 30px auto;}

.bloc-contenu{display: table; position: relative; width: 100%; background-color:transparent; z-index: 9;box-sizing: border-box; height: 100%;}
.bloc-contenu .contenu{display:table-cell; vertical-align: middle; text-align:center; padding:0; margin:0; position:relative; box-sizing:border-box;}
.bloc-contenu .contenu .filtre{display:inline-block; padding:30px 30px; margin:0; box-sizing:border-box; background-color: rgba(255, 255, 255, 0.8); text-decoration: none !important; transition: all 0.4s ease;}
.bloc-contenu .contenu .filtre h1,.bloc-contenu .contenu .filtre h2{display:block; color: #8c9163; font-size:1.6rem; line-height: 1.7rem; margin:0; font-weight:600; padding:0 0 15px 0; box-sizing:border-box;text-shadow:none; font-family: "Quicksand", sans-serif;}
.bloc-contenu .contenu .filtre p{display:block; color: #555; font-size:0.8rem; line-height: 1.2rem;margin:0; font-weight:500; padding:0; box-sizing:border-box;  text-transform:uppercase;}
.bloc-contenu .contenu .filtre img{height: auto; padding: 0; margin: 0 auto 15px auto;}
.bloc-contenu .contenu .filtre .icone{display:block; color: white; font-size:3rem; margin:0; padding:10px 0px 20px 0px;  box-sizing:border-box; line-height: 1;}

.bloc-contenu .contenu .filtre .bouton{color:#007abf ; background-color: white; margin-top: 20px;}
.bloc-contenu .contenu .filtre .bouton:hover{color:#fff ; background-color: #232323;}

@media screen and (max-width: 780px){
    
    .bloc-video-arriere-plan{display:block; position:relative; padding:0; margin:0; box-sizing:border-box; }
    .bloc-video-arriere-plan .bloc-contenu.hauteur-normal{padding: 0 !important;}
    .bloc-video-arriere-plan .bloc-contenu .contenu .filtre{display: block; box-sizing: border-box;padding: 40px 30px;}
    .bloc-contenu .contenu .filtre .icone{font-size:3rem !important; padding:10px 0px 10px 0px !important;}

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.fancybox-thumbs__list a::before {border: 6px solid #a40e19 !important;}
.fancybox-caption{display: block !important; padding: 20px 0 60px 0 !important; font-weight: 600 !important; background-color: #222 !important; bottom: 0px !important; font-size: 1rem !important;}
.fancybox-container {z-index: 99999999 !important;}
.bloc-galerie-photos{display:block; position:relative; padding:0; margin:0; text-align:center; box-sizing:border-box; }
.bloc-galerie-photos .galerie-photos{display:block; position:relative; z-index:9; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li{display:block; float:left; width:16.666%; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li a{display:block; text-decoration:none; padding:0; margin:0; box-sizing:border-box; position: relative;}
.bloc-galerie-photos .galerie-photos ul li a .hover{display: block; padding: 0; margin: 0; box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #a40e19; opacity: 0; transition:all 0.3s ease;}
.bloc-galerie-photos .galerie-photos ul li a:hover .hover{opacity: 0.5;}
.bloc-galerie-photos .galerie-photos ul li a .background{display: block; padding: 0; margin: 0; box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% auto; background-position: center; opacity: 1; transition:all 0.5s ease;}
.bloc-galerie-photos .galerie-photos ul li a:hover .background{opacity:1; background-size: 170% auto;}
.bloc-galerie-photos .galerie-photos ul li a img{width: 100%;}

.bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
.bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 33.333%;}
.bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 25%;}
.bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 20%;}
.bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 16.666%;}


@media screen and (max-width: 1380px){
    .bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 33.333%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 25%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 25%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 25%;}

}

@media screen and (max-width: 780px){
    .bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 50%;}

    .bloc-galerie-photos .galerie-photos ul li { padding: 5px !important; }
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-bouton{display:block; position:relative; padding:0; margin:0; text-align:center; box-sizing:border-box; }

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-texte{display:block; position:relative; padding:0; margin:0 auto; max-width: 90%; text-align:center; box-sizing:border-box; }
.bloc-texte .bouton{margin-top: 30px;}

.bloc-texte .descriptif h2{word-break: break-word;}

@media screen and (max-width: 780px){
    .bloc-texte{width: 90%; margin:0 auto; }
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-iframe{display:block; position:relative; padding:0; margin:0; text-align:center; box-sizing:border-box; }

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.section-image{display:block; padding:0; margin:0; box-sizing:border-box;}
.section-image .colonne-texte{display:block; position:relative; margin:20px 0; padding:70px 20px 70px 52%; box-sizing:border-box;}
.section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background:url(../img/accueil.jpg) no-repeat center center; background-size:cover; box-sizing:border-box;}
.section-image.inverse .colonne-texte{padding:70px 52% 70px 30px;}
.section-image.inverse .colonne-texte .image{left:auto; right:0;}

.section-image.padding-grand .colonne-texte{padding-top:200px; padding-bottom:200px;}
.section-image.padding-normal .colonne-texte{padding-top:100px; padding-bottom:100px;}
.section-image.padding-petit .colonne-texte{padding-top:50px; padding-bottom:50px;}

.section-image.largeur-grand .colonne-texte{padding-left: 78%; padding-right: 3%;}
.section-image.largeur-grand .colonne-texte .image{width: 75%;}
.section-image.inverse.largeur-grand .colonne-texte{padding-right: 78%; padding-left: 3%;}

.section-image.largeur-normal .colonne-texte{padding-left: 53%; padding-right: 3%;}
.section-image.largeur-normal .colonne-texte .image{width: 50%;}
.section-image.inverse.largeur-normal .colonne-texte{padding-right: 53%; padding-left: 3%;}

.section-image.largeur-petit .colonne-texte{padding-left: 28%; padding-right: 3%;}
.section-image.largeur-petit .colonne-texte .image{width: 25%;}
.section-image.inverse.largeur-petit .colonne-texte{padding-right: 28%; padding-left: 3%;}

.section-image .colonne-texte .bouton{margin-top: 30px;}

@media screen and (max-width: 1380px){
    .section-image.padding-grand .colonne-texte{padding-top:150px; padding-bottom:150px;}

    .section-image.largeur-grand .colonne-texte{padding-left: 53%; padding-right: 3%;}
    .section-image.largeur-grand .colonne-texte .image{width: 50%;}
    .section-image.inverse.largeur-grand .colonne-texte{padding-right: 53%; padding-left: 3%;}

    .section-image.largeur-normal .colonne-texte{padding-left: 53%; padding-right: 3%;}
    .section-image.largeur-normal .colonne-texte .image{width: 50%;}
    .section-image.inverse.largeur-normal .colonne-texte{padding-right: 53%; padding-left: 3%;}

    .section-image.largeur-petit .colonne-texte{padding-left: 53%; padding-right: 3%;}
    .section-image.largeur-petit .colonne-texte .image{width: 50%;}
    .section-image.inverse.largeur-petit .colonne-texte{padding-right: 53%; padding-left: 3%;}

    
}

@media screen and (max-width: 780px){
    .section-image{margin: 0 auto; width: 90%;}
    .section-image .colonne-texte{padding:280px 0 30px 0 !important;}
    .section-image .colonne-texte .image{height:250px; width:100% !important; background-attachment:scroll !important;}
    .section-image.inverse .colonne-texte{padding:280px 0px 30px 0px !important; text-align: left !important;}


}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-onglet{display:block; position:relative; padding:0; margin:0; text-align:center; box-sizing:border-box; }



.bloc-onglet .slideronglet-menu{display: table; table-layout:fixed; border-spacing: 7px; text-align: center; width: 100%; padding: 0; margin: 0; box-sizing:border-box; }
.bloc-onglet .slideronglet-menu a{display: table-cell; cursor: pointer; transition: all 0.4s ease; position: relative; vertical-align: middle; padding: 20px 10px; margin: 0; font-size: 1rem; font-weight: 500;background-color:#ccc; color: #232323; box-sizing:border-box; }
.bloc-onglet .slideronglet-menu a i{display: block;padding: 0 0 10px 0;margin:0;font-size: 2rem;text-align: center;}
.bloc-onglet .slideronglet-menu a .fleche{display: block; padding:0; margin: 0; position:absolute; top:98%; left:0; width:100%; }
.bloc-onglet .slideronglet-menu a .fleche i{opacity: 0;transition: all 0.4s ease; padding:0; font-size:3.5rem; line-height: 0; color:#ececec;}
.bloc-onglet .slideronglet-menu a.active,.bloc-onglet .slideronglet-menu a:hover{background-color:#007abf; color: white; z-index: 9;}
.bloc-onglet .slideronglet-menu a.active .fleche i,.bloc-onglet .slideronglet-menu a:hover .fleche i{opacity: 1;color:#007abf;}
.bloc-onglet .slideronglet-menu a .fleche i.fleche-droite{display: none; position: absolute; top: -71px; right: -16px;}

.bloc-onglet .slideronglet{display:block; padding:0; margin:0; position: relative; box-sizing:border-box;}
.bloc-onglet .slideronglet .bx-controls{display: none;}
.bloc-onglet .slideronglet .slideronglet-wrapper{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-onglet .slideronglet .slideronglet-wrapper .li{display:block; padding:40px 0 40px 0px; margin:0; box-sizing:border-box;}
.bloc-onglet.presentation-verticale .slideronglet-menu{display: block; width: 250px; padding: 0; text-align: left; margin: 0; float: left;}
.bloc-onglet.presentation-verticale .slideronglet-menu a{display:block; padding:20px 10px 20px 55px; margin-bottom: 7px;box-sizing: border-box;}
.bloc-onglet.presentation-verticale .slideronglet-menu a i{display: block;padding: 0;margin: -17px 0 0 0;font-size: 2rem;position: absolute;left: 0;top: 50%;height: 30px;width: 60px;text-align: center;}
.bloc-onglet.presentation-verticale .slideronglet-menu a .fleche{top:calc(50% - 25px); left:88%; height:50px; line-height: 33px; width:auto }
.bloc-onglet.presentation-verticale .slideronglet-menu a .fleche i{display: none;}
.bloc-onglet.presentation-verticale .slideronglet-menu a .fleche i.fleche-droite{display:block; line-height:inherit;top: 50%;}
.bloc-onglet.presentation-verticale .slideronglet-menu a:last-of-type .fleche i.fleche-droite{display: block;}

.bloc-onglet.presentation-verticale .slideronglet{display:block; float: left; width: calc(100% - 250px); padding:0; margin:0; position: relative; box-sizing:border-box;}
.bloc-onglet.presentation-verticale .slideronglet .slideronglet-wrapper .li{padding:0px 0 0px 40px;}


@media screen and (max-width: 780px){

    .bloc-onglet.presentation-verticale .slideronglet-menu{display: block; width: 100%; padding: 0; text-align: center; margin: 0; float: left;}
    .bloc-onglet.presentation-verticale .slideronglet-menu a{display:inline-block; padding:10px 10px; margin:0 0 5px 0;box-sizing: border-box; width: 32%; font-size: 0.8rem;}
    .bloc-onglet.presentation-verticale .slideronglet-menu a i{display: block;padding: 0 0 5px 0;color:#007abf;margin:0;font-size: 0.9rem;position: static; height: auto;width: 100%;text-align: center;}
    .bloc-onglet.presentation-verticale .slideronglet-menu a .fleche{display: none !important;}

    .bloc-onglet .slideronglet-menu a.active i,.bloc-onglet .slideronglet-menu a:hover i{color:#fff;}

    .bloc-onglet.presentation-verticale .slideronglet{display:block; float: left; width:100%; padding:0; margin:0; position: relative; box-sizing:border-box;}
    .bloc-onglet.presentation-verticale .slideronglet .slideronglet-wrapper .li{padding:20px 20px;}

    .bloc-onglet { margin: 0 auto; width: 90%; }
    .bloc-onglet .slideronglet-menu{display: block;}
    .bloc-onglet .slideronglet-menu a{display: block;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
.bloc-mosaique-photo{display:block; padding:0; margin:0; box-sizing:border-box; }
.bloc-mosaique-photo .colonne{display:inline-block; padding:0 20px; margin:20px 0; vertical-align:top; box-sizing:border-box; position:relative;}
.bloc-mosaique-photo.presentation-a .colonne .visuel{display:block; width:35%;float:left; padding:0px 0 0 0; margin:0; box-sizing:border-box;}
.bloc-mosaique-photo.presentation-a .colonne .visuel img{display: block; width: 100%; padding: 0; margin: 0; height: auto;}
.bloc-mosaique-photo.presentation-a .colonne .texte{display:block; width:65%; float:left; padding:5px 0 5px 15px; margin:0; box-sizing:border-box;}

.bloc-mosaique-photo.presentation-b .colonne .visuel{display:block; padding:10px 0; margin:0; box-sizing:border-box; }
.bloc-mosaique-photo.presentation-b .colonne .texte{display:block;  border:none; padding:5px 0 10px 0; margin:0; box-sizing:border-box;}

.bloc-mosaique-photo .colonne .texte h2{display:block; padding:0 0 5px 0; margin:0; font-size:1.2rem; font-weight:500; text-decoration:none; text-transform: uppercase; color: #007abf; box-sizing:border-box;}
.bloc-mosaique-photo .colonne .texte h3{display:block; padding:0 0 20px 0; margin:0; font-size:0.9rem; color: #777; font-weight:400;  box-sizing:border-box;}


@media screen and (max-width: 1050px){

    .bloc-mosaique-photo .colonne{display:inline-block; padding:10px 30px; width:32% !important; }
    .bloc-mosaique-photo.presentation-a .colonne .visuel{display:block; width:100%;float:none; padding:0 0 10px 0;}
    .bloc-mosaique-photo.presentation-a .colonne .texte{display:block; width:100%; border:none; float:none; padding:5px 0 10px 0px; }
    .bloc-mosaique-photo.presentation-a .colonne .texte h2{text-align: center;font-size: 1rem;}
    .bloc-mosaique-photo.presentation-a .colonne .texte h3{text-align: center; }

}

@media screen and (max-width: 780px){
    .bloc-mosaique-photo .colonne{display:block; padding:10px 0px; margin: 0 auto 20px auto; width:90% !important; }

}



/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/


.bloc-fournisseur{display:block; padding:70px 80px 70px 80px; margin:0; box-sizing:border-box;  text-align:center;}
.bloc-fournisseur .titre{display:block; font-size: 1.8rem; line-height: 2rem; font-weight: 500; color:#007abf ; padding:0; margin:0; box-sizing:border-box; }
.bloc-fournisseur .descriptif{display:block; font-size: 1rem; line-height: 1.2rem; font-weight: 400; color:#777 ; padding:10px 0 30px 0; margin:0; box-sizing:border-box; }

.bloc-fournisseur .liste-fournisseur{display:block; padding:0px 0 20px 0; margin:0; box-sizing:border-box;}
.bloc-fournisseur .liste-fournisseur li{display:inline-block; width: 16%; vertical-align: top; padding:0 5px 0px 5px; margin:0; box-sizing:border-box; }
.bloc-fournisseur .liste-fournisseur li a{display:block;transition: all 0.5s ease;  border:solid 3px #ececec; text-decoration: none; padding:0px 7px 20px 7px; margin:0; box-sizing:border-box; }
.bloc-fournisseur .liste-fournisseur li a .img{display:block;transition: all 0.5s ease;  filter: grayscale(1); width:95%; padding:0; margin:0 auto; height:80px; background-repeat:no-repeat; background-position: center; background-size:contain; }
.bloc-fournisseur .liste-fournisseur li a h2{display:block; transition: all 0.5s ease;font-size: 1.2rem; font-weight: 500; color:#007abf ; padding:0 0 5px 0px; margin:0; box-sizing:border-box; }
.bloc-fournisseur .liste-fournisseur li a h3{display:block; font-size: 0.75rem; font-weight: 400; font-style: italic;color:#777 ; padding:0; margin:0; box-sizing:border-box; }
.bloc-fournisseur .liste-fournisseur li a:hover .img{filter: grayscale(0); }
.bloc-fournisseur .liste-fournisseur li a:hover h2{color: #232323;}
.bloc-fournisseur .liste-fournisseur li a:hover{border-color:#007abf ; }


.bloc-slider-miniature{display:block; padding:0; margin:0; box-sizing:border-box; background: #fff;}
.bloc-slider-miniature .titre{display:block; padding:0 0 20px 0; margin:0; box-sizing:border-box; font-size:1.8rem; color:#963995; font-weight: 600; font-style:normal;}
.bloc-slider-miniature .descriptif{display:block; padding:0 0 40px 0; margin:0; font-size:1.2rem; color:#fff; font-weight:400; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg-wrapper{display:block; padding:0 1.65%; margin:0; position: relative; text-align: center; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg li{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg li a{display:block; padding:10px 5px; margin:0; font-size:1.4rem; background-color:white; text-decoration:none; text-align:center; border:solid 3px #ececec; transition: all 0.4s ease;}
.bloc-slider-miniature .bxsliderjcg li a img{display:block; width:100%; max-width: 100%; height: auto; padding:0; margin:5px auto; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg li a .img{display:block; filter: grayscale(1); width:95%; padding:0; margin:0 auto; height:50px; background-repeat:no-repeat; background-position: center; background-size:contain; }
.bloc-slider-miniature .bxsliderjcg li a h2{display:block; transition: all 0.5s ease;padding:5px 0; margin:0; box-sizing:border-box; color: #777; font-size:0.9rem;font-weight: 400;}
.bloc-slider-miniature .bxsliderjcg li a h3{display:block; padding:5px 0; margin:0; box-sizing:border-box; color: #232323; font-size:0.8rem; font-weight: 400;}
.bloc-slider-miniature .bxsliderjcg li a:hover{border-color:#007abf !important; }
.bloc-slider-miniature .bxsliderjcg li a:hover h2{color:#232323 !important; }
.bloc-slider-miniature .bxsliderjcg li a:hover .img{filter: grayscale(0);}
.bloc-slider-miniature .bx-next{display:block; position:absolute; top:50%; width:30px; height:50px; line-height:50px; text-align:center; right:-20px; padding:0 0 0 2px; margin:-25px 0 0 0; box-sizing:border-box; font-size:3rem; background-color: #fff;color:#007abf;text-decoration:none; transition: all 0.4s ease;}
.bloc-slider-miniature .bx-prev{display:block; position:absolute; top:50%; width:30px; height:50px; line-height:50px; text-align:center;  left:-20px; padding:0 2px 0 0; margin:-25px 0 0 0; box-sizing:border-box; font-size:3rem; background-color: #fff;color:#007abf;text-decoration:none; transition: all 0.4s ease;}
.bloc-slider-miniature .bx-next:hover, .bx-prev:hover{color:#232323; }


@media screen and (max-width: 1290px){
    .bloc-fournisseur{display:block; padding:70px 20px 70px 20px; margin:0; box-sizing:border-box; text-align:center;}
}

@media screen and (max-width: 1024px){
    .bloc-fournisseur .liste-fournisseur li{width: 32.5%; padding:0 5px 0px 5px; margin:0 0 15px 0; }
}

@media screen and (max-width: 780px){
    .bloc-slider-miniature{display:none;}
    .bloc-fournisseur{padding: 50px 20px 20px 20px;}
}

@media screen and (max-width: 740px){
    .bloc-fournisseur .liste-fournisseur li{width: 49%;}
}

@media screen and (max-width: 540px){
    .bloc-fournisseur .liste-fournisseur li{width: 100%;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-valeur{display:block; padding:40px 0; margin:0; box-sizing:border-box; text-align:center; background-color:#8c9163; }
.bloc-valeur .colonne{display:inline-block; padding:0 30px; margin:20px 0; vertical-align:top; box-sizing:border-box;}
.bloc-valeur.presentation-a .colonne .visuel{display:block; width:25%;float:left; padding:10px 0 0 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-valeur.presentation-a .colonne .visuel i, .bloc-valeur.presentation-a .colonne .visuel span{font-size:3rem; color:white; }
.bloc-valeur.presentation-a .colonne .texte{display:block; width:75%; border-left:solid 1px; float:left; padding:0px 0 0px 15px; margin:0; box-sizing:border-box;}
.bloc-valeur.presentation-a .colonne .texte h2{display:block; padding:0; margin:0; font-size:1.2rem; font-weight:600; text-decoration:none; text-align: left; box-sizing:border-box;}
.bloc-valeur.presentation-a .colonne .texte h3{display:block; padding:5px 0 20px 0; margin:0; font-size:0.9rem; font-weight:500; text-align: left; box-sizing:border-box;}

.bloc-valeur.presentation-b .colonne .visuel{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-valeur.presentation-b .colonne .visuel i, .bloc-valeur.presentation-b .colonne .visuel span{font-size:2rem;  color:white; }
.bloc-valeur.presentation-b .colonne .texte{display:block;  border:none; padding:0px 0 0px 0; margin:0; box-sizing:border-box; text-align: center;}
.bloc-valeur.presentation-b .colonne .texte h2{display:block; padding:0; margin:0; font-size:1rem; text-transform:uppercase; color:white; font-weight:600;font-family: "Quicksand", sans-serif; text-decoration:none; box-sizing:border-box;}
.bloc-valeur.presentation-b .colonne .texte h3{display:block; padding:5px 0 20px 0; margin:0; font-size:0.9rem; color:white; font-weight:500; box-sizing:border-box;}

.bloc-valeur .colonne .bouton{color:#007abf ; background-color: white;}
.bloc-valeur .colonne .bouton:hover{color:#fff ; background-color: #232323;}

#blociconeinterne{ background-color:#ececec; }
#blociconeinterne .colonne .visuel i, .bloc-valeur.presentation-a .colonne .visuel span{font-size:3rem; color:#007abf; }
#blociconeinterne .colonne .texte h2{color: #007abf;}
#blociconeinterne .colonne .texte h3{color: #777;}
#blociconeinterne .colonne .bouton{color:#fff ; background-color: #007abf;}
#blociconeinterne .colonne .bouton:hover{color:#fff ; background-color: #232323;}

@media screen and (max-width: 850px){
    

    .bloc-valeur .colonne{display:block; padding:10px 20px 10px 20px; width:100% !important; }
    .bloc-valeur.presentation-a .colonne .visuel{display:block; width:100%;float:none; padding:0 0 10px 0;}
    .bloc-valeur.presentation-a .colonne .texte{display:block; width:100%; border:none; float:none; padding:5px 0 10px 0px; }
    .bloc-valeur.presentation-a .colonne .texte h2{text-align: center;}
    .bloc-valeur.presentation-a .colonne .texte h3{text-align: center; }

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/


.bloc-signaletique{display:block; position:relative; padding:30px 20px !important; margin:20px auto; max-width: 100%; text-align:center; box-sizing:border-box;  background-size:cover; background-position:center; background-repeat:no-repeat; }
.bloc-signaletique .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color:#a40e19; }


.bloc-signaletique-formulaire{display: block; padding: 0; margin:30px 0 0 0; box-sizing: border-box;}
.bloc-signaletique-formulaire .colonnage{display: block; padding: 0; margin: 0; box-sizing: border-box; text-align: left;}
.bloc-signaletique-formulaire label{display:block; padding:0 0 0px 0; margin:0; font-size:1rem; color:#fff; font-weight:500; box-sizing:border-box;}
.bloc-signaletique-formulaire input{display:block; border: solid 1px #8c9163; padding:10px 10px; margin:0px 0 10px 0; width:100%; background-color:white; color:#777; font-size:1rem; font-weight:500; box-sizing:border-box; outline:none; transition:all 0.4s ease;}
.bloc-signaletique-formulaire input:focus{background-color:#8c9163; color: white;}
.bloc-signaletique-formulaire textarea{display:block; border: solid 1px #8c9163; padding:10px 10px; margin:0px 0 10px 0; width:100%; background-color:white; color:#777; font-size:1rem; font-weight:500;outline:none; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-signaletique-formulaire textarea:focus{background-color:#8c9163; color: white;}
.bloc-signaletique-formulaire select{display:block; padding:10px 10px; margin:5px 0 10px 0; width:100%; background-color:white; color:#000; font-size:1rem; font-weight:500; box-sizing:border-box;outline:none; transition:all 0.4s ease;}
.bloc-signaletique-formulaire button{display:inline-block; cursor:pointer; padding:15px 20px; margin:20px 0 0 0; border: solid 1px #8c9163; background-color:transparent; color:#8c9163; font-size:0.8rem; text-transform:uppercase; font-weight:600; outline: none; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-signaletique-formulaire button:hover{background-color:#8c9163; color:white; }


@media screen and (max-width: 780px){
    .bloc-signaletique{background-attachment:scroll !important;}
    .bloc-signaletique-formulaire .colonnage{column-count : 1 !important;}
}




/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-citation{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box; }
.bloc-citation .citation{display:block; margin:0; box-sizing:border-box;  padding:0;  font-size:1.6rem; line-height:2rem; font-weight:400; font-style:italic; color: #a40e19;}

.bloc-citation.hauteur-grand{padding:300px 3%;}
.bloc-citation.hauteur-normal{padding:200px 3%;}
.bloc-citation.hauteur-petit{padding:50px 3%;}

.bloc-citation.typo-grand .citation{font-size:4rem; line-height: 4.4rem;}
.bloc-citation.typo-normal .citation{font-size:2.8rem;line-height: 3.2rem;}
.bloc-citation.typo-petit .citation{font-size:1.4rem;line-height: 1.8rem;}

@media screen and (max-width: 1380px){
    .bloc-citation.hauteur-grand{padding:200px 3%;}
    .bloc-citation.hauteur-normal{padding:100px 3%;}
    .bloc-citation.hauteur-petit{padding:50px 3%;}

    .bloc-citation.typo-grand .citation{font-size:3rem;line-height: 3.2rem;}
    .bloc-citation.typo-normal .citation{font-size:2rem;line-height: 2.2rem;}
    .bloc-citation.typo-petit .citation{font-size:1.4rem;line-height: 1.8rem;}

}


@media screen and (max-width: 1040px){
    .bloc-citation .citation{width: 90%; margin: 0 auto;}
}

@media screen and (max-width: 780px){
    .bloc-citation.hauteur-grand{padding:70px 2%;}
    .bloc-citation.hauteur-normal{padding:50px 2%;}
    .bloc-citation.hauteur-petit{padding:30px 2%;}

    .bloc-citation.typo-grand .citation{font-size:2rem;line-height: 2.2rem;}
    .bloc-citation.typo-normal .citation{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-citation.typo-petit .citation{font-size:1.2rem;line-height: 1.6rem;}
}





/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/



.bloc-mosaique{display:block; position:relative; padding:0; margin:0; background-color:white; box-sizing:border-box;}
.bloc-mosaique .mosaique{display:table; table-layout:fixed; width:100%; border-spacing:0px; padding:0; margin:0; box-sizing:border-box; }
.bloc-mosaique .mosaique .element{display:table-cell; overflow:hidden; position:relative;padding:50px 20px;margin:0;vertical-align:middle;height:100%;box-sizing:border-box; transition:all .5s ease 0s;}
.bloc-mosaique .mosaique .element .background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element .filtre{display:block;z-index:9;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background-color:#8c9163;opacity:.0;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element .bloc-slogan{display:block; width: 100%; text-align:left;position:absolute; bottom: 40%; left:0;z-index:99; padding: 0; margin: 0px 0 0 0;}
.bloc-mosaique .mosaique .element .bloc-slogan .slogan{max-width: 90%; display:inline-block; padding:15px 20px;margin:0;font-size:1.4rem;color:#fff;font-weight:600; background-color:#8c9163;box-sizing:border-box;transition:all .5s ease 0s; font-family: "Quicksand", sans-serif;}
.bloc-mosaique .mosaique .element h3{display:block;position: relative; font-weight:500; opacity:0;z-index:999;padding:0 0px 10px 0;margin:0;font-size:1.1rem; line-height: 1.4rem; color:#fff;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element h3 .big{display:block;font-size:1.4rem; line-height: 1.4rem;  padding:0 0 10px 0;margin:0; font-weight:600; font-family: "Quicksand", sans-serif; color:#fff;}
.bloc-mosaique .mosaique .element .bouton{position: relative; opacity: 0;z-index:999;transition:all .5s ease; margin: 20px 0 0 0; letter-spacing: 0.5px; font-weight: 600;color:#fff; border: solid 1px #fff; background-color: transparent;}
.bloc-mosaique .mosaique .element .bouton:hover{color:#fff; border-color:#fff; background-color: #212121;}


.bloc-mosaique .mosaique .element:hover .filtre{opacity:.8 !important;}
.bloc-mosaique .mosaique .element:hover .slogan{opacity:0}
.bloc-mosaique .mosaique .element:hover .background{width: 150%; height: 150%; top: -25%; left: -25%;}
.bloc-mosaique .mosaique .element:hover h3{opacity:1;transition:all .3s ease .2s}
.bloc-mosaique .mosaique .element:hover .bouton{opacity: 1;transition:all .5s ease,opacity .5s ease 0.3s;}


.bloc-mosaique.hauteur-interne-grand .mosaique .element{padding:120px 20px;}
.bloc-mosaique.hauteur-interne-normal .mosaique .element{padding:100px 20px;}
.bloc-mosaique.hauteur-interne-petit .mosaique .element{padding:40px 20px;}


#secondeligneblocmosaiqueaccueil{margin-top: -20px;}

@media screen and (max-width: 1380px){
    
    .bloc-mosaique.hauteur-interne-grand .mosaique .element{padding:90px 20px;}
    .bloc-mosaique.hauteur-interne-normal .mosaique .element{padding:70px 20px;}
    .bloc-mosaique.hauteur-interne-petit .mosaique .element{padding:30px 20px;}

}

@media screen and (max-width: 780px){
    .bloc-mosaique.hauteur-interne-grand .mosaique .element{padding:30px 20px; margin-top: 20px;}
    .bloc-mosaique.hauteur-interne-normal .mosaique .element{padding:30px 20px; margin-top: 20px;}
    .bloc-mosaique.hauteur-interne-petit .mosaique .element{padding:30px 20px; margin-top: 20px;}

    .bloc-mosaique .mosaique .element .background{width: 90%; left: 5%;}

    .bloc-mosaique .mosaique{display:block;}
    .bloc-mosaique .mosaique .element{display:block; padding:30px 20px; margin:0; height:auto;}
    .bloc-mosaique .mosaique .element .background{height:250px;}
    .bloc-mosaique .mosaique .element .filtre{opacity:1 !important; top:auto; bottom: 0; box-sizing:border-box;width:100%;height:calc(100% - 250px); background-color: white;}
    .bloc-mosaique .mosaique .element .bloc-slogan{display: none;}
    .bloc-mosaique .mosaique .element h3{opacity:1; padding-top: 250px;color: #777; font-size: 0.9rem}
    .bloc-mosaique .mosaique .element a{color:#fff;opacity:1;}
    .bloc-mosaique .mosaique .element a .bck{width:100%;background-color:#000;}
    .bloc-mosaique .mosaique .element:hover .filtre{opacity:1 !important;}
    .bloc-mosaique .mosaique .element:hover .background{width: 100%; height: 250px; top:0; left:5%;}

    .bloc-mosaique .mosaique .element h3 .big{color: #8c9163; font-size: 0.9rem;font-size: 1.3rem; line-height: 1.8rem;}
    .bloc-mosaique .mosaique .element .bouton{opacity: 1; margin-top: 10px;}
    .bloc-mosaique .mosaique .element:hover .background{width: 90%; height: 250px; top: 0; left: 5%;}

    #secondeligneblocmosaiqueaccueil { margin-top: 0 !important;margin-bottom: 20px !important; }

    .bloc-mosaique .mosaique .element .bouton{color:#8c9163; border: solid 1px #8c9163; background-color: transparent;}
    .bloc-mosaique .mosaique .element .bouton:hover{color:#fff; border-color:#8c9163; background-color: #8c9163;}
    
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-actualites{display:block; position:relative; padding:0; margin:0; background-color:white; box-sizing:border-box;}
.bloc-actualites .liste-actualites{display:block;margin:0;padding:0;box-sizing:border-box}
.bloc-actualites .liste-actualites li{display:inline-block; border: solid 1px #007ac0; vertical-align: top; margin:0;padding:20px 15px;width:32%; background-color: white; margin: 0 0.5% 20px 0.5%;position:relative;box-sizing:border-box}
.bloc-actualites .liste-actualites li .image{display:block;margin:0;padding:0;box-sizing:border-box}
.bloc-actualites .liste-actualites li h2{display:block;margin:0;padding:20px 0 0 0;font-size:1.2rem;font-weight:400;color:#007ac0;box-sizing:border-box}
.bloc-actualites .liste-actualites li p{display:block;margin:0;padding:5px 0 20px 0;font-size:.9rem;font-weight:400;color:#777;box-sizing:border-box}

.bloc-actualites .tri-actualites{display:block; text-align:center; padding:0; margin:40px 3% 40px 3%;box-sizing:border-box;}
.bloc-actualites .tri-actualites li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
.bloc-actualites .tri-actualites li a{display:block; text-decoration:none; padding:10px 15px;color:#007ac0; cursor:pointer;border-color:#007ac0 !important; font-weight:600; margin:0 5px 5px 5px; font-size:0.9rem; text-transform:uppercase; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-actualites .tri-actualites li a:hover{background-color:#232323 !important; color: white !important;border-color:#232323 !important;}
.bloc-actualites .tri-actualites li.active a{background-color:#007ac0 !important; color: white !important;}




@media screen and (max-width: 780px){
    .bloc-actualites .tri-actualites{margin:40px 2% 20px 2%;}
    .bloc-actualites .tri-actualites li{ padding:0; margin:0 0 10px 0; }
    .bloc-actualites .tri-actualites li a{margin:0;}

    .bloc-actualites .liste-actualites li{width:90%;height:auto !important;float:none; display: block; margin: 0 auto 20px auto;}
    

}


/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/


.bloc-animation-jcg{transition:  opacity 1.8s ease;}
.bloc-animation-jcg-opacity0{opacity: 0;transition:  opacity 0.5s ease;}