@charset "UTF-8";
/* 
    Theme Name: SARL Menuiseries Salette
    Theme URL: 	https://menuiseries-salette.com/
    Description: Menuisier
    Version: 5.0
    Author: Sandrine Orieux pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: #FFFFFF;overflow-x: hidden;font: 16px/150% "Poppins-Regular" !important;}
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% "Poppins-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;}

/*--------------------------------------------------------------
/* varables var(--font-size-titre-h1) 
-------------------------------------------------------------- */
:root {
  --font-size-titre-h1: 40px;/**/
  --font-size-titre-h2: 26px;/**/
  --font-size-texte: 14px;/**/
  --font-size-menu-titre: 20px;/**/
  --font-size-footer: 16px;/**/
}


/*--------------------------------------------------------------
/* Navigation
--------------------------------------------------------------*/
html{font-size: 100%}

.navigation-top{height: 248px;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navigation-top .main-navigation{box-shadow: none;display: flex;height: 180px;justify-content: space-between;width: 100%;}
.navigation-top .main-navigation .navbar-header{background: transparent;flex: 0 0 22%;left: 0;position: relative;top: 0;z-index: 11;}
.navigation-top .main-navigation h1{align-self: center;font: var(--font-size-titre-h1)/100% "Poppins-black";text-align: center;flex: 0 0 56%;color: #FFF;}
.navigation-top .main-navigation .navbar-header .bloc_item.social{left: 0;position: fixed;top: 30%;z-index: 100;}
.navigation-top .main-navigation .navbar-header .bloc_item.social a{align-items: center;background: rgba(0,0,0,0.8);background-size: 100% 100%;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 7px 14px 7px 10px;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;}
.navigation-top .main-navigation .navbar-header .bloc_item.social a:hover{padding: 7px 14px 7px 65px}
.navigation-top .main-navigation .navbar-header .bloc_item.social a img{max-width: 53px;width: 100%;}
.navigation-top .main-navigation .navbar-header .bloc_item.social a p{color: #ffffff;font: var(--font-size-texte)/100% "Poppins-Regular";margin: 0;padding: 0;}
.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;max-width: 615px;padding: 0;position: relative;width: 34vw;z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 15vw;}
.navigation-top .main-navigation .bloc_item.social{display: flex;flex-direction: column;left: 0;position: fixed;row-gap: 1vh;top: 50%;z-index: 10;}
.navigation-top .main-navigation .bloc_item.social a{align-items: center;background: #3f4b59;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 0px 0px 0px 9px;position: relative;width: 100%;-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;}
.navigation-top .main-navigation .bloc_item.social a:hover{width: 120%;}
.navigation-top .main-navigation .bloc_item.social a img{max-width: 50px;width: 50px;}
.navigation-top .main-navigation .navbar-menu{flex: 0 0 11%;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn{align-items: center;background: url(images/menuiseries-salette-menu.png) 50% 0 no-repeat;background-position: center;background-size: 100%;cursor: pointer;display: flex;height: 198px;justify-content: center;max-height: 198px;max-width: 198px;padding: 0;position: absolute;right: 25px;top: 25px;width: 198px;z-index: 12;-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: #333333;display: block;font: 14px/100% "Poppins-Black";letter-spacing: 12px;margin: 0;margin-right: -12px;text-align: center;text-transform: uppercase;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre{background: #333333;border-radius: 10px;display: block;height: 2px;margin:0;margin-top: 10px;position: relative;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-btn:hover .menu-container .barre{background: #bf7b38;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;right: 8px;top: 10px;}
.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: #333333;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: #bf7b38;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.top{height: 3px;transform: rotate(45deg);transform-origin: center;width: 105%;}
.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{height: 3px;top: -25px;transform: rotate(-45deg);transform-origin: center;width: 105%;}
.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: url(images/menuiseries-salette-menu-ouvert.png) 50% 0 no-repeat;background-position: center;background-size: cover;border-radius: 17px;height: 94dvh;padding: 0;position: fixed;right: 25px;top: 25px;transform: translate3d(1800px, 0px, 0px);width: 24.6dvw;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{align-items: flex-start;opacity: 1;transform: translate3d(0px, 0px, 0px);transition: transform .3s ease-in-out, opacity .3s ease-in-out;z-index: 11;}

/* Menu */
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{align-items: start;display: flex;flex: 0 0 100%;flex-direction: column;margin: 0;padding-left: 18%;padding-top: 83%;position: relative;row-gap: 3vh;}
/*.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{animation: fadeInRight .4s ease forwards;animation-delay: .3s;border-radius: 11px 0 0 11px;display: block;margin-bottom: 0;padding: 0;padding-bottom: 23px;padding-left: 45px;padding-top: 31px;position: relative;opacity: 0;transition: transform .3s ease-in-out;width: 90%;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-menu-container.leftslide ul#top-menu .current-menu-item,.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover{width: 100%;}*/
/*.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:last-of-type{padding-top: 5%;}*/
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{list-style: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-61{padding-top: 2vh;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{color: #333333;font: var(--font-size-menu-titre)/100% "Poppins-Regular";letter-spacing: 4px;position: relative;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a{color: #bf7b38;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover{color: #bf7b38;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{background: #333333;content: '';display: block;height: 5px;left: -21px;margin: auto;position: absolute;top: 14px;width: 5px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover:before{background: #bf7b38;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu .menu-item-object-category a:before{display:none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-object-category.menu-item-63 a{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a:before{background: #bf7b38;content: '';display: block;height: 5px;left: -21px;margin: auto;position: absolute;top: 14px;width: 5px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children.menu-item-62{padding-top: 5vh;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children{animation: none;list-style: none;opacity: 1;position: relative;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a{color: #333333;font: var(--font-size-menu-titre)/100% "Poppins-Regular";pointer-events: none;position: relative;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a .icon{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children.menu-item-62 .sub-menu{padding-top: 5vh;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu{align-items: start;column-gap: 2vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;padding-left: 7%;padding-right: 7%;position: relative;row-gap: 0;width: 100%;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{border: 0 solid transparent;border-radius: 0;flex: 0 0 20%;display: flex;list-style: none;margin: 0;padding: 0;padding-top: 2vh;position: relative;-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.menu-item-has-children .sub-menu li a{color: #333333;display: block;font: var(--font-size-menu-titre)/140% "Poppins-Light";padding: 0;pointer-events: initial;text-align: center;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:hover{color: #bf7b38 ;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li.current-menu-item a{color: #bf7b38 ;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{background: #333333;content: '';display: block;height: 5px;left: -21px;margin: auto;position: absolute;top: 14px;width: 5px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:hover:before{background: #bf7b38;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li.current-menu-item a:before{background: #bf7b38;}


button, input, select[multiple], textarea{display: none;}

@keyframes fadeInRight
{
    0%{opacity: 0;left: 3rem;}
    100%{opacity: 1;left: 0;}
}

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

@keyframes mouvementImageY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-8.1rem);}
}

@keyframes mouvementTexteY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-8.1rem);}
}

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

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

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

/*--------------------------------------------------------------
/* Banniere
--------------------------------------------------------------*/
.bloc_banniere{position: relative;z-index: 1;}
.bloc_banniere .bloc_item.contenu{display: flex;height: 100vh;margin-bottom: 0;overflow: hidden;width: 100vw;}
.bloc_banniere .bloc_item.contenu .bloc_item.image{background: url(images/menuiseries-salette-video-image.jpg) no-repeat;background-position-y: top;flex: 1 0 100%;height: 100%;overflow: hidden;position: fixed;width: 100%;}
/*.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama{align-items: center;display: flex;justify-content: center;}
.bloc_banniere .bloc_item.contenu .bloc_item.image.bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .carousel .carousel-inner{cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: 1920px;max-height: 929px;width: 100%;}*/
.bloc_banniere .bloc_item.contenu .bloc_item.image video{width: 100%;display:none;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bouton_lecture{bottom: 37%;display: inline-block;flex-wrap: wrap;height: 106px;left: 0;margin: auto;position: absolute;right: 0;text-align: center;width: 106px;-webkit-animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bouton_lecture img{cursor: pointer;max-width: 90px;width: 9vw;}
/*.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .carousel-control{background: transparent;z-index: 1;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_gauche_primary{left: 61px;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_gauche_primary img{height: 19vh;top: 0;bottom: 0;margin: auto ;max-height: 161px;position: absolute;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_droite_primary{right: 61px;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_droite_primary img{bottom: 0;height: 19vh;margin: auto;max-height: 161px;position: absolute;right: 0;top: 0;}
*/
/*.bloc_banniere .bloc_item.contenu .bloc_item.slogan{position: absolute;left: 25%;top: 42%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan h2{color: #FFFFFF;font: var(--font-size-slogan)/100% "Poppins-Thin";letter-spacing: 0;margin: 0;padding: 0;padding-bottom: 2vh;padding-right: 33vw;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p{color: #FFFFFF;font: var(--font-size-slogan)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;padding: 12px 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone{display: flex;flex-wrap: wrap;position: relative;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone a{align-content: start;display: inline-block;flex: 1 0 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone a span{color: #ffffff;font: var(--font-size-texte)/100% "Poppins-Regular";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone a p{align-items: center;background:#3f4b59;border-radius: 75px;column-gap: 34px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 6px 22px 6px 10px !important;position: relative;-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_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone a:hover p{-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_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone a p img{max-width: 21px;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.telephone a p span{color: #ffffff;flex: 0 0 auto;font: var(--font-size-texte)/100% "Poppins-Regular";letter-spacing: 5px;margin: 0;max-width: 100%;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.cadre.label{left: 5rem;position: absolute;top: 0;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.cadre.label img{background-color: #ffffff; border-radius: 0.9rem;max-width: 14.9rem;width: 100%;}*/


/*--------------------------------------------------------------
/* Animation
--------------------------------------------------------------*/
[data-animation]{opacity: 0;-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1s;animation-duration: 2s;}
.animations-disabled, .animations-disabled [data-animation]{-webkit-animation: none !important;animation: none !important;opacity: 1 !important;}
.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp;}
.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown;}
.slideInLeft{-webkit-animation-name: slideInleft;animation-name: slideInleft;}
.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight;}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.fadeOut{-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-direction: reverse;}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.zoomOut{-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-direction: reverse;}
.zoomReverseIn{-webkit-animation-name: zoomReverseIn;animation-name: zoomReverseIn;}
.zoomReverseOut{-webkit-animation-name: zoomReverseIn;animation-name: zoomReverseIn;animation-direction: reverse;}
.flipInY{-webkit-animation-name: flipInY;animation-name: flipInY;}
.flipOutY{-webkit-animation-name: flipInY;animation-name: flipInY;animation-direction: reverse;}
.rotate-center {-webkit-animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;}
@-webkit-keyframes slideInUp
{
    0%{opacity: 0;transform: translateY(50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInUp
{
    0%{opacity: 0;transform: translateY(50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInDown
{
    0%{opacity: 0;transform: translateY(-50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInDown
{
    0%{opacity: 0;transform: translateY(-50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInleft
{
    0%{opacity: 0;transform: translateX(50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInleft
{
    0%{opacity: 0;transform: translateX(50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInRight
{
    0%{opacity: 0;transform: translateX(-50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInRight
{
    0%{opacity: 0;transform: translateX(-50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes fadeIn
{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes fadeIn
{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes zoomIn
{
    0%{opacity: 0;transform: scale(0.5);}
    100%{opacity: 1;transform: none;}
}
@keyframes zoomIn
{
    0%{opacity: 0;transform: scale(0.5);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes zoomReverseIn
{
    0%{opacity: 0;transform: scale(1.5);}
    100%{opacity: 1;transform: none;}
}
@keyframes zoomReverseIn
{
    0%{opacity: 0;transform: scale(1.5);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes flipInY
{
    0%{opacity: 0;transform: rotateY(90deg);}
    100%{opacity: 1;transform: none;}
}
@keyframes flipInY
{
    0%{opacity: 0;transform: rotateY(90deg);}
    100%{opacity: 1;transform: none;}
}
@keyframes rebond
{
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40%{transform: translateY(-3rem);}
    60%{transform: translateY(-1.5rem);}
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_item.presentation .bloc_item.contenu{align-items: start;aspect-ratio: 1920/1032;background:url(images/menuiseries-salette-fond-presentation.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 2.5vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-bottom: -1%;margin-top: -10vh;padding: 0;padding-bottom: 2vh;padding-top: 19vh;position: relative;row-gap: 3vh;z-index: 5;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.fleche{flex: 1 0 100%;height: 9vw;left: 0;margin: auto;max-height: 90px;max-width: 90px;position: absolute;right: 0;top: 6%;width: 9vw;z-index: 3;-moz-animation: rebounce 2s infinite;-webkit-animation: rebond 2s infinite;animation: rebond 2s infinite;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.fleche a{background: url(images/menuiseries-salette-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 100%;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social{display: flex;flex-direction: column;left: 0;position: relative;row-gap: 1vh;z-index: 10;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a{align-items: center;background:url(images/menuiseries-salette-telephone-fond.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 15px 15px 15px 27px;position: relative;width: 100%;-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_item.presentation .bloc_item.contenu .bloc_item.social a:last-of-type{background: #3f4b59;width: 80%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a:first-of-type:hover{width: 110%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a:last-of-type:hover{width: 100%;}*/
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a img{max-width: 19px;width: 19px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.estampille{display: flex;flex: 0 0 13%;flex-direction:column;margin-top: 16vh;row-gap: 51px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.estampille img{max-width: 119px;}
/*.bloc_item.presentation .bloc_item.contenu .bloc_item.quality{column-gap: 68px;display:flex;flex: 0 0 100%; flex-direction: row;flex-wrap: wrap;justify-content: center;padding-top: 0;row-gap: 15px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.quality .bloc_item.cadre{background: linear-gradient(#c7152d, #f7ad2c 75%);color: #FFFFFF;column-gap: 35px;display: flex;font: var(--font-size-slogan)/100% "Poppins-Regular";padding: 13px 33px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.quality .bloc_item.cadre .bloc_item.content{align-items: flex-start;display: flex;flex-direction: column;position: relative;justify-content: center;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.quality .bloc_item.cadre .bloc_item.content hr{background: #efdf00;border: 0;content: '';display: block;height: 4px;margin: 0;padding: 0;position: relative;width: 73px;border: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.quality .bloc_item.cadre img{height: 98px;max-height: 98px; max-width: 83px;width: 83px;}*/
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre{align-items: start;display: flex;flex: 0 0 29%;flex-direction: column;justify-content: start;position: relative;padding-left: 0;padding-right: 0;padding-top: 15vh;}
/*.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.estampille{flex: 0 0 5%;padding-top: 5vh;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.estampille img{padding-bottom: 3vh;position: relative;max-width: 121px;width: 10vw;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.quali img{padding-bottom: 3vh;position: relative;width: 167px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.quali img:first-of-type{padding-bottom: 7vh;}*/
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{color: #FFFFFF;font: var(--font-size-titre-h1)/100% "Poppins-Black";margin: 0;padding: 0;padding-bottom: 10px;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2:before{background: repeating-linear-gradient(to bottom,#bf7b38 0 11px,transparent 10px 21px);content: "";height: 64%;left: -12%;opacity: 0.5;position: absolute;top: -16%;width: 2px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h3{color: #bf7b38;font: var(--font-size-titre-h2)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;text-transform: initial;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h4{color: #FFFFFF;font: var(--font-size-titre-h2)/100% "Poppins-Regular";margin: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";margin: 0;padding: 0;padding-right: 21px;text-transform: initial;}
/*.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p span{color: #06084d;font: 23px/100% "Poppins-black";}*/
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a{color: #FFFFFF;font: var(--font-size-texte)/100% "Poppins-Light";}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul li{color: #FFFFFF;flex: 1 0 100%;font: var(--font-size-texte)/150% "Poppins-Light";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul li:before{background: #FFFFFF;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton{align-items: center;display: flex;justify-content: center;padding-top: 4vh;position: relative;text-transform: uppercase;z-index: 21;-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_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: start;background: #FFFFFF;border-radius: 49px;display: flex;justify-content: start;padding: 18px 35px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre img{position: relative;max-width: 53px;width: 10vw;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre p{color: #333333;font: var(--font-size-texte)/150% "Poppins-Black";padding: 0;text-align: center;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre span{font: var(--font-size-texte)/150% "Poppins-Black";}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton: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_item.presentation .bloc_item.contenu .bloc_item.diaporama{display: flex;flex: 0 0 23%;height: auto;margin-left: 8%;margin-top: 13vh;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 23px;cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-height: 590px;max-width: 444px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control{background: transparent;opacity: 1;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img{height: 239px;top: 0;bottom: 0;margin: auto ;position: absolute;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{height: 239px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}

.bloc_item.zone .bloc_item.contenu {align-items: start;background: #333333;column-gap: 6.5vw;display: flex;flex-direction: row;flex-wrap: wrap;height: 357px;justify-content: start;padding-bottom: 0;position: relative;row-gap: 3vh;z-index: 6;}
.bloc_item.zone .bloc_item.contenu .bloc_item.portes{column-gap: 2vw;display: flex;flex: 0 0 50%;justify-content: space-evenly;margin-top: -5%;position: relative;}
.bloc_item.zone .bloc_item.contenu .bloc_item.portes .bloc_item.porte{position: relative;}
.bloc_item.zone .bloc_item.contenu .bloc_item.portes .bloc_item.porte:first-child{padding-left: 4vw;}
.bloc_item.zone .bloc_item.contenu .bloc_item.portes .bloc_item.porte img{border-radius: 24px;height: 100%;max-height: 400px;max-width: 260px;width: auto;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones{align-items: start;display: flex;flex: 0 0 42%;flex-direction: row;justify-content: start;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.carte{flex: 0 0 58%;margin-top: -4%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.carte img{max-height: 555px; max-width: 418px; width: 100%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre{flex: 0 0 36%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2{color: #FFFFFF;font: var(--font-size-titre-h2)/100% "Poppins-Black";padding: 20px 0px;margin: 0;text-align: start;text-transform: uppercase;width: 100%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2:before{background: repeating-linear-gradient(to bottom,#bf7b38 0 11px,transparent 10px 21px);content: "";height: 116%;left: -24%;opacity: 1;position: absolute;top: -54%;width: 1px;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2:after{background: #bf7b38;content: "";height: 3px;left: 0;opacity: 1;position: absolute;top: 82px;width: 10%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";margin: 0;padding: 0;padding-right: 21px;text-transform: initial;}

.bloc_item.article{background: #333333;}
.bloc_item.article .bloc_item.contenu{align-items: end;background: url(images/menuiseries-salette-fond-article.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-bottom: 3%;margin-top: 0;padding-left: 0;padding-top: 13%;position: relative;row-gap: 9vh;z-index: 10;}
.bloc_item.article .bloc_item.contenu .bloc_item.social{display: flex;flex-direction: column;left: 0;position: relative;row-gap: 1vh;z-index: 10;}
.bloc_item.article .bloc_item.contenu .bloc_item.social a{align-items: center;background:url(images/menuiseries-salette-telephone-fond.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 15px 15px 15px 27px;position: relative;width: 100%;-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_item.article .bloc_item.contenu .bloc_item.titre{align-items: start;column-gap: 2vw;display: flex;flex: 0 0 43%;flex-direction: row;flex-wrap: wrap;justify-content: start;position: relative;padding-left: 0;padding-right: 0;padding-top: 0;row-gap: 4vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h2{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-titre-h1)/100% "Poppins-Black";padding: 0;margin: 0;text-align: start;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h3{color: #FFFFFF;font: var(--font-size-slogan)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h4{color: #FFFFFF;font: var(--font-size-titre-h2)/100% "Poppins-Regular";margin: 0;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";margin: 0;padding: 0;padding-right: 34%;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a{color: #FFFFFF;font: var(--font-size-texte)/100% "Poppins-Light";}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul li{color: #FFFFFF;flex: 1 0 100%;font: var(--font-size-texte)/150% "Poppins-Light";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul li:before{background: #FFFFFF;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton{align-items: start;display: flex;justify-content: start;padding-top: 4vh;position: relative;text-transform: uppercase;z-index: 21;-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_item.article .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: start;background: #FFFFFF;border-radius: 49px;display: flex;justify-content: start;padding: 18px 35px;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre img{position: relative;max-width: 53px;width: 10vw;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre p{color: #333333;font: var(--font-size-texte)/150% "Poppins-Black";padding: 0;text-align: center;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre span{font: var(--font-size-texte)/150% "Poppins-Black";}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton: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_item.article .bloc_item.contenu .bloc_item.titre .toggle, .bloc_presentation .bloc_contenu .bloc_item.texte .toggle .more{padding: 0;margin: 0;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle strong, .bloc_presentation .bloc_contenu .bloc_item.texte .toggle .more strong{color: #df1417;font-family: "Gotham-Ultra";font-weight: normal;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle .active{margin-top: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle .less{text-align: left;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle .more ul{margin-bottom: 1vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle .less .button-read-more{border: 0;color: #3f4b59;display: inline-block;font: var(--font-size-texte)/100% "Poppins-Regular";position: relative;text-transform: initial;-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_item.article .bloc_item.contenu .bloc_item.titre .toggle .less .button-read-more:hover{color: #047032;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle .less.active .button-read-more, .bloc_presentation .bloc_contenu .bloc_item.texte .toggle .less .button-read-less{display: none}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .toggle .less.active .button-read-less{border: 0;color: #3f4b59;display: inline-block;font: var(--font-size-texte)/100% "Poppins-Regular";position: relative;text-transform: initial;-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_item.article .bloc_item.contenu .bloc_item.titre .toggle .less.active .button-read-less:hover{color: #047032;}*/
.bloc_item.article .bloc_item.contenu .bloc_item.estampille{align-items: end;align-self: flex-start;display: flex;flex: 0 0 15%;flex-direction:column;justify-content: center;row-gap: 26px;}
.bloc_item.article .bloc_item.contenu .bloc_item.estampille.first {align-items: center;align-self: flex-end;flex: 0 0 28%;}
.bloc_item.article .bloc_item.contenu .bloc_item.estampille img{max-width: 119px;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille{position: relative;flex: 0 0 73%;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{background: transparent;column-count: 5;column-gap: 2vw;flex: 0 0 100%;margin: 0;padding: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a{border-radius: 20px;break-inside: avoid;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);display: block;margin-bottom: 3vh;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_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a:hover{-webkit-transform: scale(0.975);transform: scale(0.975);}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a img{height: 100%;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a.bloc_legende{background: rgba(5,30,43,0.9);bottom: 0;color: #FFFFFF;font: 18px/100% "Lato-Regular";padding: 1.5vh 1vw;position: absolute;text-align: center;text-transform: uppercase;width: auto;z-index: 2;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.bouton{align-items: center;background: rgba(22,58,136,0.5);background-size: 100% 100%;display: flex;justify-content: center;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.bouton p{background:#fc722b;border-radius: 20px;color: #FFFFFF;margin: 0;padding: 3% 13%;font: var(--font-size-texte)/100% "Raleway-Regular"}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.legende{align-items: end;background-size: 100% 100%;display: flex;justify-content: start;opacity: 1;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.legende h2{background:#fc722b;color: #FFFFFF;font: var(--font-size-texte)/100% "Montserrat-Regular";margin: 0;padding: 15px 48px;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a:hover .bloc_item.bouton{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_item.article .bloc_item.contenu .bloc_item.diaporama{display: flex;flex: 0 0 35%;height: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-height: 481px;max-width: 641px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel-control{background: transparent;opacity: 1;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img{height: 239px;top: 0;bottom: 0;margin: auto ;position: absolute;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{height: 239px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}*/


.bloc_categorie.prestation{background: #333333;}
.bloc_categorie.prestation .bloc_item.contenu{align-items: end;background: url(images/menuiseries-salette-fond-article.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-bottom: 3%;margin-top: 0;padding-left: 0;padding-top: 13%;position: relative;row-gap: 9vh;z-index: 10;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.social{display: flex;flex-direction: column;left: 0;position: relative;row-gap: 1vh;z-index: 10;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.social a{align-items: center;background:url(images/menuiseries-salette-telephone-fond.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 15px 15px 15px 27px;position: relative;width: 100%;-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_categorie.prestation .bloc_item.contenu .bloc_item.titre{align-items: start;column-gap: 2vw;display: flex;flex: 0 0 43%;flex-direction: row;flex-wrap: wrap;justify-content: start;position: relative;padding-left: 0;padding-right: 0;padding-top: 0;row-gap: 4vh;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre h2{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-titre-h1)/100% "Poppins-Black";padding: 0;margin: 0;text-align: start;text-transform: initial;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre h3{color: #FFFFFF;font: var(--font-size-slogan)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;text-transform: initial;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre h4{color: #FFFFFF;font: var(--font-size-titre-h2)/100% "Poppins-Regular";margin: 0;text-transform: uppercase;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";margin: 0;padding: 0;padding-right: 34%;text-transform: initial;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre a{color: #FFFFFF;font: var(--font-size-texte)/100% "Poppins-Light";}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre ul li{color: #FFFFFF;flex: 1 0 100%;font: var(--font-size-texte)/150% "Poppins-Light";list-style: none;padding-left: 20px;position: relative;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre ul li:before{background: #FFFFFF;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton{align-items: start;display: flex;justify-content: start;padding-top: 4vh;position: relative;text-transform: uppercase;z-index: 21;-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_categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: start;background: #FFFFFF;border-radius: 49px;display: flex;justify-content: start;padding: 18px 35px;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre img{position: relative;max-width: 53px;width: 10vw;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre p{color: #333333;font: var(--font-size-texte)/150% "Poppins-Black";padding: 0;text-align: center;text-transform: uppercase;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre span{font: var(--font-size-texte)/150% "Poppins-Black";}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton: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_categorie.prestation .bloc_item.contenu .bloc_item.estampille{align-items: end;align-self: flex-start;display: flex;flex: 0 0 15%;flex-direction:column;justify-content: center;row-gap: 26px;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.estampille.first {align-items: center;align-self: flex-end;flex: 0 0 28%;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.estampille img{max-width: 119px;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille{position: relative;flex: 0 0 73%;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{background: transparent;column-count: 5;column-gap: 2vw;flex: 0 0 100%;margin: 0;padding: 0;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a{border-radius: 20px;break-inside: avoid;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);display: block;margin-bottom: 3vh;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_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a:hover{-webkit-transform: scale(0.975);transform: scale(0.975);}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a img{height: 100%;width: 100%;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a.bloc_legende{background: rgba(5,30,43,0.9);bottom: 0;color: #FFFFFF;font: 18px/100% "Lato-Regular";padding: 1.5vh 1vw;position: absolute;text-align: center;text-transform: uppercase;width: auto;z-index: 2;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.bouton{align-items: center;background: rgba(22,58,136,0.5);background-size: 100% 100%;display: flex;justify-content: center;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.bouton p{background:#fc722b;border-radius: 20px;color: #FFFFFF;margin: 0;padding: 3% 13%;font: var(--font-size-texte)/100% "Raleway-Regular"}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.legende{align-items: end;background-size: 100% 100%;display: flex;justify-content: start;opacity: 1;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;z-index: 1;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_item.legende h2{background:#fc722b;color: #FFFFFF;font: var(--font-size-texte)/100% "Montserrat-Regular";margin: 0;padding: 15px 48px;text-transform: uppercase;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a:hover .bloc_item.bouton{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_categorie.prestation .bloc_item.contenu .bloc_item.controls{column-gap: 5px;display: flex;flex-wrap: wrap;justify-content: left;padding-bottom: 5vh;row-gap : 10px;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls button{align-items: start;background: #FFFFFF;border: none;border-radius: 49px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);display: flex;justify-content: start;padding: 18px 35px;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls button:hover, .bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls button.mixitup-control-active{background: #333333;}
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls button span{align-items: center;color: #333333;display: flex;font: var(--font-size-texte)/100% "Poppins-Black";justify-content: flex-start;position: relative;text-transform: uppercase;z-index: 21;-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_categorie.prestation .bloc_item.contenu .bloc_item.controls button:hover span, .bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls button.mixitup-control-active span{color: #FFFFFF;-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{background: #333333;}
.bloc_contact .bloc_contenu{align-items: end;background: url(images/menuiseries-salette-fond-article.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin-bottom: 3%;margin-top: 0;padding-left: 0;padding-top: 22%;position: relative;row-gap: 9vh;z-index: 10;}
.bloc_contact .bloc_contenu .bloc_item.texte{display: flex;flex: 0 0 95%;flex-wrap: wrap;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{flex: 1 0 55%;} 
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre{padding-bottom: 3vh;padding-left: 13px;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-titre-h1)/100% "Poppins-Black";padding: 0;margin: 0;text-align: start;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h2{color: #bf7b38;font: var(--font-size-titre-h2)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs{padding:0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs .wpcf7-not-valid-tip{color: #FFFFFF;display: inline-block;font: 16px/150% "Poppins-Regular";margin-bottom: 0;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form{}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .wpcf7-response-output{color: #FFFFFF;border: 0;margin: 0;padding: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .flex_container{display: flex;flex-wrap: wrap;gap: 1rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_centre{flex: 1 0 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_gauche{display: flex;flex-direction: column;flex: 1 0 40%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_droite{display: flex;flex-direction: column;flex: 1 0 40%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group{margin-bottom: 1rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group p{margin: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group label{color: #FFFFFF;display: inline-block;font: 16px/150% "Poppins-Regular";margin-bottom: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group textarea{color: #000000;font: 16px/150% "Poppins-Regular";height: 28rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group select{background-image: none;border: 1px solid #CCCCCC;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);display: block;font: 1.6rem/150% "Poppins-Regular";height: 2.8rem;padding: 0.5rem 1rem;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input{color: #000000;font: 16px/150% "Poppins-Regular";}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="submit"]{align-items: center;background: #FFFFFF;border-radius: 49px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);color: #333333;display: flex;font: var(--font-size-texte)/150% "Poppins-Black";justify-content: center;padding: 18px 35px;-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_formulaire .bloc_champs form .form-group input[type="submit"]:hover{background: #333333;color: #FFFFFF;-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_carte{flex: 0 0 45%;position: relative;padding-left: 3vw;padding-top: 0;}
/*.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls{animation: mouvementTexteNegY 1s ease 1250ms backwards;display: flex;padding: 0;text-align: left;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button{background: #06084d;border: 1px solid transparent;border-radius: 10px;display: block;margin: 0 1.5rem 1.5rem 0;padding: 30px 33px;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_carte .bloc_controls button span{color: #FFFFFF;font: 1.6rem/100% "Poppins-Regular";display: block;position: relative;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button:hover span, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button.mixitup-control-active span{color: #d6bc54;}*/
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse{padding-top: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse iframe{height: 36.8rem;margin-bottom: 2.5rem;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse h2{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-titre-h1)/100% "Poppins-Black";padding: 0;margin: 0;text-align: start;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";margin: 0;padding: 0;padding-top: 1vh;padding-right: 3vw;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a{align-items: start;color: #000000;column-gap: 1rem;display: inline-flex;flex-wrap: wrap;font: 16px/100% "Poppins-Regular";justify-content: start;margin-top: 7.5px;position: relative;-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_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a img{width: 22px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a p{color: #FFFFFF;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a: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_carte .bloc_adresse .bloc_item.telephone{column-gap: 2vw;display: flex;flex: 0 0 100%;flex-direction: column;justify-content: start;position: relative;text-align: center;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre{text-align: start;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre p{color: #FFFFFF;font: 10px/210% "Poppins-Regular"; letter-spacing: 5px;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a .bloc_cadre{align-items: center;background: #FFFFFF;border-radius: 105px;column-gap: 7px;display: flex;flex-wrap: wrap;justify-content: center;padding: 8px 25px;-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_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a:hover .bloc_cadre{-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_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a .bloc_cadre img{align-self: center;margin-top: 0;width: 10px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a .bloc_cadre p{align-self: center;color: #FFFFFF;font: var(--font-size-texte)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;padding: 0;}

.bloc_mention{background: #333333;}
.bloc_mention .bloc_contenu{align-items: end;background: url(images/menuiseries-salette-fond-article.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-bottom: 3%;margin-top: 0;padding-left: 5%;padding-right: 5%;padding-top: 22%;position: relative;row-gap: 9vh;z-index: 10;}
.bloc_mention .bloc_contenu .bloc_item{flex: 1 0 100%}
.bloc_mention .bloc_contenu .bloc_item.titre{position: relative;}
.bloc_mention .bloc_contenu .bloc_item.titre h1{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-titre-h1)/100% "Poppins-Black";padding: 0;margin: 0;text-align: start;text-transform: initial;}
.bloc_mention .bloc_contenu .bloc_item.detail{column-gap: 3vw;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 1.5vh;}
.bloc_mention .bloc_contenu .bloc_item.detail h2{color: #bf7b38;font: var(--font-size-titre-h2)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;text-transform: initial;}
.bloc_mention .bloc_contenu .bloc_item.detail p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";}
.bloc_mention .bloc_contenu .bloc_item.detail p strong, .bloc_mention .bloc_contenu .bloc_item.detail a{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_mention .bloc_contenu .bloc_item.detail ul li{color: #FFFFFF;flex: 1 0 100%;font: var(--font-size-texte)/150% "Poppins-Light";list-style: none;padding-left: 2rem;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.detail ul li:before{background: #FFFFFF;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 0.85rem;width: 6px;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{color: #FFFFFF;flex: 1 0 30%;font: var(--font-size-titre-h1)/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{border: 1px solid #bf7b38;padding: 2.5rem;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2{color: #bf7b38;font: var(--font-size-titre-h2)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;text-transform: initial;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a, .bloc_mention .bloc_contenu .bloc_texte .bloc_detal .bloc_mentions .bloc_bordures p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a:hover{color: #bf7b38;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos{color: #FFFFFF;font: 16px/150% "Poppins-Light";flex: 1 0 60%;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{color: #bf7b38;font: var(--font-size-titre-h2)/100% "Poppins-Black";margin: 0;padding-bottom: 10px;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: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover, .bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover strong{color: #bf7b38;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos img{max-width: 7vw;}

.bloc_lost{background: #333333;}
.bloc_lost .bloc_contenu{align-items: end;background: url(images/menuiseries-salette-fond-article.png) no-repeat;background-position: top left;background-size: 100%;column-gap: 6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-bottom: 3%;margin-top: 0;padding-left: 5%;padding-right: 5%;padding-top: 22%;position: relative;row-gap: 9vh;z-index: 10;}
.bloc_lost .bloc_contenu .bloc_item{flex: 1 0 100%;}
.bloc_lost .bloc_contenu .bloc_item.texte{display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{flex: 1 0 100%;position: relative;text-align: left;} 
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-titre-h1)/100% "Poppins-Black";padding: 0;margin: 0;text-align: start;text-transform: initial;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre a, .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre p{color: #FFFFFF;font: var(--font-size-texte)/150% "Poppins-Light";}

#banner{display:none;height: auto;margin-top: -0.35%;position: fixed;width: 100%;z-index: 11;-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;}
#banner.scroll{margin-top: -2.75%;}
#banner img{height: 100%;width: 100%;}

/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{align-content: end;bottom: 0;display: flex;flex-wrap: wrap;margin-top: 0;position: relative;z-index: 5;}
footer#main .bloc_item.contenu{align-items: center;background: url(images/menuiseries-salette-fond-footer.png) no-repeat;background-size: cover;background-position: bottom;column-gap: 5vw;display: flex;flex: 1 0 100%;flex-direction: row;flex-wrap: wrap;justify-content: center;padding-bottom: 3%;padding-top: 10.7%;position: relative;row-gap: 1vh;}
footer#main .bloc_item.contenu .bloc_item.logo{align-self: start;flex: 0 0 27%;padding-bottom: 0;text-align: end;}
footer#main .bloc_item.contenu .bloc_item.logo img{max-width: 451px;} 
footer#main .bloc_item.contenu .bloc_item.texte{align-items: start;display: flex;flex: 0 0 31%;flex-direction: column;justify-content: center;padding-bottom: 0;position: relative;row-gap: 5vh;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact {align-items: start;flex-direction: column;display: flex;justify-content: center;row-gap: 11%;text-align: center;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact p{color: #FFFFFF;font: var(--font-size-footer)/140% "Poppins-Black";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact a{align-content: start;display: inline-block;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact a span{color: #333333;font: var(--font-size-h2)/100% "Poppins-black";letter-spacing: 5px;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact a p{align-items: center;background: url(images/menuiseries-salette-telephone-fond-02.png) no-repeat;background-size: 100%;column-gap: 9px;display: inline-flex;flex-wrap: nowrap;height: 47px;justify-content: center;margin: 0;padding: 0 !important;position: relative;width: 251px;-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;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact a:hover p{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact a p img{max-width: 19px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact .bloc_item.adresse{align-items: start;display: flex;flex: 0 0 41%;flex-wrap: wrap;justify-content: start;position: relative;}
footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact .bloc_item.adresse p{color: #FFFFFF;font: var(--font-size-footer)/140% "Poppins-Light";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.credits{column-gap: 10px;display: flex;flex: 0 0 100%;flex-wrap: wrap;font: 14px/100% "Poppins-Regular";justify-content: center;padding: 0;padding-bottom: 1vh;position: relative;}
footer#main .bloc_item.contenu .bloc_item.credits span{color: #FFFFFF; display:block;font: 12px/100% "Poppins-Light";margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.credits a{color: #FFFFFF;font: 12px/100% "Poppins-Light";letter-spacing: 0;-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;}
footer#main .bloc_item.contenu .bloc_item.credits a:hover{color:#FFFFFF;}
footer#main .bloc_item.contenu .bloc_item.credits img.flag{height: 12px;max-width: 31px;margin-top: 3px;width: 100%;}

/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/

@media (hover: none) and (pointer: coarse) /* Appareils tactiles (mobiles + tablettes) */
{
  /*animations*/   
.bloc_item.presentation .bloc_item.contenu .bloc_item.social,
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre,
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama,
.bloc_item.zone .bloc_item.contenu .bloc_item.portes,
.bloc_item.zone .bloc_item.contenu .bloc_item.zones,
.bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre,
.bloc_item.article .bloc_item.contenu .bloc_item.social,
.bloc_item.article .bloc_item.contenu .bloc_item.titre,
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.social,
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre,
.bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls,
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire,
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte,
.bloc_mention .bloc_contenu .bloc_item.titre,
.bloc_mention .bloc_contenu .bloc_item.detail,
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre
{opacity: 1;-webkit-animation: none !important;animation: none !important;}
}

@media only screen and (max-width: 1919px)  /*1600 x 900 */
{
    .bloc_item.presentation .bloc_item.contenu{background-size: cover;padding-bottom: 9vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2:before{top: -11vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img,
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{height: 38%;max-height: 239px;}
    .bloc_item.zone .bloc_item.contenu{height: auto;justify-content: center;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.portes{margin-top: 0;z-index: 10;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.portes .bloc_item.porte img{height: 80%;} 
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones{flex: 0 0 73%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre{flex: 0 0 38%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2:before{top: -14vh;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2:after{top: 56px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie,
    .bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 4;}
    footer#main .bloc_item.contenu .bloc_item.texte{flex: 0 0 50%;}
    footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact{row-gap: 2vh;}    
    
}

@media only screen and (max-width: 1024px) /*and (orientation : landscape)   1024 x 768*/
{
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 13vw;width: 13vw;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 31vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 31.6dvw;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.estampille{flex: 0 0 21%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre{flex: 0 0 50%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre p,.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre p{padding-right: 0;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie, .bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 3;}
    footer#main .bloc_item.contenu .bloc_item.logo{align-self: center;flex: 0 0 32vw;}
    footer#main .bloc_item.contenu .bloc_item.logo img{width: 32vw;}
    
    :root{

    }
}

@media screen and (max-width: 1024px)and (orientation : portrait) /*tablette portrait*/
{  
    
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 17vw;width: 17vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 57.6dvw;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-size: cover;background-position-x: center;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image video{padding-top: 18vh;}
    .bloc_item.presentation .bloc_item.contenu{flex-direction: column;flex-wrap: nowrap;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.estampille{align-self: center;column-gap: 19vw;flex-direction: row;margin-top: 0;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-left: 5vw;padding-right: 5vw;padding-top: 4vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{align-self: center;margin-left: 0;margin-top: 4vh;}
    .bloc_item.zone .bloc_item.contenu{align-items: center;flex-direction: column;flex-wrap: nowrap;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.portes .bloc_item.porte:first-child{padding-left: 0;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.portes .bloc_item.porte img{height: auto;width: 29vw;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre{flex: 0 0 48%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2:after{top: 56px;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.carte{flex: 0 0 51%;}
    .bloc_item.article .bloc_item.contenu,.bloc_categorie.prestation .bloc_item.contenu{background-size: auto;padding-top: 31vh;}
    .bloc_item.article .bloc_item.contenu .bloc_item.estampille,
    .bloc_categorie.prestation .bloc_item.contenu .bloc_item.estampille{padding-left: 3vw;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie, .bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 2;}
    .bloc_contact .bloc_contenu,.bloc_mention .bloc_contenu,.bloc_lost .bloc_contenu{background-size: auto;padding-top: 20vh;}
    .bloc_contact .bloc_contenu .bloc_item.texte,.bloc_mention .bloc_contenu .bloc_item.detail{flex-direction: column;flex-wrap: nowrap;}
    
    
    footer#main .bloc_item.contenu .bloc_item.texte{flex: 0 0 60%;row-gap: 1vh;}
   
   
   
}
@media only screen and (max-width: 767px)  /* mobile */
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 52vw;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 25vw;width: 25vw;}
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{letter-spacing: 7px;margin-right: -7px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 86.6dvw;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active{right: 16px;top: 20px;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 40vw;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image .bouton_lecture img{width: 18vw;}
    .bloc_item.presentation .bloc_item.contenu{aspect-ratio: auto; }
    .bloc_item.presentation .bloc_item.contenu .bloc_item.fleche{height: 18vw;width: 18vw;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.estampille img{width: 27vw;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{padding-left: 3vw;padding-right: 3vw;}
    .bloc_item.zone .bloc_item.contenu{margin-top: -2vh;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones{align-items: center;flex-direction: column;justify-content: center;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre{padding-left: 5vw;padding-bottom: 6vh;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.zones .bloc_item.titre h2:after{left: 5vw;}
    .bloc_item.article .bloc_item.contenu,
    .bloc_categorie.prestation .bloc_item.contenu{align-items: start;flex-direction: column;flex-wrap: nowrap;padding-top: 20vh;row-gap: 3vh;}
    .bloc_item.article .bloc_item.contenu .bloc_item.estampille,
    .bloc_item.article .bloc_item.contenu .bloc_item.estampille.first,
    .bloc_categorie.prestation .bloc_item.contenu .bloc_item.estampille,
    .bloc_categorie.prestation .bloc_item.contenu .bloc_item.estampille.first{align-self: center;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre,.bloc_categorie.prestation .bloc_item.contenu .bloc_item.titre{padding-left: 5vw;padding-right: 5vw;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie, .bloc_categorie.prestation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 1;padding-left: 5vw;padding-right: 5vw;}
    .bloc_categorie.prestation .bloc_item.contenu .bloc_item.controls{justify-content: center;row-gap: 3vh;}
    .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{padding-bottom: 3vh;}
    footer#main .bloc_item.contenu{padding-top: 42%;row-gap: 3vh;}
    footer#main .bloc_item.contenu .bloc_item.logo img{width: 85vw;}
    footer#main .bloc_item.contenu .bloc_item.texte{align-items: center;flex: 0 0 90%;row-gap: 3vh;}
    footer#main .bloc_item.contenu .bloc_item.texte .bloc_item.contact{align-items: center;row-gap: 3vh;}
    
    
} 
@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;}  
    
}