@charset "UTF-8";
/* 
    Theme Name: SASU SOCIETE JOIE
    Theme URL: menuiseriejoie.com
    Description: Menuiserie
    Version: 2.0
    Author: Sandrine Orieux pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: #1b3368;overflow-x: hidden;font: 16px/100% "Poppins-Regular" !important;color:#1a1a1a;}
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: 100px;/**/
  --font-size-titre-h2: 32px;/**/
  --font-size-titre-h3: 50px;/**/
  --font-size-titre-p: 20px;/**/
  --font-size-sous-titre: 20px;
  --font-size-texte: 16px;
  --font-size-texte-p: 18px;/**/
  --font-size-button: 14px;
  --font-size-tel: 15px;/**/
  --font-size-menu-titre: 17px;
  --font-size-menu-sous-titre: 14px;
  --font-size-footer: 15px;
  --font-size-filtre: 14px;
}


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

.navigation-top{background: transparent;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navigation-top .main-navigation{box-shadow: none;display: flex;height: 180px;width: 100%;}
.navigation-top .main-navigation .navbar-header{background: transparent;flex: 1 0 35%;left: 5.5vw;position: absolute;top: 73px;z-index: 11;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.navigation-top.scroll .main-navigation .navbar-header{background: rgba(255, 255, 255, 0.9); left: 17px;padding: 10px;top: 17px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.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: 400px;padding: 0;position: relative;width: 100%;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: 85%;}
.navigation-top .main-navigation .navbar-menu{flex: 1 0 70%;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn{align-items: center;background: rgba(27,51,104,0.8);cursor: pointer;display: flex;height: 180px;justify-content: center;max-height: 180px;max-width: 189px;padding: 0;position: absolute;right: 17px;top: 0px;width: 189px;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;margin-right: 8px;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{color: #ffffff;display: block;font: 14px/100% "Poppins-Black";letter-spacing: 10px;margin: 0 -10px 10px 0;text-transform: uppercase;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre{background: #ffffff;border-radius: 3px;display: block;height: 3px;margin: 0 0 7px 1px;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 .menu-container .barre.bot{width: 40%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre.mid{width: 70%;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover .menu-container .barre{background: #dd7e22;}
.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:#dd7e22;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.top{height: 3px;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{height: 3px;top: -19px;transform: rotate(-45deg);transform-origin: center;width: 100%;}
.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: rgba(27,51,104,0.9);height: 100%;padding: 0;position: fixed;right: 18px;top: 18px;transform: translate3d(600px, 0px, 0px);width: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{align-items: flex-start;border-radius:0 0 0 20px;height: 96vh;opacity: 1;width: 27.5vw;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{display: flex;flex-direction: column;margin: 0;padding-left:5.5vw;padding-top: 37vh;position: relative;row-gap: 5vh;text-align: left;width: 100vw;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{animation: fadeInRight .4s ease forwards;animation-delay: .3s;display: block;margin-bottom: 0;padding: 0;position: relative;opacity: 0;transition: transform .3s ease-in-out;width: 100%;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{color: #ffffff;font: 400 var(--font-size-titre-p)/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 a:before{background: #ffffff;content: '';display: block;height: 1px;left: -30px;margin: auto;position: absolute;top: 14px;width: 18px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover{color: #dd7e22;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover:before{background: #dd7e22;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a{color: #dd7e22;} 
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a:before{background: #dd7e22;content: '';display: block;height: 1px;left: -30px;margin: auto;position: absolute;top: 14px;width: 18px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-object-category a:before{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children{animation: none;opacity: 1;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a{color: #ffffff;font: 400 var(--font-size-button)/100% "Poppins-Regular";letter-spacing: 4px;pointer-events: none;position: relative;}
.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 .sub-menu{column-gap: 7px;display: flex;flex-direction: column;flex-wrap: wrap;margin-left: 26px;padding-top: 20px;row-gap: 22px;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{margin: 0;padding: 0;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: #ffffff;display: block;font: 400 var(--font-size-titre-p)/100% "Poppins-Regular";letter-spacing: 4px;padding-left: 0;pointer-events: initial;text-align: start;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: #dd7e22;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{background: #ffffff;content: '';display: block;height: 1px;left: -30px;margin: auto;position: absolute;top: 11px;width: 18px;}
.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: #dd7e22;}
.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: #dd7e22;}
.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: #dd7e22;}

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: 130vh;overflow: hidden;}
.bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient( to right, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 60%), url(images/menuiserie-joie-banniere.png) 50% 0 fixed no-repeat;background-position: center;background-size: cover;flex: 1 0 100%;overflow: hidden;position: relative;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan{position: absolute;left: 5.5vw;right: 61vw;top: 40vh;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p strong{color: #1b3368;font: var(--font-size-titre-h1)/96% "OrpheusPro-Regular";letter-spacing: 1px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p span{color: #dd7e22;font: var(--font-size-titre-h2)/130% "Poppins-Regular";letter-spacing: 0;margin: 0;padding: 3vh 0;padding-right: 11vw;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p{color: #1b3368;font: var(--font-size-titre-p)/130% "Poppins-Regular";letter-spacing: 0;margin: 0;padding: 3vh 0 0;text-transform: initial;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact{column-gap: 10px;display: flex;flex-wrap: wrap;padding-top: 3vh;position: relative;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.telephone{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.telephone a{align-items: center;background: #1b3368;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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.contact .bloc_item.telephone 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_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.telephone a img{max-width: 29px;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.telephone a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.devis{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.devis a{align-items: center;background: #dd7e22;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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.contact .bloc_item.devis 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_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.devis a img{max-width: 29px;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact .bloc_item.devis a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}

.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;}

@-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);}
}

/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/


.bloc_item.solutions .bloc_item.contenu{column-gap: 5vw;background:linear-gradient(to left, rgba(254, 250, 247, 1) 30%, rgba(254, 250, 247, 0) 100%);display: flex;flex-direction: column;justify-content: left;margin-top: -17vh;padding-top: 0;position: relative;z-index: 1;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.fleche{flex: 1 0 100%;height: 88px;left: 0;margin: auto;position: absolute;right: 0;top: -23vh;width: 88px;z-index: 3;-moz-animation: rebounce 2s infinite;-webkit-animation: rebond 2s infinite;animation: rebond 2s infinite;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.fleche a{background: url(images/menuiserie-joie-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 100%;width: 100%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.devis{left: 13%;position: absolute;top: -10vh;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.devis a{display: block;height: 100%;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;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.devis 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_item.solutions .bloc_item.contenu .bloc_item.devis img{max-width: 224px;width: 100%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements{align-items:center;background:#1b3368;border-radius: 20px;box-sizing:border-box;display:flex;gap: 1%;justify-content: space-between;margin:auto;margin-top: -1vh;padding: 3%;width:88%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item{align-items:center;display:flex;flex: 0 0 23%;padding-left:73px;position:relative;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item:before{background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:65px;left:0;position:absolute;top: 0;width:65px;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item p{color:#FFFFFF;font: var(--font-size-titre-p)/120% "Poppins-Black";margin:0;padding: 0;text-transform: uppercase;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item p span{color:#FFFFFF;display: block;font-size: var(--font-size-texte-p); font-family: "Poppins-Regular";padding: 2vh 0;text-transform: initial;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item.produits:before{background-image:url("images/menuiserie-joie-icone-presentation-01.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item.installateurs:before{background-image:url("images/menuiserie-joie-icone-presentation-02.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item.projet:before{background-image:url("images/menuiserie-joie-icone-presentation-03.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item.garanties:before{background-image:url("images/menuiserie-joie-icone-presentation-04.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item:not(:last-child):after{background:#FFFFFF;content:"";height:140px;opacity: 0.2;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.social{left: 2%;position: absolute;top: 6%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.social a{align-items: center;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;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_item.solutions .bloc_item.contenu .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_item.solutions .bloc_item.contenu .bloc_item.social a img{max-width: 50px;width: 100%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution{display: flex; flex-direction: column;padding: 4% 5%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre{display: flex;padding-bottom: 4vh;position: relative;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p{align-items: center;color: #1b3368;column-gap: 3%;display: flex;flex: 0 0 100%;font: 400 var(--font-size-titre-p)/200% "OrpheusPro-Regular";justify-content: center;letter-spacing: 2px;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::before{background: #dd7e22 ;display: block; content:"";flex: 0 0 41%;height:1px;opacity: 0.5;position:relative;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::after{background: #dd7e22 ;display: block; content:"";flex: 0 0 41%;height:1px;opacity: 0.5;position:relative;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations{column-gap: 2%;display: flex; position: relative;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation{align-items:center;background: #FFFFFF;border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0, 0.1); display:flex;flex: 0 0 15%;padding-bottom: 1%;padding-top: 10%;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_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation: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.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:before{background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:70px;left:0;margin: auto;right: 0;position:absolute;top: 19%;width:100px;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:nth-of-type(1)::before{background-image:url("images/menuiserie-joie-icone-menu-01.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:nth-of-type(2)::before{background-image:url("images/menuiserie-joie-icone-menu-02.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:nth-of-type(3)::before{background-image:url("images/menuiserie-joie-icone-menu-03.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:nth-of-type(4)::before{background-image:url("images/menuiserie-joie-icone-menu-04.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:nth-of-type(5)::before{background-image:url("images/menuiserie-joie-icone-menu-05.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation:nth-of-type(6)::before{background-image:url("images/menuiserie-joie-icone-menu-06.png");}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation p{color:#1b3368;font: var(--font-size-titre-p)/120% "Poppins-Regular";margin:0;padding: 0;text-align: center;text-transform: uppercase;width: 100%;}
.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation p span{color:#4d4d4d;display: block;font-size: var(--font-size-texte); font-family: "Poppins-Regular";padding: 2vh 0;text-transform: initial;}

.bloc_item.presentation .bloc_item.contenu{align-items: center;background: url("images/menuiserie-joie-fond-presentation.png") no-repeat, linear-gradient(to left, rgba(254, 250, 247, 1) 30%, rgba(254, 250, 247, 0) 100%);background-position: right bottom; column-gap: 3vw;display: flex;padding: 0 6vw;padding-bottom: 10vh;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content{align-items: start;display: flex;flex-direction: column;flex: 0 0 32%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content h1{color: #1b3368;font: 400 var(--font-size-titre-h2)/120% "OrpheusPro-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content h2{color: #dd7e22;font: 400 var(--font-size-titre-p)/120% "Poppins-Regular";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content p{color: #1a1a1a;font: var(--font-size-texte-p)/120% "Poppins-Regular";margin: 0;padding: 0;padding-bottom: 10px;padding-right: 2vw;padding-top: 3vh;text-transform: initial;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content a{color: #1a1a1a;font: var(--font-size-texte-p)/120% "Poppins-Regular";}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content ul li{color: #1a1a1a;flex: 1 0 120%;font: var(--font-size-texte-p)/150% "Poppins-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content ul li:before{background: #1a1a1a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content .button{background: #1b3368;border-radius: 75px;margin-top: 3vh;padding: 20px 27px;-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.content .button: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.content .button a{align-items: center;color: #FFFFFF;column-gap: 16px;display: flex;font: var(--font-size-tel)/120% "Poppins-Regular";letter-spacing: 0;margin: 0;padding: 0;text-align: center;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content .button a img{max-width: 18px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social{left: 0;position: absolute;top: 35vh;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a{align-items: center;background: #217010;background-size: 100% 100%;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 6px 6px 6px 30px;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_item.presentation .bloc_item.contenu .bloc_item.social a:first-of-type{background: #dd7e22;padding: 6px 6px 6px 39px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a:hover{padding: 6px 6px 6px 35px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a img{max-width: 40px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{align-self: end;display: flex;flex: 0 0 43vw;height: auto;}
.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: 20px;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 li{padding: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item li:before{display: none;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: 836px;max-height: 572px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control{background: transparent;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: 107px;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: 107px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}

.bloc_item.zone .bloc_item.contenu{align-items: center;display: flex;justify-content: center;position: relative;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content{align-items: start;background: url(images/menuiserie-joie-certification-1.png) no-repeat, url(images/menuiserie-joie-zone.png) no-repeat, rgba(234, 199, 141, 0.1);background-position: 97% 10%,center right;border-radius: 20px;display: flex;flex-direction: column;height: 62vh;justify-content: center;margin-top: -4vh;padding-left: 7%;padding-right: 53%;row-gap: 4vh;width: 88%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content h2{color: #1b3368;font: var(--font-size-titre-h2)/120% "OrpheusPro-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content h3{color: #1b3368;font: var(--font-size-titre-p)/120% "Poppins-Black";letter-spacing: 0;margin: 0;padding: 0;text-transform: initial;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content p{color: #1a1a1a;font: var(--font-size-texte-p)/120% "Poppins-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content a{color: #1a1a1a;font: var(--font-size-texte-p)/120% "Poppins-Regular";}
.bloc_item.zone .bloc_item.contenu .bloc_item.content ul{display: flex;flex-direction: column;flex-wrap: wrap;position: relative;row-gap: 2vh;width: 100%;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content ul li{align-items: center; color: #1a1a1a;display: flex;font: var(--font-size-titre-p)/150% "Poppins-Regular";list-style: none;justify-content: start;max-height: 30px; position: relative;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content ul li span{color: #1b3368;display: block;flex: 0 0 54%;font: var(--font-size-titre-p)/150% "Poppins-Bold";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.zone .bloc_item.contenu .bloc_item.content ul li:before{background: url(images/menuiserie-joie-ping.png) no-repeat; content: '';display: block;flex: 0 0 4%;height: 22px;position: relative;width: 18px;}

.bloc_item.gestion .bloc_item.contenu{align-items: center;display: flex;flex-direction: column;justify-content: center;position: relative;row-gap: 6vh;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content{align-items: start;background: url(images/menuiserie-joie-fond-showroom.png) no-repeat;background-size: cover;border-radius: 20px;display: flex;flex-direction: column;height: 51vh;justify-content: center;margin-top: 6vh;padding-left: 7%;padding-right: 53%;row-gap: 4vh;width: 88%;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte{align-items: start;background: rgba(27, 51, 104, 0.9);display: flex;flex-direction: column;height: 100%;justify-content: center;padding: 0 3vw;position: relative;row-gap: 3vh;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte h2{color: #FFFFFF;font: var(--font-size-titre-h2)/120% "OrpheusPro-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte h3{color: #FFFFFF;font: var(--font-size-titre-p)/120% "Poppins-Black";letter-spacing: 0;margin: 0;padding: 0;text-transform: initial;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte p{color: #FFFFFF;font: var(--font-size-texte-p)/120% "Poppins-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte a{color: #FFFFFF;font: var(--font-size-texte-p)/120% "Poppins-Regular";}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte ul{display: flex;flex-direction: column;flex-wrap: wrap;position: relative;row-gap: 2vh;width: 100%;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte ul li{align-items: center; color: #FFFFFF;display: flex;font: var(--font-size-titre-p)/150% "Poppins-Regular";list-style: none;justify-content: start;max-height: 30px; position: relative;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte ul li span{color: #FFFFFF;display: block;flex: 0 0 54%;font: var(--font-size-titre-p)/150% "Poppins-Bold";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte ul li:before{background: url(images/menuiserie-joie-ping.png) no-repeat; content: '';display: block;flex: 0 0 4%;height: 22px;position: relative;width: 18px;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte .button{background: #dd7e22;border-radius: 75px;padding: 20px 27px;-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.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte .button: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.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte .button a{align-items: center;color: #FFFFFF;column-gap: 16px;display: flex;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;padding: 0;text-align: center;text-transform: initial;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.content .bloc_item.texte .button a img{max-width: 18px;width: 100%;}
.bloc_item.gestion .bloc_item.contenu .bloc_item.avis{width: 80%;}

.bloc_item.article .bloc_item.contenu{background:url(images/menuiserie-joie-certification-1.png) no-repeat, url("images/menuiserie-joie-fond.png") no-repeat;background-position: 82vw 26vh, top left;column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: -3vh;padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;padding-top: 32vh;row-gap: 5vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre{display: block;padding-left: 31vw;padding-right: 17vw;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h1{color: #1b3368;font: var(--font-size-titre-h1)/100% "OrpheusPro-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h1 span{display: block;color: #1b3368;font: var(--font-size-titre-h2)/100% "OrpheusPro-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h2{color: #1b3368;font: var(--font-size-titre-h1)/100% "OrpheusPro-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre p{color: #1a1a1a;font: var(--font-size-texte)/150% "Poppins-Regular";margin: 0;padding: 0;padding-bottom: 10px;padding-right: 2vw;padding-top: 3vh;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.social{left: 2%;position: absolute;top: 83%;}
.bloc_item.article .bloc_item.contenu .bloc_item.social a{align-items: center;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;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_item.article .bloc_item.contenu .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_item.article .bloc_item.contenu .bloc_item.social a img{max-width: 50px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte{flex: 0 0 31%;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte h2{color: #1b3368;font: 900 var(--font-size-titre-h3)/100% "OrpheusPro-Regular";margin: 0;padding: 0;padding-bottom: 2vh;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte h3{color: #1b3368;font: 400 var(--font-size-titre-h3)/100% "OrpheusPro-Regular";margin: 0;padding: 0;padding-bottom: 2vh;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte p{color: #1a1a1a;font: var(--font-size-texte-p)/125% "Poppins-Regular";font-family: "Poppins-Regular";margin: 0;padding: 0;padding-bottom: 3vh;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte p strong{color: #1a1a1a;font: var(--font-size-texte-p)/125% "Poppins-Bold";font-family: "Poppins-Bold";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte ul{display: flex;flex-wrap: wrap;padding-left: 1vw;margin-top: -2vh;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte ul li{color: #1a1a1a;flex: 1 0 100%;font: 16px/150% "Poppins-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.texte ul li:before{background: #1a1a1a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 9px;width: 6px;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama{align-self: start;display: flex;flex: 0 0 46%;height: auto;max-width: 836px;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .mix{display: flex;}
.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{background: rgba(221, 126, 34,0.2); border-radius: 20px;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: 572px;max-width: 836px;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: 54px;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: 54px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact{column-gap: 10px;display: flex;flex-wrap: wrap;padding-left: 17%;padding-top: 3vh;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.telephone{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.telephone a{align-items: center;background: #1b3368;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.telephone 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_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.telephone a img{max-width: 29px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.telephone a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.devis{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.devis a{align-items: center;background: #dd7e22;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.devis 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_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.devis a img{max-width: 29px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.contact .bloc_item.devis a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}


.bloc_categorie.prestation .bloc_contenu{background:url(images/menuiserie-joie-certification-1.png) no-repeat, url("images/menuiserie-joie-fond.png") no-repeat;background-position: 82vw 26vh, top left;column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: -3vh;padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;padding-top: 32vh;row-gap: 5vh;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.titre{display: block;padding-left: 31vw;padding-right: 18vw;position: relative;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.titre h1{color: #1b3368;font: var(--font-size-titre-h1)/100% "OrpheusPro-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.titre h1 span{display: block;color: #1b3368;font: var(--font-size-titre-h2)/100% "OrpheusPro-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.titre p{color: #1a1a1a;font: var(--font-size-texte)/150% "Poppins-Regular";margin: 0;padding: 0;padding-bottom: 10px;padding-right: 2vw;padding-top: 3vh;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.controls{align-content: start;column-gap: 10px;display: flex;flex: 0 0 80%;flex-wrap: wrap;justify-content: center;padding-left: 0;padding-top: 35px;row-gap : 10px;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.controls button{background: rgba(27,51,104,0.2);border: none;border-radius: 30px; display: block;padding: 9px 20px;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_categorie.prestation .bloc_contenu .bloc_item.controls button:hover, .bloc_categorie.prestation .bloc_contenu .bloc_item.controls button.mixitup-control-active{background: #dd7e22;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.controls button span{color: #1b3368;font: 400 var(--font-size-texte-p)/100% "Poppins-Regular";display: block;letter-spacing: 0;position: relative;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.controls button:hover span, .bloc_categorie.prestation .bloc_contenu .bloc_item.controls button.mixitup-control-active span{color: #FFFFFF;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles{align-items: center;column-gap: 6vw;display: flex;justify-content: center;padding-top: 2vh;flex: 0 0 100%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.social{left: 2%;position: absolute;top: 106%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.social a{align-items: center;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;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_categorie.prestation .bloc_contenu .bloc_item.articles .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_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.social a img{max-width: 50px;width: 100%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte{flex: 0 0 31%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte h2{color: #1b3368;font: 900 var(--font-size-titre-h3)/100% "OrpheusPro-Regular";margin: 0;padding: 0;padding-bottom: 2vh;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte h3{color: #1b3368;font: 400 var(--font-size-titre-h3)/100% "OrpheusPro-Regular";margin: 0;padding: 0;padding-bottom: 2vh;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte p{color: #1a1a1a;font: var(--font-size-texte-p)/125% "Poppins-Regular";font-family: "Poppins-Regular";margin: 0;padding: 0;padding-bottom: 3vh;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte p strong{color: #1a1a1a;font: var(--font-size-texte-p)/125% "Poppins-Bold";font-family: "Poppins-Bold";margin: 0;padding: 0;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte ul{display: flex;flex-wrap: wrap;padding-left: 1vw;margin-top: -2vh;position: relative;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte ul li{color: #1a1a1a;flex: 1 0 100%;font: 16px/150% "Poppins-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte ul li:before{background: #1a1a1a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 9px;width: 6px;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama{align-self: start;display: flex;flex: 0 0 46%;height: auto;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .mix{display: flex;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .carousel .carousel-inner{background: rgba(221, 126, 34,0.2); border-radius: 20px;cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .carousel .carousel-inner .item img{max-height: 572px;max-width: 836px;width: 100%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .carousel-control{background: transparent;opacity: 1;z-index: 1;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .fleche_gauche_primary img{height: 54px;top: 0;bottom: 0;margin: auto ;position: absolute;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .fleche_droite_primary img{height: 54px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact{column-gap: 10px;display: flex;flex-wrap: wrap;padding-left: 17%;padding-top: 3vh;position: relative;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.telephone{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.telephone a{align-items: center;background: #1b3368;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.telephone 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_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.telephone a img{max-width: 29px;width: 100%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.telephone a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.devis{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.devis a{align-items: center;background: #dd7e22;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.devis 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_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.devis a img{max-width: 29px;width: 100%;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.contact .bloc_item.devis a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}




.bloc_contact .bloc_contenu{background:url(images/menuiserie-joie-certification-1.png) no-repeat, url("images/menuiserie-joie-fond.png") no-repeat;background-position: 82vw 26vh, top left;column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: -3vh;padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;padding-top: 46vh;row-gap: 5vh;}
.bloc_contact .bloc_contenu .bloc_item.texte{display: flex;flex: 1 0 100%;flex-wrap: wrap;margin-bottom: -24rem;min-height: 112rem;padding-left: 10vw;padding-right: 10vw;position: relative;row-gap: 5vh;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{flex: 1 0 45%;} 
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre{padding-bottom: 3vh;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1{color: #1b3368;font: 900 var(--font-size-titre-h1)/100% "OrpheusPro-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h2{color: #1b3368;font: var(--font-size-sous-titre)/100% "Poppins-Regular";margin: 0;padding: 0;position: relative;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs{padding-top: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs .wpcf7-not-valid-tip{color: #dd7e22;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 .wpcf7-response-output{color: #1b3368;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: #1b3368;display: inline-block;font: 16px/150% "Poppins-Black";margin-bottom: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group textarea{color: #1b3368;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 .wpcf7-checkbox{border: 0;box-shadow: none;display: flex;flex-wrap: wrap;height: auto;margin: 0;padding: 0;padding-bottom: 1.5rem;padding-top: 1.5rem;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group .wpcf7-checkbox .wpcf7-list-item{flex: 0 0 33%;margin: 0;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group .wpcf7-checkbox .wpcf7-list-item label{column-gap: 1rem;display: flex;flex-wrap: wrap;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group .wpcf7-checkbox .wpcf7-list-item label input{cursor: pointer;display: block;margin: 0;outline: none;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group .wpcf7-checkbox .wpcf7-list-item label input:focus{ outline: 0 solid #aaa;outline-offset: 2px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{flex: 1 0 70%;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input{color: #1b3368;font: 16px/150% "Poppins-Regular";}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="submit"]{background: #1b3368;border-radius: 48px;color: #ffffff;font: var(--font-size-button)/100% "Poppins-Regular";display: inline-block;letter-spacing: 2px;padding: 33px 50px;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;-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{-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: 1 0 45%;position: relative;padding-left: 13rem;padding-top: 10rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls{align-content: start;column-gap: 10px;display: flex;flex: 0 0 80%;flex-wrap: wrap;justify-content: start;padding-bottom: 3vh;padding-left: 0;padding-top: 35px;row-gap : 10px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button{background: rgba(27,51,104,0.2);border: none;border-radius: 30px; display: block;padding: 9px 20px;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:hover, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button.mixitup-control-active{background: #dd7e22;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button span{color: #1b3368;font: 400 var(--font-size-texte-p)/100% "Poppins-Regular";display: block;letter-spacing: 0;position: relative;text-transform: initial;}
.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: #FFFFFF;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse{display: flex;flex-direction: column;padding-top: 0;row-gap: 2vh;}
.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: #1b3368;font: var(--font-size-sous-titre)/125% "Poppins-Regular";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse p{color: #1b3368;font: var(--font-size-texte)/125% "Poppins-Regular";margin: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.contact{column-gap: 10px;display: flex;flex-wrap: wrap;padding-top: 3vh;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.contact .bloc_item.telephone{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.contact .bloc_item.telephone a{align-items: center;background: #1b3368;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.contact .bloc_item.telephone 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.contact .bloc_item.telephone a img{max-width: 29px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.contact .bloc_item.telephone a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}


.bloc_mention .bloc_contenu{background:url(images/menuiserie-joie-certification-1.png) no-repeat, url("images/menuiserie-joie-fond.png") no-repeat;background-position: 82vw 26vh, top left;column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: -3vh;padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;padding-top: 46vh;row-gap: 5vh;}
.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: #1b3368;font: 900 var(--font-size-titre-h1)/100% "OrpheusPro-Regular";margin: 0;padding: 0;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: #dd7e22;font: var(--font-size-sous-titre)/100% "Poppins-Regular";font-family: "Poppins-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail p{color: #1b3368;font: var(--font-size-texte)/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail p strong, .bloc_mention .bloc_contenu .bloc_item.detail a{color: #1b3368;font: 16px/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: #1b3368;flex: 1 0 100%;font: var(--font-size-texte)/150% "Poppins-Regular";list-style: none;padding-left: 2rem;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.detail ul li:before{background: #1b3368;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: #1b3368;flex: 1 0 30%;font: var(--font-size-texte)/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{background: rgba(255,255,255,0.5);border: 1px solid #0b202d;padding: 2.5rem;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2{color: #1b3368;font: var(--font-size-texte)/100% "Poppins-Regular";font-family: "Poppins-Black";margin: 0;padding: 0;text-transform: uppercase;}
.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: #1b3368;font: 18px/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a:hover{color: #1b3368;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos{color: #1b3368;font: 16px/150% "Poppins-Regular";flex: 1 0 60%;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{color: #1b3368;font: var(--font-size-texte)/100% "Poppins-Regular";font-family: "Poppins-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a, .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_infos p{color: #1b3368;font: var(--font-size-texte)/150% "Poppins-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover, .bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover strong{color: #1b3368;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos img{max-width: 7vw;}

.bloc_lost .bloc_contenu{background:url(images/menuiserie-joie-certification-1.png) no-repeat, url("images/menuiserie-joie-fond.png") no-repeat;background-position: 82vw 26vh, top left;column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: -3vh;padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;padding-top: 46vh;row-gap: 5vh;}
.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: #1b3368;font: 900 var(--font-size-titre-h1)/150% "OrpheusPro-Regular";margin: 0;padding: 0;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: #1b3368;font: var(--font-size-texte)/100% "Poppins-Regular";}

#banner{height: auto;position: fixed;width: 100%;z-index: 4;-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: -8vh;}
#banner img{height: 100%;width: 100%;}


/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{align-content: flex-start;bottom: 0;display: flex;flex-wrap: wrap;padding-top: 0rem;position: relative;z-index: 2;}
footer#main .bloc_item.contenu{display: flex;flex: 0 0 100%;flex-direction: column;position: relative;z-index: 2;}
footer#main .bloc_item.contenu .bloc_item.content{align-items: start;background: url(images/menuiserie-joie-fond-footer.png) no-repeat, #1b3368;background-position: bottom right;background-size: cover;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;padding: 7vh 6vw;position: relative;row-gap: 7vh;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo{flex: 0 0 12%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo img{max-height: 86px; max-width: 156px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses{column-gap: 2vw;display: flex;flex: 0 0 39%;position: relative;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse{align-items:start;display:flex;flex: 0 0 37%;padding-left:30px;position:relative;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse:before{background: url(images/menuiserie-joie-ping.png) no-repeat;background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:22px;left:0;position:absolute;top: 0;width:18px;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse p{color:#FFFFFF;font: var(--font-size-titre-p)/120% "Poppins-Bold";margin:0;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse p span{color:#FFFFFF;display: block;font-size: var(--font-size-texte); font-family: "Poppins-Regular";padding: 2vh 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact{column-gap: 10px;display: flex;flex: 0 0 34%;flex-wrap: wrap;position: relative;row-gap: 2vh;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact p{color: #FFFFFF;flex: 0 0 100%;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.telephone{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.telephone a{align-items: center;border: solid 1px #FFFFFF;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.telephone 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);}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.telephone a img{max-width: 29px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.telephone a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.devis{align-items: center;display: flex;flex-wrap: wrap;position: relative;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.devis a{align-items: center;background: #dd7e22;border-radius: 75px;column-gap: 22px;display: inline-flex;flex-wrap: nowrap;justify-content: left;margin: 0;padding: 20px 27px 20px 20px !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;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.devis 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);}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.devis a img{max-width: 29px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact .bloc_item.devis a p{color: #FFFFFF;flex: 0 0 auto;font: var(--font-size-tel)/100% "Poppins-Regular";letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.estampille{column-gap: 2vw;display: flex; position: relative;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.estampille img{max-width: 73px; width: 100%;}
footer#main .bloc_item.contenu .bloc_item.credits{column-gap: 10px;display: flex;flex-wrap: wrap;font: 14px/100% "Poppins-Regular";justify-content: center;padding: 1vh 0;position: relative;}
footer#main .bloc_item.contenu .bloc_item.credits span{color: #1b3368; display:block;font: 14px/100% "Poppins-Regular";margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.credits a{color: #1b3368;font: 14px/100% "Poppins-Regular";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: #1b3368;}
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_banniere .bloc_item.contenu .bloc_item.slogan,
    .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)  /*galaxy tab land*/
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 85%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 75%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 41.5vw;}
    
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient( to right, rgba(255, 255, 255, 1) 37%, rgba(255, 255, 255, 0) 71%), url(images/menuiserie-joie-banniere.png) 50% 0 fixed no-repeat;background-size: cover;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{right: 28vw;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements{width: 84%;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p{column-gap: 3%;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::before,.bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::after{flex: 0 0 36%;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation{padding: 1%; padding-top: 14%;}
    .bloc_item.presentation .bloc_item.contenu{background: url(images/menuiserie-joie-fond-presentation.png) no-repeat, #FFF;background-position: 54vw bottom;padding: 5vh 6vw;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.content{flex: 0 0 35%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{align-self: center;flex: 0 0 37vw;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.content{background-size: auto, 80%;padding-right: 41%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.content ul li:before{flex: 0 0 7%;}
    .bloc_item.gestion .bloc_item.contenu .bloc_item.content{background-size: cover;}
    .bloc_item.article .bloc_item.contenu{padding-top: 39vh;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{flex: 0 0 56%;}
    .bloc_item.article .bloc_item.contenu,.bloc_categorie.prestation .bloc_contenu,.bloc_contact .bloc_contenu,.bloc_mention .bloc_contenu,.bloc_lost .bloc_contenu{background-position: 82vw 34vh, top left;}
    .bloc_categorie.prestation .bloc_contenu .bloc_item.titre{padding-left: 22vw;}
    .bloc_contact .bloc_contenu .bloc_item.texte{padding-left: 3vw;padding-right: 3vw;}
    .bloc_mention .bloc_contenu .bloc_item.detail{background: rgba(255,255,255,0.3);}
    footer#main .bloc_item.contenu .bloc_item.content{align-items: center;column-gap: 2%;padding: 7vh 3vw;justify-content: center;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact{flex: 0 0 23%;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse{flex: 0 0 42%;}

}

@media only screen and (max-width: 1024px) /*petite tab land */
{
    /*à garder*/
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse iframe{width: 95%;}
    .navigation-top .main-navigation.background{background: transparent;}
    .navigation-top.scroll .main-navigation{background: transparent;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte{padding: 0;}
    /*fin*/
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 50%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 25%;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient( to right, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 0) 88%), url(images/menuiserie-joie-banniere.png) 50% 0 fixed no-repeat;background-size: cover;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{top: 48vh;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements{margin: 0;margin-left: 10vw;margin-top: -1vh; width: 88%;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item{flex-direction: column;padding-left: 0;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item:before{position: relative;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item p{text-align: center;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item:not(:last-child):after{right: -11px;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::before, .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::after{flex: 0 0 31%;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations{flex-wrap: wrap;justify-content: center;row-gap: 2vh;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation{flex: 0 0 24%;padding-top: 17%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.content{flex: 0 0 51%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.content{background-position: 97% 5%,center right;background-size: 15%, 80%;padding-right: 38%;}
    .bloc_item.gestion .bloc_item.contenu .bloc_item.content{padding-right: 44%;}
    .bloc_item.article .bloc_item.contenu, .bloc_categorie.prestation .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{background-position: 79vw 39vh, top left;background-size: auto, 57%;padding-top: 61vh;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{flex: 0 0 74%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.contact{padding-left: 0;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-left: 17vw;}
    .bloc_categorie.prestation .bloc_contenu .bloc_item.articles{flex: 0 0 81%;flex-direction: column;padding-top: 8vh;}
    .bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama{align-self: center;}
    .bloc_categorie.prestation .bloc_contenu .bloc_item.contact{padding-left: 0;padding-top: 8vh;}

    footer#main .bloc_item.contenu .bloc_item.content{background-position: bottom center;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo{flex: 0 0 25%;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses{flex: 0 0 60%;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse{flex: 0 0 48%;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact{flex: 0 0 39%;}

    :root {
        --font-size-titre-h1: 50px;
        --font-size-titre-h2: 30px;
    }
    
    
    
}
@media screen and (max-width: 1024px)and (orientation : portrait)   /*tablette classique portrait */
{
    /*à garder*/
    .bloc_contact .bloc_contenu .bloc_item.texte,
    .bloc_mention .bloc_contenu .bloc_item.detail{flex-direction: column; flex-wrap: nowrap;padding: 0 3vw;padding-bottom: 4vh;}    
    .bloc_contact .bloc_contenu .bloc_item.texte{margin-bottom: 0;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{flex: auto;}    
    /*fin*/
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 65%;}
    .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation{flex: 0 0 32%;padding-top: 21%;}
    .bloc_item.presentation .bloc_item.contenu{background-position: 47vw bottom;flex-direction: column;row-gap: 3vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.content p{padding-right: 13vw;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{width: 62%;}
    .bloc_item.zone .bloc_item.contenu .bloc_item.content{background-position: 4% 5%,right -5vh;background-size: auto, 100%;padding-right: 4%;padding-top: 37%;row-gap: 2vh;}
    .bloc_item.gestion .bloc_item.contenu .bloc_item.content{background-position: bottom;}
    .bloc_item.article .bloc_item.contenu, .bloc_categorie.prestation .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{background-position: 76vw 25vh, top left;padding-top: 46vh;}
    .bloc_categorie.prestation .bloc_contenu .bloc_item.titre{padding-left: 16vw;padding-right: 16vw;}

    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses .bloc_item.adresse{flex: 0 0 50%;}


    
}


@media only screen and (max-width: 767px)  /*redmi 14*/
{   
    /*à garder*/
   .bloc_mention .bloc_contenu .bloc_item.titre h1,
   .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{padding: 0 3vw;}
   
   #banner {display: flex;justify-content: center;width: 100vw;height: 300px;overflow: hidden;}
   #banner img {width: 100%;height: 100%;object-fit: cover;}
   /*fin*/
   .navigation-top .main-navigation .navbar-header{width: 52%;top: 16px;}
   .navigation-top.scroll .main-navigation .navbar-header{padding: 9px;}
   .navigation-top .main-navigation .navbar-menu .menu-btn{height: 106px;width: 106px;}
   .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container{margin-right: 0;}
   .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 100%;}
   .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 95%;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 90%;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a:before{top: 12px;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 12px;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{top: 8px;}
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan{top: 22vh;}
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan .bloc_item.contact{row-gap: 2vh;}
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan p{padding: 3vh 10vw 0 0;}
   .bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient( to right, rgba(255, 255, 255, 0.9) 42%, rgba(255, 255, 255, 0) 93%), url(images/menuiserie-joie-banniere.png) 50% 0 fixed no-repeat;background-size: cover;}
   .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements{flex-direction: column;margin-left: 18vw;width: 78%;}
   .bloc_item.solutions .bloc_item.contenu .bloc_item.engagements .engagement_item:not(:last-child):after{height: 1px;margin-bottom: 2vh;position: relative;right: 0;top: 0;transform:initial; width: 80%;}
   .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::before, .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.titre p::after{flex: 0 0 10%;}
   .bloc_item.solutions .bloc_item.contenu .bloc_item.solution .bloc_item.prestations .bloc_item.prestation{flex: 0 0 47%;padding-top: 41%;}
   .bloc_item.zone .bloc_item.contenu .bloc_item.content{background-position: 4% 5%,-32vw -15vh;background-size: 30%, 157%;height: auto;padding-bottom: 4vh;padding-top: 44%;}
   .bloc_item.zone .bloc_item.contenu .bloc_item.content ul li span{flex: 0 0 69%;padding-left: 6px;}
   .bloc_item.gestion .bloc_item.contenu .bloc_item.content{padding-right: 7%;}
   .bloc_item.article .bloc_item.contenu, .bloc_categorie.prestation .bloc_contenu, .bloc_contact .bloc_contenu, .bloc_mention .bloc_contenu, .bloc_lost .bloc_contenu{background-position: 59vw 25vh, top left;background-size: 34%, 91%;}
   .bloc_item.article .bloc_item.contenu .bloc_item.contact{padding-left: 17%;row-gap: 2vh;}
   .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{flex: 0 0 100%;}
   .bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img,.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img,.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .fleche_gauche_primary img,.bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.diaporama .fleche_droite_primary img{height: 36px;}
   .bloc_categorie.prestation .bloc_contenu .bloc_item.controls{flex-direction: column;flex-wrap: nowrap;padding-left: 5vw;}
   .bloc_categorie.prestation .bloc_contenu .bloc_item.articles{flex: 0 0 100%;}
   .bloc_categorie.prestation .bloc_contenu .bloc_item.articles .bloc_item.texte{width: 93%;padding-left: 10vw;}
   .bloc_categorie.prestation .bloc_contenu .bloc_item.titre{padding-right: 3vw;}
   .bloc_categorie.prestation .bloc_contenu .bloc_item.contact{row-gap: 2vh}

   footer#main .bloc_item.contenu .bloc_item.content{flex-direction: column;flex-wrap: nowrap;}
   footer#main .bloc_item.contenu .bloc_item.content .bloc_item.adresses,footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo,footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact{flex: 0 0 auto;}
   footer#main .bloc_item.contenu .bloc_item.content .bloc_item.contact{justify-content: center;}
   :root {
    --font-size-titre-h1: 30px;
    --font-size-titre-h2: 20px;
    --font-size-titre-p: 16px;
}
   
}


@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;}  
    
}