@charset "UTF-8";
/* 
    Theme Name: Trieux frères et fils
    Theme URL: trieuxpeinture.com
    Description: Peinture, ITE, revetements de sols
    Version: 1.0
    Author: Jonathan Castera pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: #333333;overflow-x: hidden;}
a:active, a:hover, a:focus{outline: none !important;text-decoration: none !important;}
hr{border: 0;clear: both;color: #C5C9C3;height: 2px;padding: 0;}
ul{padding-left: 0;}
section.wrap{padding: 0;position: relative;}
.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;}
.icon{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}
.scrollToTop{ background:url(images/back_top.png) no-repeat; bottom:10px; height:92px; position:fixed; right:20px;  width:92px; z-index:3000;}
a.scrollToTop { color:#fff; display:block; height:92px; overflow:hidden; text-indent:-800px; width:92px; }
input[type="submit"], input[type="reset"]{background: #df3537;border: none;border-radius: 0;color: #FFFFFF;cursor: pointer;letter-spacing: 1px;margin-top: 20px;width: 200px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.btn-sm, .btn-group-sm > .btn{background: #df3537 !important;border: none !important;border-radius: 5px !important;color: #FFFFFF !important;font: 18px/150% "Lexend-Regular" !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.btn:hover,.btn:focus{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.invisible{display: none;}
.container-fluid{padding: 0 !important;}
.container-fluid .row{margin-left: 0 !important;margin-right: 0 !important;}

/*--------------------------------------------------------------
/* Navigation
--------------------------------------------------------------*/
.navigation-top{background: url(images/trieux-freres-fils-fond3.png) no-repeat;background-size: 100% 100%;display: flex;flex-wrap: wrap;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navigation-top.scroll{}
.navigation-top .main-navigation{display: flex;flex: 1 0 100%;flex-wrap: wrap;width: 100%;}
.navigation-top .main-navigation .navbar-header{background: transparent;flex: 1 0 30%;position: relative;top: 0;z-index: 11;}
.navigation-top .main-navigation .navbar-header .navbar-brand{background: transparent;display: block;float: left;height: inherit;padding: 0;transition-property: color, width;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-header .navbar-brand img{margin: 0;padding: 25px 50px;position: relative;z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;width: 100%;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}
.navigation-top .main-navigation .navbar-menu{flex: 1 0 70%;opacity: 0;position: relative;transition: opacity 0.8s, transform 0.8s;}
.navigation-top .main-navigation .navbar-menu.reveal_visible{opacity: 1;}
.navigation-top .main-navigation .navbar-menu .menu-btn{align-items: center;background: #0071bb;background-size: 100% 100%;border-radius: 0;cursor: pointer;display: flex;height: 200px;justify-content: center;max-width: 100%;padding: 0;position: absolute;right: 0;top: 0;width: 200px;z-index: 10;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container{margin: 0;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{color: #FFFFFF;display: block;font: 20px/100% "Poppins-Black";margin: 0 0 1vh;text-transform: uppercase;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre{background: #FFFFFF;border-radius: 2px;display: block;height: 3px;margin: 0 0 5px 0.1vw;position: relative;width: 92%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover .menu-container .barre{background: #40dcef;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .titre{opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre{background: #FFFFFF;left: 0;top: 0;transition: transform .3s ease-in-out, opacity .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active:hover .menu-container .barre{background: #40dcef;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.top{transform: rotate(45deg);transform-origin: center;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.mid{opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{top: -25px;transform: rotate(-45deg);transform-origin: center;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container{align-items: center;display: flex;justify-content: center;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgb(38,42,39);background: linear-gradient(90deg, rgba(38,42,39,1) 16%, rgba(92,92,92,1) 100%);background-size: 100% 100%;height: 100vh;padding: 0;position: fixed;right: 0;top: 0;transform: translate3d(600px, 0px, 0px);width: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{opacity: 1;width: 100%;transform: translate3d(0px, 0px, 0px);transition: transform .3s ease-in-out, opacity .3s ease-in-out;z-index: 5;}

/* Menu */
.navigation-top .main-navigation .navbar-menu{display: block;background: transparent;background-size: 100%;padding-right: 25px;padding-top: 25px;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-btn{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: transparent;height: auto;justify-content: right;padding-top: 0;position: relative;transform: translate3d(0, 0px, 0px);width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{background: transparent;column-gap: 50px;display: flex;margin: 0;padding-left: 0;padding-right: 0;position: relative;justify-content: right;width: auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{background: transparent;display: inline-block;margin-bottom: 0;margin-right: 0;opacity: 1;position: relative;transition: transform .3s ease-in-out;width: auto;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{color: #0071bb;display: block;font: 16px/200% "Poppins-Regular";padding: 0;position: relative;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover a{color: #2e3191;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a{color: #2e3191;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{background: rgba(255,255,255,0.6);border-radius: 0;display: none;flex-wrap: wrap;opacity: 0;position: absolute;top: 0;transform: translate3d(0, 50px, 0);width: 760px;transition: transform .3s ease-in-out, opacity .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{display: flex;flex-wrap: wrap;opacity: 1;transform: translate3d(0, 50px, 0);transition: transform .3s ease-in-out, opacity .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li{border-right: 2px solid #b4e3f5;flex: 0 0 190px;padding: 0;text-align: center;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:last-child{border-right: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{color: #0071bb;display: inline-block;font: 14px/135% "Poppins-Regular";padding: 105px 15px 35px;position: relative;text-align: center;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a:hover, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li.current-menu-item a{color: #00aced;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(2) a:hover, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(2).current-menu-item a{color: #0070ba;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(3) a:hover, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(3).current-menu-item a{color: #2d3091;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(4) a:hover, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(4).current-menu-item a{color: #eb008a;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a:before{background: url(images/trieux-freres-fils-peinture.png) no-repeat;background-size: 100%;content: '';display: block;height: 55px;left: 0;margin: auto;position: absolute;right: 0;top: 35px;width: 55px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(2) a:before{background: url(images/trieux-freres-fils-ravalement.png) no-repeat;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(3) a:before{background: url(images/trieux-freres-fils-isolation.png) no-repeat;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(4) a:before{background: url(images/trieux-freres-fils-revetement.png) no-repeat;}

@keyframes fadeInRight
{
    0%{opacity: 0;left: 30px;}
    100%{opacity: 1;left: 0px;}
}

/*--------------------------------------------------------------
/* Animations
--------------------------------------------------------------*/
@keyframes transparence
{ 
    0%{opacity: 0;}
    100%{opacity: 1;} 
}

@keyframes mouvementImageY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-7.5vh);}
}

@keyframes mouvementTexteY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-7.5vh);}
}

@keyframes mouvementTexteNegY 
{
    0%{opacity: 0;transform: translateY(-10px)};
    100%{opacity: 1;transform: translate(0px);}
}

@keyframes mouvementTextePosY 
{
    0%{opacity: 0;transform: translateY(10px)};
    100%{opacity: 1;transform: translate(0px);}
}

@keyframes mouvementTexteNegX
{
    0%{opacity: 0;transform: translateX(-10px)};
    100%{opacity: 1;transform: translate(0px);}
}
@keyframes mouvementTextePosX
{
    0%{opacity: 0;transform: translateX(10px)};
    100%{opacity: 1;transform: translate(0px);}
}

/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_banniere{position: relative;z-index: 2;}
.bloc_banniere .bloc_contenu{display: flex;flex-wrap: wrap;height: 100vh;}
.bloc_banniere .bloc_contenu .bloc_image{height: 100%;overflow: hidden;position: relative;width: 100%;}
.bloc_banniere .bloc_contenu .bloc_image video{width: 100%;}
.bloc_banniere .bloc_contenu .bouton_lecture{bottom: 0;display: inline-block;flex-wrap: wrap;height: 124px;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;width: 124px;}
.bloc_banniere .bloc_contenu .bouton_lecture img{cursor: pointer;max-width: 125px;width: 100%;}
.bloc_banniere .bloc_contenu .bloc_image img.masque{position: absolute;left: 0;top: 0;width: 100%;}

@keyframes rebond
{
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40%{transform: translateY(-30px);}
    60%{transform: translateY(-15px);}
}

.bloc_presentation .bloc_contenu{background: url(images/trieux-freres-fils-fond.png) no-repeat;background-size: 100%;display: flex;flex-wrap: wrap;margin-top: -7.5vh;padding-top: 15vh;position: relative;z-index: 2;}
.bloc_presentation .bloc_contenu .bloc_item.titre{flex: 1 0 45%;padding-left: 20vw;padding-right: 7vw;position: relative;}
.bloc_presentation .bloc_contenu .bloc_item.titre h1{color: #0071bb;font: 80px/100% "Poppins-Black";margin: 0;padding: 0 0 25px;text-transform: uppercase;}
.bloc_presentation .bloc_contenu .bloc_item.titre h2{color: #1a1a1a;font: 40px/100% "Poppins-Black";margin: 0;padding: 0 0 25px;text-transform: uppercase;}
.bloc_presentation .bloc_contenu .bloc_item.titre p{color: #1a1a1a;font: 16px/150% "Poppins-Regular";}
.bloc_presentation .bloc_contenu .bloc_item.titre p strong, .bloc_presentation .bloc_contenu .bloc_item.titre a{font-family: "Poppins-Bold";font-weight: normal;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle, .bloc_presentation .bloc_contenu .bloc_item.titre .toggle .more{color: #1a1a1a;font: 16px/150% "Poppins-Regular";padding: 0;position: relative;margin: 0;z-index: 1;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .active{margin-top: -4vh;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less{text-align: left;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .more strong{font-family: "Raleway-Bold";font-weight: normal;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .more ul{margin-bottom: 1vh;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less .button-read-more{background: #0071bb;border: 0;border-radius: 5px;color: #FFFFFF;display: inline-block;font: 14px/100% "Poppins-Regular";height: auto;margin-top: 0;padding: 15px;position: relative;text-transform: uppercase;width: auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less .button-read-more:hover{-webkit-transform: scale(0.85); -moz-transform: scale(0.85);-ms-transform: scale(0.85); -o-transform: scale(0.85);transform: scale(0.85);}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less.active .button-read-more, .bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less .button-read-less{display: none}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less.active .button-read-less{background: #0071bb;border: 0;border-radius: 5px;color: #FFFFFF;display: inline-block;font: 14px/100% "Poppins-Regular";height: auto;margin-top: 10px;padding: 0;padding: 15px;position: relative;text-transform: uppercase;width: auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_presentation .bloc_contenu .bloc_item.titre .toggle .less.active .button-read-less:hover{-webkit-transform: scale(0.85); -moz-transform: scale(0.85);-ms-transform: scale(0.85); -o-transform: scale(0.85);transform: scale(0.85);}
.bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social{display: flex;flex-wrap: wrap;justify-content: center;left: 10vw;position: absolute;row-gap: 50px;top: 0;width: 100px;}
.bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social a{flex: 1 0 100%;text-align: center;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social a:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_presentation .bloc_contenu .bloc_item.diaporama{flex: 1 0 30%;position: relative;z-index: 2;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .carousel{height: 535px;overflow: visible;position: relative;z-index: 1;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .carousel .carousel-inner{border: 0;border-radius: 0;border-bottom-left-radius: 35px;border-top-left-radius: 35px;cursor: pointer;height: 100%;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .carousel .carousel-inner .item li img{max-width: none;width: 100%;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .carousel-control{background: transparent;z-index: 1;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 45%;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 45%;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .fleche_gauche_primary img, .bloc_presentation .bloc_contenu .bloc_item.diaporama .fleche_droite_primary img{width: 100%;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons{column-gap: 25px;display: flex;flex-wrap: wrap;padding-right: 25px;padding-top: 5vh;position: relative;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a{flex: 1 0 25%;text-align: center;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a:nth-of-type(2){align-content: center;background: #0071bb;border-radius: 5px;color: #FFFFFF;font: 16px/100% "Poppins-Regular";margin: 0;padding: 0;text-align: center;text-transform: uppercase;}
.bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a:nth-of-type(3){align-content: center;background: #2e3191;border-radius: 5px;color: #FFFFFF;font: 16px/100% "Poppins-Regular";margin: 0;padding: 0;text-align: center;text-transform: uppercase;}

.bloc_art .bloc_contenu{display: flex;flex-wrap: wrap;padding-top: 7.5vh;position: relative;}
.bloc_art .bloc_contenu .bloc_item.diaporama{flex: 1 0 45%;position: relative;z-index: 2;}
.bloc_art .bloc_contenu .bloc_item.diaporama .carousel{height: 535px;overflow: visible;position: relative;z-index: 1;}
.bloc_art .bloc_contenu .bloc_item.diaporama .carousel .carousel-inner{border: 0;border-radius: 0;border-bottom-right-radius: 35px;border-top-right-radius: 35px;cursor: pointer;height: 100%;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_art .bloc_contenu .bloc_item.diaporama .carousel .carousel-inner .item li img{max-width: none;width: 100%;}
.bloc_art .bloc_contenu .bloc_item.diaporama .carousel-control{background: transparent;z-index: 1;}
.bloc_art .bloc_contenu .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 45%;}
.bloc_art .bloc_contenu .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 45%;}
.bloc_art .bloc_contenu .bloc_item.diaporama .fleche_gauche_primary img, .bloc_art .bloc_contenu .bloc_item.diaporama .fleche_droite_primary img{width: 100%;}
.bloc_art .bloc_contenu .bloc_item.texte{flex: 1 0 40%;padding-left: 5vw;padding-right: 10vw;padding-top: 10vh;position: relative;}
.bloc_art .bloc_contenu .bloc_item.texte h2{color: #1a1a1a;font: 40px/100% "Poppins-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_art .bloc_contenu .bloc_item.texte hr{background: #00adef;border: 0;border-radius: 75px;height: 4px;margin-bottom: 10px;margin-left: 0;margin-top: 10px;width: 55px;}
.bloc_art .bloc_contenu .bloc_item.texte p{color: #1a1a1a;font: 16px/150% "Poppins-Regular";}
.bloc_art .bloc_contenu .bloc_item.texte p strong, .bloc_art .bloc_contenu .bloc_item.texte a{font-family: "Poppins-Bold";font-weight: normal;}
.bloc_art .bloc_contenu .bloc_item.texte img.carte{margin-top: 5vh;max-width: 635px;width: 100%;}

.bloc_article .bloc_contenu{background: url(images/trieux-freres-fils-fond4.png) no-repeat;background-position-x: -30vw;background-position-y: -10vh;display: flex;flex-wrap: wrap;padding-bottom: 5vh;padding-top: 40vh;position: relative;}
.bloc_article .bloc_contenu .bloc_item.titre{flex: 1 0 100%;min-height: 450px;padding-left: 20vw;padding-right: 20vw;position: relative;}
.bloc_article .bloc_contenu .bloc_item.titre h1{color: #1a1a1a;font: 55px/100% "Poppins-Black";margin: 0;padding: 0 0 25px;text-transform: uppercase;}
.bloc_article .bloc_contenu .bloc_item.titre h2{color: #0071bb;font: 30px/100% "Poppins-Black";margin: 0;padding: 15px 0;text-transform: uppercase;}
.bloc_article .bloc_contenu .bloc_item.titre p{color: #1a1a1a;font: 16px/150% "Poppins-Regular";}
.bloc_article .bloc_contenu .bloc_item.titre p strong, .bloc_article .bloc_contenu .bloc_item.titre a{font-family: "Poppins-Bold";font-weight: normal;}
.bloc_article .bloc_contenu .bloc_item.titre a.contact{background: #0071bb;border-radius: 5px;color: #FFFFFF;display: inline-flex;flex: 1 0 25%;font: 16px/100% "Poppins-Regular";margin-top: 15px;padding: 30px 40px;text-align: center;text-transform: uppercase;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_article .bloc_contenu .bloc_item.titre a.contact:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_article .bloc_contenu .bloc_item.titre a.avis{display: inline-flex;position: absolute;right: 5vw;top: 10vh;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_article .bloc_contenu .bloc_item.titre a.avis img{max-width: 144px;width: 100%;}
.bloc_article .bloc_contenu .bloc_item.titre a.avis:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_article .bloc_contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative;}
.bloc_article .bloc_contenu .bloc_item.titre ul li{color: #0071bb;flex: 1 0 100%;font: 16px/150% "Poppins-Regular";list-style: none;padding-left: 15px;position: relative;text-transform: uppercase;}
.bloc_article .bloc_contenu .bloc_item.titre ul li:before{background: #0071bb;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social{display: flex;flex-wrap: wrap;justify-content: center;left: 10vw;position: absolute;row-gap: 50px;top: -7px;width: 100px;}
.bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social a{flex: 1 0 100%;text-align: center;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social a:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_article .bloc_contenu .bloc_item.galerie{display: grid;grid-gap: 25px;grid-template-columns: repeat(6, 1fr);grid-auto-rows: auto;padding-left: 7.5vw;padding-right: 7.5vw;padding-top: 7.5vh;position: relative}
.bloc_article .bloc_contenu .bloc_item.galerie a{border-radius: 0;display: block;overflow: hidden;position: relative;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.bloc_article .bloc_contenu .bloc_item.galerie a:hover{-webkit-transform: scale(0.975);transform: scale(0.975);}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-carre{border: 0 solid transparent;border-radius: 5px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 1;}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-portrait{border: 0 solid transparent;border-radius: 5px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 2;max-height: auto;}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-portrait img{height: 100%;margin-top: 0;}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-spec{border: 0 solid transparent;border-radius: 5px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 2;}
.bloc_article .bloc_contenu .bloc_item.galerie a .bloc_item.image{height: 100%;position: relative;}
.bloc_article .bloc_contenu .bloc_item.galerie a .bloc_item.image img{height: 100%;width: 100%;}
.bloc_article .bloc_contenu .bloc_item.galerie a .bloc_item.image .bloc_masque{background: rgba(0,113,187,0.8);background-size: 100% 100%;display: block;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_article .bloc_contenu .bloc_item.galerie a:hover .bloc_item.image .bloc_masque{opacity: 1;-webkit-transition-delay: 0.25s; transition-delay: 0.25s;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_article .bloc_contenu .bloc_item.galerie a .bloc_item.image .bloc_masque .bloc_croix{background: url(images/trieux-freres-fils-croix.png) no-repeat;background-size: 100%;display: inline-block;height: 114px;vertical-align: -1px;width: 97px;}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-carre .bloc_item.image .bloc_masque .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-portrait .bloc_item.image .bloc_masque .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_article .bloc_contenu .bloc_item.galerie a.image-spec .bloc_item.image .bloc_masque .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}

.bloc_contact .bloc_contenu{background: url(images/trieux-freres-fils-fond4.png) no-repeat;background-position-x: -30vw;background-position-y: -10vh;display: flex;flex-wrap: wrap;padding-bottom: 5vh;padding-left: 5vw;padding-right: 5vw;padding-top: 40vh;position: relative;}
.bloc_contact .bloc_contenu .bloc_item{flex: 1 0 100%;}
.bloc_contact .bloc_contenu .bloc_item.titre{flex: 1 0 100%;position: relative;z-index: 3;}
.bloc_contact .bloc_contenu .bloc_item.titre h1{color: #1a1a1a;font: 55px/100% "Poppins-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.titre hr{background: #00adef;border: 0;border-radius: 75px;height: 4px;margin-bottom: 25px;margin-left: 0;margin-top: 10px;width: 55px;}
.bloc_contact .bloc_contenu .bloc_item.texte{column-gap: 50px;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;z-index: 3;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire{flex: 1 0 45%;position: relative;} 
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire span{color: #1a1a1a;display: block;flex: 1 0 100%;font: 20px/125% "Poppins-Regular";padding-bottom: 15px;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_champs{padding-top: 2.5vh;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form{}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .flex_container{display: flex;flex-wrap: wrap;gap: 10px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .bloc_centre{flex: 1 0 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .bloc_gauche{display: flex;flex-direction: column;flex: 1 0 180px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .bloc_droite{display: flex;flex-direction: column;flex: 1 0 180px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group{margin-bottom: 10px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group p{margin: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group label{color: #1a1a1a;font: 18px/150% "Poppins-Regular";display: inline-block;margin-bottom: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group textarea{height: 175px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group select{background-color: transparent;background-image: none;border: 1px solid #CCCCCC;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);display: block;height: 34px;padding: 5px 10px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group input{color: #1a1a1a;font: 18px/150% "Poppins-Regular";height: 28px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group input[type="text"]:focus, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="email"]:focus{border-bottom: 1px solid #00adef !important;box-shadow: 0 1px 0 0 #00adef;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group input[type="submit"]{background: #0071bb;border: 0;border-radius: 5px;color: #FFFFFF;display: inline-block;font: 18px/100% "Poppins-Regular";height: auto;letter-spacing: 5px;padding: 20px 20px;text-transform: uppercase;;width: auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group input[type="submit"]:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.bloc_carte{align-content: baseline;display: flex;flex: 1 0 45%;flex-wrap: wrap;position: relative;row-gap: 25px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls{align-content: baseline;display: flex;flex: 1 0 45%;flex-wrap: wrap;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button{background: #1a1a1a;border: 1px solid transparent;border-radius: 10px;margin: 0 0.5vw 1vh 0;padding: 2vh 1vw;position: relative;width: auto;-webkit-transition: background .5s ease-out;-moz-transition: background .5s ease-out;-o-transition: background .5s ease-out;transition: background .5s ease-out;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button span{color: #FFFFFF;font: 18px/100% "Poppins-Regular";display: block;position: relative;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button:hover, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button.mixitup-control-active{background: #0071bb;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse{flex: 1 0 100%;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse h2{color: #0071bb;font: 25px/150% "Poppins-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse iframe{flex: 1 0 100%;height: 390px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse a, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse p{color: #1a1a1a;font: 18px/150% "Poppins-Regular";}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse a:hover{-webkit-transform:scale(0.95); -moz-transform:scale(0.95);-ms-transform:scale(0.95); -o-transform:scale(0.90);transform:scale(0.95);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse a.phones{align-items: center;column-gap: 10px;display: inline-flex;flex-wrap: wrap;padding: 0;position: relative;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse a.phones img{flex: 1 0 auto;height: 20px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse a.phones p{align-self: baseline;color: #1a1a1a;font: 18px/150% "Poppins-Regular";margin: 0;position: relative;}

.bloc_mention .bloc_contenu{background: url(images/trieux-freres-fils-fond4.png) no-repeat;background-position-x: -30vw;background-position-y: -10vh;display: flex;flex-wrap: wrap;padding-bottom: 5vh;padding-left: 5vw;padding-right: 5vw;padding-top: 40vh;position: relative;}
.bloc_mention .bloc_contenu .bloc_item{flex: 1 0 100%;}
.bloc_mention .bloc_contenu .bloc_item.titre{flex: 1 0 100%;padding-bottom: 2.5vh;padding-right: 5vw;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.titre h1{color: #1a1a1a;font: 55px/100% "Poppins-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail{display: flex;flex: 1 0 100%;flex-wrap: wrap;gap: 50px;padding-bottom: 5vh;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{color: #1a1a1a;flex: 1 0 30%;font: 18px/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{border: 1px solid #1a1a1a;padding: 25px;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2{color: #0071bb;font: 25px/100% "Poppins-Black";margin: 0 0 1vh;padding: 0;text-transform: initial;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a, .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_mentions .bloc_bordures p{color: #1a1a1a;font: 18px/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a:hover{color: #0071bb;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos{color: #1a1a1a;font: 18px/150% "Poppins-Regular";flex: 1 0 60%;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{color: #0071bb;font: 25px/100% "Poppins-Black";margin: 0 0 1vh;padding: 0;text-transform: initial;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a, .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_infos p{color: #1a1a1a;font: 18px/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover{color: #0071bb;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos img{max-width: 72px;}

.bloc_lost .bloc_contenu{background: url(images/trieux-freres-fils-fond4.png) no-repeat;background-position-x: -30vw;background-position-y: -10vh;display: flex;flex-wrap: wrap;padding-bottom: 5vh;padding-left: 5vw;padding-right: 5vw;padding-top: 40vh;position: relative;}
.bloc_lost .bloc_contenu .bloc_item{flex: 1 0 100%;}
.bloc_lost .bloc_contenu .bloc_item.texte{align-content: center;display: flex;flex-wrap: wrap;position: relative;z-index: 3;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{flex: 1 0 100%;position: relative;text-align: center;} 
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{color: #1a1a1a;font: 55px/100% "Poppins-Black";margin: 0;padding: 0;width: 100%;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre hr{background: #00adef;border: 0;border-radius: 75px;height: 4px;margin-top: 35px;width: 110px;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre p{color: #1a1a1a;font: 18px/150% "Poppins-Regular";margin: 0;padding: 0;}

.bloc_tag, .bloc_categorie, .bloc_archive, .bloc_search{display: flex;flex-wrap: wrap;margin-bottom: -45vh;padding-left: 5vw;padding-right: 5vw;padding-bottom: 15vh;padding-top: 25vh;position: relative;}
.bloc_tag .bloc_item, .bloc_categorie .bloc_item, .bloc_archive .bloc_item, .bloc_search .bloc_item{flex: 1 0 100%;}
.bloc_tag .bloc_item.texte, .bloc_categorie .bloc_item.texte, .bloc_archive .bloc_item.texte, .bloc_search .bloc_item.texte{display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;}
.bloc_tag .bloc_item.texte .bloc_item.titre, .bloc_categorie .bloc_item.texte .bloc_item.titre, .bloc_archive .bloc_item.texte .bloc_item.titre, .bloc_search .bloc_item.texte .bloc_item.titre{display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;text-align: center;}
.bloc_tag .bloc_item.texte .bloc_item.titre h1, .bloc_categorie .bloc_item.texte .bloc_item.titre h1, .bloc_archive .bloc_item.texte .bloc_item.titre h1, .bloc_search .bloc_item.texte .bloc_item.titre h1{color: #1a1a1a;flex: 1 0 100%;font: 55px/100% "Poppins-Black";margin: 0;padding: 0;width: 100%;}
.bloc_tag .bloc_item.texte .bloc_item.titre hr, .bloc_categorie .bloc_item.texte .bloc_item.titre hr, .bloc_archive .bloc_item.texte .bloc_item.titre hr, .bloc_search .bloc_item.texte .bloc_item.titre hr{background: #00adef;border: 0;border-radius: 75px;height: 4px;margin-top: 35px;width: 110px;}
.bloc_tag .bloc_item.texte .bloc_item.titre p, .bloc_categorie .bloc_item.texte .bloc_item.titre p, .bloc_archive .bloc_item.texte .bloc_item.titre p, .bloc_search .bloc_item.texte .bloc_item.titre p{color: #1a1a1a;flex: 1 0 100%;font: 18px/150% "Poppins-Regular";margin: 0;padding: 0;}

.bloc_loop{display: flex;flex: 1 0 100%;flex-wrap: wrap;gap: 20px;padding-bottom: 5vh;padding-left: 10vw;padding-right: 10vw;width: 100%;}
.bloc_loop .bloc_contenu{padding-left: 0;padding-right: 0;}
.bloc_loop .bloc_contenu h2{color: #0b1836;font: 25px/100% "bilo";font-style: normal;font-weight: 900;margin: 0 0 0.5vh;padding: 0;text-transform: uppercase;}
.bloc_loop .bloc_contenu a, .bloc_loop .bloc_contenu p{color: #0b1836;font: 18px/150% "Muli-Regular";}
.bloc_loop .bloc_contenu p.link-more{display: none;}
.bloc_loop .bloc_contenu p.keyword, .bloc_loop .bloc_contenu p.keyword a{color: #0b1836;display: none;font-size: 14px;}
.bloc_loop .bloc_contenu p.keyword a:hover{color: #d7bb73;}
.bloc_loop .bloc_contenu a.btn{background: #002269 !important;background-size: 100%;border: 0 !important;border-radius: 75px !important;color: #FFFFFF !important;font: 16px/100% "Muli-Regular" !important;display: inline-block;height: auto;letter-spacing: 2px;margin: 2.5vh 0;padding: 10px 20px 15px;text-transform: uppercase;;width: auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_loop .bloc_contenu a.btn:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_loop .bloc_contenu a:hover{color: #d7bb73;}

#banner{position: fixed;width: 100%;z-index: 5;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
#banner.scroll{margin-top: -12.5vh;}
#banner .bloc_item.cadre{height: 258px;max-width: 1920px;overflow: hidden;width: 100%;}
#banner .bloc_item.cadre img{height: auto;width: 100%;}

/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{background: transparent;background-size: 100%;}
footer#main .row{margin-bottom: 0;}
footer#main .bloc_item.bandeau{display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 10vh;padding-top: 5vh;position: relative;text-align: center;}
footer#main .bloc_item.bandeau .bloc_item.cadre{border-right: 2px solid #d7f2fb;display: flex;flex: 0 0 190px;flex-wrap: wrap;padding-left: 15px;padding-right: 15px;position: relative;}
footer#main .bloc_item.bandeau .bloc_item.cadre:last-of-type{border: 0;}
footer#main .bloc_item.bandeau .bloc_item.cadre a{display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 15px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
footer#main .bloc_item.bandeau .bloc_item.cadre a:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image{flex: 1 0 100%;position: relative;}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image img{max-width: 55px;width: 100%;}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.name{flex: 1 0 100%;position: relative;}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.name p{color: #0071bb;font: 14px/100% "Poppins-Regular";margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_logo{align-content: baseline;background: url(images/trieux-freres-fils-fond2.png) no-repeat;background-size: 100%;display: flex;flex-wrap: wrap;min-height: 535px;padding-left: 5vw;padding-right: 5vw;padding-top: 32vh;position: relative;width: 100%;z-index: 1;}
footer#main .bloc_logo .bloc_item{flex: 1 0 100%;}
footer#main .bloc_logo .bloc_item.image{display: flex;flex: 1 0 100%;flex-wrap: wrap;justify-content: center;padding: 0;position: relative;}
footer#main .bloc_logo .bloc_item.image img{height: auto;max-width: 286px;width: 100%;}
footer#main .bloc_logo .bloc_item.adresse{display: flex;flex: 1 0 100%;flex-wrap: wrap;padding-top: 5vh;position: relative;text-align: center;}
footer#main .bloc_logo .bloc_item.adresse p{color: #0071bb;display: inline-block;flex: 1 0 100%;font: 14px/100% "Poppins-Regular";letter-spacing: 5px;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_logo .bloc_item.adresse .bloc_item.credits{display: flex;flex: 1 0 100%;flex-wrap: wrap;gap: 15px;justify-content: center;padding-top: 1.5vh;}
footer#main .bloc_logo .bloc_item.adresse .bloc_item.credits span{color: #b3b3b3; display:block;font: 12px/125% "Poppins-Regular";margin:10px 0; text-align:center;}
footer#main .bloc_logo .bloc_item.adresse .bloc_item.credits a{color: #b3b3b3;font: 12px/125% "Poppins-Regular";}
footer#main .bloc_logo .bloc_item.adresse .bloc_item.credits a:hover{color: #0071bb;}

/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1919px)
{   
    .navigation-top .main-navigation .navbar-header .navbar-brand img{padding: 15px 15px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 15px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{font-size: 15px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{transform: translate3d(-15%, 50px, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{transform: translate3d(-15%, 50px, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{font-size: 14px;}    
    
    .bloc_banniere .bloc_contenu .bloc_image video{height: 100%;}
    .bloc_presentation .bloc_contenu{margin-top: -6vh;}
    .bloc_presentation .bloc_contenu .bloc_item.titre{padding-left: 15vw;}
    .bloc_presentation .bloc_contenu .bloc_item.titre h1{font-size: 75px;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social{left: 5vw;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama .carousel{height: auto;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-top: 35vh;}
    .bloc_article .bloc_contenu .bloc_item.titre{padding-left: 15vw;}
    .bloc_article .bloc_contenu .bloc_item.titre h1{font-size: 50px;}
    .bloc_article .bloc_contenu .bloc_item.titre a.avis{top: 9vh;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social{left: 5vw;}
    #banner.scroll{margin-top: -5vh;}
}

@media only screen and (max-width: 1366px)
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{font-size: 16px;padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a::before{bottom: 2.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{transform: translate3d(-7%, 50px, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{transform: translate3d(-7%, 50px, 0);}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a::before{top: -35px;}
    
    .bloc_banniere .bloc_contenu .bloc_image video{height: auto;}
    .bloc_presentation .bloc_contenu{margin-top: -7.5vh;}
    .bloc_presentation .bloc_contenu .bloc_item.titre h1{font-size: 60px;}
    .bloc_presentation .bloc_contenu .bloc_item.titre h2{font-size: 25px;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social{left: 4vw;top: -8px;}
    .bloc_art .bloc_contenu .bloc_item.diaporama .carousel{height: auto;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-top: 42.5vh;}
    .bloc_article .bloc_contenu .bloc_item.titre h1, .bloc_contact .bloc_contenu .bloc_item.titre h1, .bloc_mention .bloc_contenu .bloc_item.titre h1, .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{font-size: 40px;}
    .bloc_article .bloc_contenu .bloc_item.titre h2{font-size: 25px;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{padding: 20px;}
    footer#main .bloc_logo{min-height: 430px;padding-top: 35vh;}
}

@media only screen and (max-width: 1280px)
{    
    .navigation-top .main-navigation .navbar-header .navbar-brand img{padding: 25px 35px;width: 100%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}        
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a::before{bottom: 2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{transform: translate3d(-7%, 50px, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{transform: translate3d(-7%, 50px, 0);}    
    
    .bloc_banniere .bloc_contenu .bloc_image video{width: 145%;}
    .bloc_presentation .bloc_contenu{padding-top: 10vh;}
    .bloc_art .bloc_contenu .bloc_item.texte{padding-top: 5vh;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-top: 27.5vh;}
    .bloc_article .bloc_contenu .bloc_item.titre a.avis{top: 7vh;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social{left: 4vw;top: -11px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse iframe{height: 445px;}
    .bloc_mention .bloc_contenu .bloc_item.detail{padding-bottom: 0;}
    #banner.scroll{margin-top: -4vh;}
    #banner .bloc_item.cadre{height: 215px;}
    #banner .bloc_item.cadre img{height: 100%;}
    footer#main .bloc_logo{padding-top: 20vh;}
    footer#main .bloc_logo .bloc_item.adresse{padding-top: 2.5vh;}
}

@media only screen and (max-width: 1024px)
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 284px;padding: 15px 15px 0;width: 115%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}    
    .navigation-top .main-navigation .navbar-menu{flex: 1 0 100%;height: 75px;margin-left: 0;padding-right: 0;padding-top: 0;position: absolute;width: 100%;z-index: 100;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{display: flex;height: 75px;right: 15px;top: 15px;width: 90px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{top: -16px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(0,113,187,0.8);height: 100vh;transform: translate3d(1000px, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 5px;flex-wrap: wrap;justify-content: left;padding-left: 5vw;padding-right: 5vw;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{flex: 1 0 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{display: inline-flex;color: #FFFFFF;font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a .icon{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover a{color: #40dcef;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{display: flex;margin-bottom: 1.5vh;margin-top: 1.5vh;opacity: 1;position: relative;width: 100%;transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{padding: 3.5vh 2vw 1.5vh 10vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li{flex: 0 0 172px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{padding: 105px 5px 35px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a::before{top: -35px;}    
    
    .bloc_banniere .bloc_contenu{height: 50vh;}
    .bloc_banniere .bloc_contenu .bloc_image{height: 100%;}
    .bloc_banniere .bloc_contenu .bloc_image video{width: 135%;}
    .bloc_presentation .bloc_contenu{margin-top: -3vh;padding-top: 7.5vh;}
    .bloc_presentation .bloc_contenu .bloc_item.titre{flex: 1 0 100%;padding-left: 22.5vw;padding-right: 5vw;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama{padding-top: 5vh;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 0;}
    .bloc_art .bloc_contenu .bloc_item.texte{flex: 1 0 100%;order: -1;padding-top: 0;}
    .bloc_art .bloc_contenu .bloc_item.diaporama{padding-top: 5vh;}
    .bloc_art .bloc_contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 0;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-bottom: 0;padding-top: 20vh;}
    .bloc_article .bloc_contenu .bloc_item.titre{padding-left: 22.5vw;padding-right: 5vw;}
    .bloc_article .bloc_contenu .bloc_item.titre h2{font-size: 20px;}
    .bloc_article .bloc_contenu .bloc_item.titre a.avis{bottom: 0;top: auto;}
    .bloc_article .bloc_contenu .bloc_item.titre a.avis img{max-width: 130px;}
    .bloc_article .bloc_contenu .bloc_item.galerie{padding-left: 5vw;padding-right: 5vw;grid-template-columns: repeat(4, 1fr);}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire{flex: 1 0 100%;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button{padding: 1.25vh 2vw;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse h2{font-size: 20px;}    
    .bloc_mention .bloc_contenu .bloc_item.detail{gap: 15px;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{flex: 1 0 100%;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2, .bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{font-size: 20px;}
    .bloc_lost .bloc_contenu{padding-top: 27.5vh;}
    #banner .bloc_item.cadre{height: 160px;}
    footer#main .bloc_logo{min-height: 370px;padding-top: 12.5vh;}
}

@media screen and (max-width: 1024px) and (orientation : landscape)
{       
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 284px;padding: 15px 15px 0;width: 115%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}    
    .navigation-top .main-navigation .navbar-menu{flex: 1 0 100%;margin-left: 0;padding-right: 0;padding-top: 0;position: absolute;width: 100%;z-index: 100;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{display: flex;height: 75px;right: 15px;top: 15px;width: 90px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{top: -16px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(0,113,187,0.8);height: 100vh;transform: translate3d(1250px, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 5px;flex-wrap: wrap;justify-content: left;padding-left: 5vw;padding-right: 5vw;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{flex: 1 0 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{display: inline-flex;color: #FFFFFF;font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a .icon{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover a{color: #40dcef;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{display: flex;margin-bottom: 1.5vh;margin-top: 1.5vh;opacity: 1;position: relative;width: 75%;transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{padding: 3.5vh 2vw 1.5vh 10vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li{flex: 0 0 172px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{padding: 105px 5px 10px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a::before{top: 0;}
    
    .bloc_banniere .bloc_contenu{height: 100vh;}
    .bloc_presentation .bloc_contenu{margin-top: -4.5vh;padding-top: 12.5vh;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-bottom: 5vh;padding-top: 30vh;}
    .bloc_article .bloc_contenu .bloc_item.galerie{grid-template-columns: repeat(6, 1fr);}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire{flex: 1 0 45%;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse iframe{height: 285px;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{flex: 1 0 30%;}
    #banner .bloc_item.cadre{height: 180px;}
    footer#main .bloc_logo{min-height: 425px;padding-top: 22.5vh;}
    footer#main .bloc_logo .bloc_item.adresse{padding-top: 5vh;}
    footer#main .bloc_logo .bloc_item.adresse p{letter-spacing: 2px;}
}

@media screen and (max-width: 962px) and (orientation : landscape) /* 962 x 601 */
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 284px;padding: 15px 15px 0;width: 115%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}    
    .navigation-top .main-navigation .navbar-menu{flex: 1 0 100%;margin-left: 0;padding-right: 0;padding-top: 0;position: absolute;width: 100%;z-index: 100;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{display: flex;height: 75px;right: 15px;top: 15px;width: 90px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{top: -16px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(0,113,187,0.8);height: 100vh;transform: translate3d(1250px, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 5px;flex-wrap: wrap;justify-content: left;padding-left: 5vw;padding-right: 5vw;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{flex: 1 0 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{display: inline-flex;color: #FFFFFF;font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a .icon{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover a{color: #40dcef;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{display: flex;margin-bottom: 1.5vh;margin-top: 1.5vh;opacity: 1;position: relative;width: 80%;transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{padding: 3.5vh 2vw 1.5vh 10vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li{flex: 0 0 172px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{padding: 105px 5px 10px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a::before{top: 0;}
    
    .bloc_banniere .bloc_contenu .bloc_image video{width: 115%;}
    .bloc_presentation .bloc_contenu{margin-top: -5.5vh;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-top: 37.5vh;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls .bloc_item.adresse iframe{height: 290px;}
    footer#main .bloc_logo{min-height: 385px;padding-top: 27.5vh;}
}
@media only screen and (max-width: 601px) /* 601 x 962 */
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 250px;padding: 15px 15px 0;width: 115%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}    
    .navigation-top .main-navigation .navbar-menu{flex: 1 0 100%;margin-left: 0;padding-right: 0;padding-top: 0;position: absolute;width: 100%;z-index: 100;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{display: flex;height: 75px;right: 15px;top: 15px;width: 90px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{top: -16px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(0,113,187,0.8);height: 100vh;transform: translate3d(1250px, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 5px;flex-wrap: wrap;justify-content: left;padding-left: 5vw;padding-right: 5vw;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{flex: 1 0 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .dropdown-toggle{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{display: inline-flex;color: #FFFFFF;font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a .icon{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover a{color: #40dcef;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{display: flex;margin-bottom: 1.5vh;margin-top: 1.5vh;opacity: 1;position: relative;width: 100%;transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{padding: 3.5vh 2vw 1.5vh 10vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li{flex: 0 0 135px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{font-size: 12px;line-height: 115%;padding: 85px 5px 10px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a::before{top: 0;}
    
    .bloc_banniere .bloc_contenu .bloc_image video{width: 150%;}
    .bloc_presentation .bloc_contenu .bloc_item.titre{padding-left: 25vw;}
    .bloc_presentation .bloc_contenu .bloc_item.titre h1{font-size: 55px;}
    .bloc_presentation .bloc_contenu .bloc_item.titre h2{font-size: 22px;}
    .bloc_article .bloc_contenu .bloc_item.titre{padding-left: 25vw;}
    .bloc_article .bloc_contenu .bloc_item.titre h1, .bloc_contact .bloc_contenu .bloc_item.titre h1, .bloc_mention .bloc_contenu .bloc_item.titre h1, .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{font-size: 30px;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 150px;}
    footer#main .bloc_logo{min-height: 355px;}
}

@media only screen and (max-width:428px)
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 150px;padding: 15px 15px 0;width: 115%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}    
    .navigation-top .main-navigation .navbar-menu{flex: 1 0 100%;margin-left: 0;padding-right: 0;padding-top: 0;position: absolute;width: 100%;z-index: 100;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{display: flex;height: 75px;right: 15px;top: 15px;width: 90px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{top: -16px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(0,113,187,0.8);height: 100vh;transform: translate3d(1250px, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{column-gap: 5px;flex-wrap: wrap;justify-content: left;padding-left: 5vw;padding-right: 5vw;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{flex: 1 0 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .dropdown-toggle{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{display: inline-flex;color: #FFFFFF;font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a .icon{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover a{color: #40dcef;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu{display: flex;margin-bottom: 1.5vh;margin-top: 1.5vh;opacity: 1;position: relative;width: 100%;transform: translate3d(0, 0, 0);}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu.open{padding: 3.5vh 2vw 1.5vh 10vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li{flex: 1 0 45%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li:nth-of-type(2){border-right: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a{font-size: 12px;line-height: 115%;padding: 85px 5px 10px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li .sub-menu li a::before{top: 0;}
    
    .bloc_banniere .bloc_contenu .bloc_image video{width: 200%;}
    .bloc_presentation .bloc_contenu .bloc_item.titre{padding-left: 5vw;}
    .bloc_presentation .bloc_contenu .bloc_item.titre h1{font-size: 40px;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social{align-items: center;column-gap: 25px;justify-content: left;left: 0;padding-top: 35px;position: relative;top: 0;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social img.qualibat{max-width: 70px;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social img.amiante{max-width: 70px;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social a{flex: 1 0 auto;}
    .bloc_presentation .bloc_contenu .bloc_item.titre .bloc_item.social a img{max-width: 50px;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama .fleche_gauche_primary, .bloc_presentation .bloc_contenu .bloc_item.diaporama .fleche_droite_primary{top: 35%;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons{column-gap: 10px;padding-left: 25px;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a.avis{flex: 1 0 100%;margin-bottom: 25px;text-align: left;}
    .bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a:nth-of-type(2), .bloc_presentation .bloc_contenu .bloc_item.diaporama .bloc_item.boutons a:nth-of-type(3){font-size: 14px;padding: 20px 10px;}
    .bloc_art .bloc_contenu .bloc_item.texte h2{font-size: 25px;}
    .bloc_article .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-top: 15vh;}
    .bloc_article .bloc_contenu .bloc_item.titre{padding-left: 5vw;}
    .bloc_article .bloc_contenu .bloc_item.titre h1, .bloc_contact .bloc_contenu .bloc_item.titre h1, .bloc_mention .bloc_contenu .bloc_item.titre h1, .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{font-size: 25px;}
    .bloc_article .bloc_contenu .bloc_item.titre h2{font-size: 18px;}
    .bloc_article .bloc_contenu .bloc_item.titre a.avis{margin-top: 5vh;position: relative;right: auto;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social{align-items: center;column-gap: 25px;justify-content: left;left: 0;padding-top: 35px;position: relative;top: 0;width: 100%;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social img.qualibat{max-width: 70px;width: 100%;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social img.amiante{max-width: 70px;width: 100%;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social a{flex: 1 0 auto;}
    .bloc_article .bloc_contenu .bloc_item.titre .bloc_item.social a img{max-width: 50px;width: 100%;}
    .bloc_article .bloc_contenu .bloc_item.galerie{grid-template-columns: repeat(2, 1fr);}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.formulaire span{font-size: 18px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button{padding: 1.5vh 3.5vw;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_item.controls button span{font-size: 15px;}
    #banner.scroll{margin-top: -2.5vh;}
    #banner .bloc_item.cadre{height: 95px;}
    footer#main .bloc_item.bandeau{row-gap: 25px;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 1 0 45%;}
    footer#main .bloc_logo{min-height: 255px;padding-top: 8.5vh;}
    footer#main .bloc_logo .bloc_item.image img{max-width: 200px;}
    footer#main .bloc_logo .bloc_item.adresse p{letter-spacing: 0;}
}
@media screen and (min-width: 48em)
{    
    .js .menu-toggle, .js .dropdown-toggle{display: none;}
    .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul{display: block;}    
}