@charset "UTF-8";
/* 
    Theme Name: EI BLAZQUEZ JAVIER
    Theme URL: rdhabitat-oloron.com
    Description: Peintre
    Version: 1.0
    Author: Sandrine Orieux pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: var(--couleur-bleu);overflow-x: hidden;font: 16px/100% "Poppins-Regular" !important;color:var(--couleur-bleu);}
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: var(--couleur-vert);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: var(--couleur-vert) !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;              /* engagements + adresse du footer */
  --font-size-mentions: 12px;
  --font-size-filtre: 14px;

  /* couleurs */
  --couleur-blanc: #f3f2ef;
  --couleur-bleu: #0b202d;
  --couleur-vert: #7fa61e;
  --couleur-gris-fond: #f3f2ef;
  --couleur-fond-menu: #ffffff;
  --couleur-separateur: #edeeef;
  --couleur-gris-texte: #9a9a9a;

  /* familles de typos */
  --font-script: "cc-matinee-idol", sans-serif;           /* 400 */
  --font-articulat: "articulat-cf", sans-serif;           /* 300 et 800 */
  --font-articulat-heavy: "articulat-heavy-cf", sans-serif; /* 900 */
  --font-poppins: "Poppins-Regular", sans-serif;

  /* tailles page d'accueil (relevées sur la maquette en 1920px) */
  --font-size-accueil-h1: 46px;
  --font-size-accueil-h2: 48px;
  --font-size-accueil-objectif: 32px;
  --font-size-accueil-engagement: 22px;
  --font-size-accueil-tel: 26px;
  --font-size-accueil-texte: 17px;        /* textes, boutons, rubriques du menu */
  --font-size-bouton-menu: 15px;          /* le bouton menu entier est dimensionné en em sur cette taille */

  /* marges latérales page d'accueil */
  --marge-accueil: 5.7vw;
  /*marge top des autres pages*/
  /* bas du header = le plus bas entre le logo (top 59px + hauteur du logo 477×113, rétréci si l'écran est trop étroit)
     et le bouton menu (marge 1vh + cercle 11.6em + halo 0.8em) */
  --hauteur-header: max(calc(59px + min(113px, (100vw - 54px) * 113 / 477)), calc(1vh + 12.4 * var(--font-size-bouton-menu)));
  /* bannière collée en haut : hauteur du ratio de rd-habitat-banniere.png, mais toujours au moins 2vh sous le logo et le menu */
  --hauteur-banniere: max(calc(100vw * 220 / 1920), calc(var(--hauteur-header) + 2vh));
  --marge-top-page: var(--hauteur-banniere);
}


/*--------------------------------------------------------------
/* 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: 54px;position: absolute;top: 59px;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: flex;float: left;height: inherit;justify-content: start;padding: 0;transition-property: color, width;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-header .navbar-brand img{margin: 0;padding: 0;position: relative;width: min(477px, 100vw - 54px);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: 21vw;}
.navigation-top .main-navigation .navbar-menu{flex: 1 0 70%;position: relative;}
/* Bouton menu : cercle vert + halo, tout est en em pour suivre --font-size-bouton-menu */
.navigation-top .main-navigation .navbar-menu .menu-btn{align-items: center;aspect-ratio: 1;background: var(--couleur-vert);border-radius: 50%;box-shadow: 0 0 0 0.8em rgba(127, 166, 30, 0.35);cursor: pointer;display: flex;font-size: var(--font-size-bouton-menu);justify-content: center;margin: 1vh 2.1vw 0 auto;position: relative;width: 11.6em;z-index: 12;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover{background: var(--couleur-bleu);box-shadow: 0 0 0 0.8em rgba(11, 32, 45, 0.35);}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container{align-items: flex-start;display: flex;flex-direction: column;margin: 0;row-gap: 0.47em;width: 5.2em;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{color: #ffffff;font: 800 1em/100% var(--font-articulat);letter-spacing: 0.6em;margin: 0 -0.6em 0.4em 0;text-transform: uppercase;transition: opacity 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre{background: #ffffff;border-radius: 0.2em;display: block;height: 0.2em;width: 100%;transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, width 0.3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre.mid{width: 64%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre.bot{width: 32%;}
/* menu ouvert : les barres forment une croix */
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;box-shadow:none;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container{align-items: center;background: var(--couleur-vert);border-radius: 54%;box-shadow: 0 0 0 0.8em rgba(127, 166, 30, 0.35);flex-direction: column;height: 54%;justify-content: center;width: 54%;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container:hover{background: var(--couleur-bleu);box-shadow: 0 0 0 0.8em rgba(11, 32, 45, 0.35);}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .titre{opacity: 0;display: none;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.top{transform: translateY(0.67em) rotate(45deg);width: 35%;}
.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{transform: translateY(-0.67em) rotate(-45deg);width: 35%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container{align-items: center;display: flex;justify-content: center;}
/* Panneau du menu ouvert (maquette-3) : bloc bleu translucide aux grands arrondis, le bouton menu vient le chevaucher en haut à droite */
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(11, 32, 45, 0.83);border-radius: 5.2vw;height: 90vh;opacity: 0;overflow: hidden;padding: 0;pointer-events: none;position: fixed;right: 1.46vw;top: 2.6vh;transform: translate3d(110%, 0, 0);width: 33vw;transition: transform .4s ease-in-out, opacity .4s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{align-items: flex-start;opacity: 1;pointer-events: auto;transform: translate3d(0, 0, 0);z-index: 11;}

/* Menu : rubriques en capitales espacées, puce carrée devant chaque lien */
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{display: flex;flex-direction: column;margin: 0;padding: 29.4vh 0 0 4.85vw;position: relative;row-gap: 2.8vh;text-align: left;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{display: block;margin-bottom: 0;padding: 0;position: relative;opacity: 0;width: 100%;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open ul#top-menu li{animation: fadeInRight .4s ease forwards;animation-delay: .3s;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{align-items: center;color: #ffffff;column-gap: 1.15em;display: inline-flex;font: 400 var(--font-size-titre-p)/100% var(--font-poppins);letter-spacing: 0.15em;text-transform: uppercase;transition: color 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a::before{background: currentColor;content: "";flex-shrink: 0;height: 0.3em;width: 0.3em;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover,
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item > a{color: var(--couleur-vert);}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-object-category > a::before{display: none;}
/* sous-menus éventuels : même style, décalés sous le parent */
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children > a{pointer-events: none;}
.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{display: flex;flex-direction: column;padding: 2.8vh 0 0 1.5vw;row-gap: 2.8vh;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;}

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
--------------------------------------------------------------*/
/* l'image et le slogan partagent la même cellule de grille : superposition sans position absolute */
.bloc_banniere{position: relative;z-index: 1;}
.bloc_banniere .bloc_item.contenu{display: grid;grid-template-columns: 100%;min-height: 100vh;min-height: 100svh;overflow: hidden;}
.bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient(to right, rgba(243, 242, 239, 0.95) 0%, rgba(243, 242, 239, 0.6) 30%, rgba(243, 242, 239, 0) 55%), url(images/rd-habitat-cover.png) center / cover fixed no-repeat;grid-area: 1 / 1;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan{align-self: center;grid-area: 1 / 1;max-width: calc(var(--marge-accueil) + 45.7vw);padding: 33vh 0 6vh var(--marge-accueil);z-index: 1;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan h1{color: var(--couleur-bleu);display: inline-grid;font: 900 var(--font-size-accueil-h1)/96% var(--font-articulat-heavy);letter-spacing: 0;margin: 0 0 3vh;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);margin: 0 0 4vh;padding: 0;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan h1 + p{max-width: 61%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button{margin-bottom: 4.5vh;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button a{align-items: center;background: var(--couleur-vert);border-radius: 50px;color: #ffffff;column-gap: 0.75em;display: flex;font: var(--font-size-accueil-tel)/100% var(--font-poppins);max-width: 100%;padding: 0.4em 1.15em 0.4em 0.4em;white-space: nowrap;width: fit-content;transition: all 0.3s ease;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button a::before{background: url(images/rd-habitat-telephone.png) center / contain no-repeat;content: "";flex-shrink: 0;height: 1.6em;width: 1.6em;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button a:hover{background: var(--couleur-bleu);}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan h2{color: var(--couleur-vert);display: inline-block;font: 400 var(--font-size-accueil-objectif)/120% var(--font-script);margin: 0 0 2vh;padding: 0;text-transform: none;transform: rotate(-5deg);transform-origin: left bottom;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan strong{color: var(--couleur-bleu);display: block;font: 800 var(--font-size-accueil-engagement)/138% var(--font-articulat);max-width: 83.5%;text-transform: uppercase;}
/*--------------------------------------------------------------
/* 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.presentation{position: relative;z-index: 2;}
.bloc_item.presentation .bloc_item.contenu{align-items: center;background: url("images/rd-habitat-fond-presentation.png") -70px bottom / 600px auto no-repeat, var(--couleur-gris-fond);box-shadow: 0px -16px rgba(243, 242, 239, 0.3);column-gap: 1.6vw;display: grid;grid-template-columns: 50px minmax(0, 1fr) minmax(0, 838px);padding: 5.6vh var(--marge-accueil) 10vh 1.6vw;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.fleche{flex: 1 0 100%;height: 6vw;left: 0;margin: auto;max-height: 93px;max-width: 93px;position: absolute;right: 0;top: -13%;width: 6vw;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/rd-habitat-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 100%;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social{align-self: start;display: flex;flex-direction: column;grid-column: 1;grid-row: 1;margin-top: -8vh;row-gap: 1.2vh;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a{display: block;transition: transform 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a:hover{transform: scale(0.9);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social img{display: block;height: 50px;width: 50px;}
/* Facebook et Instagram masqués sur toutes les pages : seul le téléphone (1er élément) reste */
.bloc_item.presentation .bloc_item.contenu .bloc_item.social > :not(:first-child),
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.social > :not(:first-child){display: none;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content{grid-column: 2;grid-row: 1;padding-left: 7.4vw;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content h2{color: var(--couleur-bleu);font: 300 var(--font-size-accueil-h2)/92% var(--font-articulat);letter-spacing: 0;margin: 0 0 2.4vh;padding: 0;text-transform: none;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content h2 span{color: var(--couleur-vert);display: block;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content p{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);-webkit-hyphens: auto;hyphens: auto;margin: 0;padding: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content > span,
.bloc_item.presentation .bloc_item.contenu .bloc_item.content p > span{align-items: center;color: var(--couleur-bleu);column-gap: 0.5em;display: inline-flex;font: var(--font-size-accueil-texte)/141% var(--font-poppins);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content > span::before,
.bloc_item.presentation .bloc_item.contenu .bloc_item.content p > span::before{background: currentColor;content: "";height: 1px;width: 1.2em;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content .button{margin-top: 5vh;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content .button a{background: var(--couleur-vert);border-radius: 50px;color: #ffffff;display: inline-block;font: var(--font-size-accueil-texte)/140% var(--font-poppins);padding: 1.5em 3.8em;text-align: center;transition: all 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content .button a::first-letter{text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.content .button a:hover{background: var(--couleur-bleu);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{grid-column: 3;grid-row: 1;min-width: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 8px;cursor: pointer;list-style: none;margin: 0;padding: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item li{display: block;list-style: none;padding: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{aspect-ratio: 838 / 471;display: block;height: auto;max-width: 838px;object-fit: cover;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control{align-items: center;background-image: none;display: flex;opacity: 1;padding: 0 2.4%;text-shadow: none;width: auto;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control img{display: block;transition: transform 0.3s ease;width: 41px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control:hover img{transform: scale(1.1);}


.bloc_item.menu .bloc_item.contenu{background: var(--couleur-fond-menu);padding: 5vh var(--marge-accueil) 7vh;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubriques{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));list-style: none;margin: 0 -0.75vw;padding: 0;row-gap: 5vh;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique{border-left: 1px solid var(--couleur-separateur);padding: 0 0.75vw;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique:first-child{border-left: 0;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique a{align-items: center;display: flex;flex-direction: column;height: 100%;padding-top: 1vh;row-gap: 3vh;text-align: center;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique .icone{display: grid;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique .icone img{grid-area: 1 / 1;height: 80px;transition: opacity 0.3s ease;width: 98px;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique .icone img.hover,
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique a:hover .icone img.normal{opacity: 0;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique a:hover .icone img.hover{opacity: 1;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique h3{color: var(--couleur-bleu);flex: 1 0 auto;font: 800 var(--font-size-accueil-texte)/150% var(--font-articulat);letter-spacing: 0.5px;margin: 0;padding: 0;text-transform: uppercase;transition: color 0.3s ease;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique a:hover h3{color: var(--couleur-vert);}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique .photo{border-radius: 8px;display: block;overflow: hidden;width: 100%;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique .photo img{aspect-ratio: 260 / 146;display: block;height: auto;object-fit: cover;transition: transform 0.5s ease;width: 100%;}
.bloc_item.menu .bloc_item.contenu .bloc_item.rubrique a:hover .photo img{transform: scale(1.06);}

/* FAQ : accordéon (cartes blanches arrondies, chevron dessiné en CSS) */
.bloc_item.FAQ .bloc_item.contenu{background: url("images/rd-habitat-fond-presentation.png") right bottom / 600px auto no-repeat, var(--couleur-gris-fond);padding: 8vh var(--marge-accueil) 10vh;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.titre h2{color: var(--couleur-bleu);font: 300 var(--font-size-accueil-h2)/92% var(--font-articulat);letter-spacing: 0;margin: 0 0 5vh;padding: 0;text-transform: none;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion{margin: 0;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item{background: #ffffff;border-radius: 8px;margin-bottom: 1.5vh;overflow: hidden;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .arrow{display: none;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-toggle{align-items: center;color: var(--couleur-bleu);column-gap: 1.5em;cursor: pointer;display: flex;font: 800 var(--font-size-accueil-texte)/150% var(--font-articulat);justify-content: space-between;letter-spacing: 0.5px;padding: 1.4em 1.8em;text-transform: uppercase;transition: color 0.3s ease;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-toggle::after{border-bottom: 2px solid currentColor;border-right: 2px solid currentColor;content: "";flex-shrink: 0;height: 0.55em;margin-top: -0.3em;transform: rotate(45deg);width: 0.55em;transition: transform 0.3s ease, margin 0.3s ease;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-toggle:hover,
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item.is-open .accordion-toggle{color: var(--couleur-vert);}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item.is-open .accordion-toggle::after{margin-top: 0.3em;transform: rotate(-135deg);}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);padding: 0 1.8em 1.6em;-webkit-hyphens: auto;hyphens: auto;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel > *:last-child{margin-bottom: 0;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel h2{color: var(--couleur-bleu);font: 800 var(--font-size-accueil-texte)/150% var(--font-articulat);margin: 0 0 1.5vh;padding: 0;text-transform: uppercase;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel p{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);margin: 0 0 1.5vh;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel p strong{font-family: var(--font-articulat);font-weight: 800;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel a{color: var(--couleur-vert);transition: color 0.3s ease;}
.bloc_item.FAQ .bloc_item.contenu .bloc_item.accordion .accordion-item .accordion-panel a:hover{color: var(--couleur-bleu);}




.bloc_item.article .bloc_item.contenu{background: var(--couleur-fond-menu);margin-top: var(--marge-top-page);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro{background: url(images/rd-habitat-fond-presentation.png) -70px bottom / 600px auto no-repeat, var(--couleur-gris-fond);column-gap: 16.6vw;display: grid;grid-template-columns: 50px minmax(0, 52vw);padding: 7.8vh var(--marge-accueil) calc(7.2vh + 8.3vh) 1.6vw;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.social{display: flex;flex-direction: column;grid-column: 1;grid-row: 1;row-gap: 1.2vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.social a{display: block;transition: transform 0.3s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.social a:hover{transform: scale(0.9);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.social img{display: block;height: 50px;width: 50px;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre{grid-column: 2;grid-row: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre h1{color: var(--couleur-bleu);font: 900 var(--font-size-accueil-h1)/96% var(--font-articulat-heavy);letter-spacing: 0;margin: 0 0 1.6vh;padding: 0;text-transform: none;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre h2{color: var(--couleur-vert);font: 300 var(--font-size-accueil-tel)/120% var(--font-articulat);letter-spacing: 0;margin: 0 0 2.8vh;padding: 0;text-transform: none;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre p{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);margin: 0;padding: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre ul li{color: var(--couleur-bleu);flex: 1 0 100%;font: var(--font-size-texte-p)/150% "Poppins-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre ul li:before{background: var(--couleur-bleu);content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .button{margin-top: 3.5vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .button a{background: var(--couleur-vert);border-radius: 50px;color: #ffffff;display: inline-block;font: var(--font-size-accueil-texte)/140% var(--font-poppins);padding: 1.5em 3.8em;text-align: center;transition: all 0.3s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .button a:hover{background: var(--couleur-bleu);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle, .bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .more{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);padding: 0;margin: 0;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle strong, .bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .more strong{color: var(--couleur-bleu);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .active{margin-top: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .less{text-align: left;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .more ul{margin-bottom: 1vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .more a{color: var(--couleur-bleu);font: var(--font-size-accueil-texte)/141% var(--font-poppins);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .more a:hover{color: var(--couleur-vert);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .less .button-read-more{border: 0;border-radius: 5px;color: var(--couleur-bleu);display: inline-block;font: var(--font-size-accueil-texte)/141% var(--font-poppins);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.intro .bloc_item.titre .toggle .less .button-read-more:hover{color:var(--couleur-vert);}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .less.active .button-read-more, .bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .less .button-read-less{display: none}
.bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre .toggle .less.active .button-read-less{border: 0;border-radius: 5px;color: var(--couleur-bleu);display: inline-block;font: var(--font-size-accueil-texte)/141% var(--font-poppins);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.intro .bloc_item.titre .toggle .less.active .button-read-less:hover{color: var(--couleur-vert);}
.bloc_item.article .bloc_item.contenu .bloc_item.grille{background: linear-gradient(to bottom, transparent 8.3vh, var(--couleur-fond-menu) 8.3vh);margin-top: -8.3vh;padding: 0 var(--marge-accueil) 10vh;position: relative;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 4;column-gap: 1.46vw;margin: 0;padding: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a{border-radius: 8px;break-inside: avoid;display: grid;margin-bottom: 1.46vw;overflow: hidden;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a img{display: block;grid-area: 1 / 1;height: auto;transition: transform 0.5s ease;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a:hover img{transform: scale(1.06);}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_masque{align-items: center;background: rgba(11, 32, 45, 0.5);display: flex;grid-area: 1 / 1;justify-content: center;opacity: 0;transition: opacity 0.3s ease;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a:hover .bloc_masque{opacity: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a .bloc_masque .bloc_croix{background: url(images/rd-habitat-croix.png) center / contain no-repeat;height: 40px;width: 40px;}




.bloc_categorie.prestation .bloc_contenu .bloc_item.intro .bloc_item.controls{display: flex;flex-wrap: wrap;gap: 1vh 0.6vw;margin-bottom: 4.5vh;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.intro .bloc_item.controls button{background: var(--couleur-bleu);border: 0;border-radius: 50px;color: #ffffff;cursor: pointer;display: block;font: var(--font-size-filtre)/100% var(--font-poppins);margin: 0;padding: 0.9em 1.6em;width: auto;transition: background 0.3s ease;}
.bloc_categorie.prestation .bloc_contenu .bloc_item.intro .bloc_item.controls button:hover,
.bloc_categorie.prestation .bloc_contenu .bloc_item.intro .bloc_item.controls button.mixitup-control-active{background: var(--couleur-vert);}
.bloc_categorie.prestation .bloc_contenu .bloc_item.intro .bloc_item.controls button span{display: block;}




.bloc_contact .bloc_contenu{column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: var(--marge-top-page);padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;row-gap: 5vh;}
.bloc_contact .bloc_contenu .bloc_item.texte{display: flex;flex: 1 0 100%;flex-wrap: wrap;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: var(--couleur-bleu);font: 900 var(--font-size-accueil-h1)/96% var(--font-articulat-heavy);margin: 0 0 1.6vh;padding: 0;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h2{color: var(--couleur-bleu);font: 800 var(--font-size-sous-titre)/125% var(--font-articulat);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: var(--couleur-vert);display: inline-block;font: 16px/150% var(--font-poppins);margin-bottom: 0;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .wpcf7-response-output{color: var(--couleur-bleu);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: var(--couleur-bleu);display: inline-block;font: 800 var(--font-size-texte)/150% var(--font-articulat);margin-bottom: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group textarea{color: var(--couleur-bleu);font: 16px/150% var(--font-poppins);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% var(--font-poppins);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: var(--couleur-bleu);font: 16px/150% var(--font-poppins);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="submit"]{background: var(--couleur-bleu);border-radius: 48px;color: #ffffff;font: var(--font-size-button)/100% var(--font-poppins);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(11, 32, 45,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: var(--couleur-vert);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button span{color: var(--couleur-bleu);font: 400 var(--font-size-texte-p)/100% var(--font-poppins);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: var(--couleur-bleu);font: 800 var(--font-size-sous-titre)/125% var(--font-articulat);margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse p{color: var(--couleur-bleu);font: var(--font-size-texte)/125% var(--font-poppins);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: var(--couleur-bleu);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% var(--font-poppins);letter-spacing: 0;margin: 0;max-width: 100%;padding: 0;text-transform: initial;}


.bloc_mention .bloc_contenu{column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: var(--marge-top-page);padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;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: var(--couleur-bleu);font: 900 var(--font-size-accueil-h1)/96% var(--font-articulat-heavy);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: var(--couleur-vert);font: 800 var(--font-size-sous-titre)/125% var(--font-articulat);margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail p{color: var(--couleur-bleu);font: var(--font-size-texte)/150% var(--font-poppins);}
.bloc_mention .bloc_contenu .bloc_item.detail p strong, .bloc_mention .bloc_contenu .bloc_item.detail a{color: var(--couleur-bleu);font: 16px/150% var(--font-poppins);}
.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: var(--couleur-bleu);flex: 1 0 100%;font: var(--font-size-texte)/150% var(--font-poppins);list-style: none;padding-left: 2rem;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.detail ul li:before{background: var(--couleur-bleu);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: var(--couleur-bleu);flex: 1 0 30%;font: var(--font-size-texte)/150% var(--font-poppins);}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{border: 1px solid var(--couleur-bleu);padding: 2.5rem;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2{color: var(--couleur-bleu);font: 800 var(--font-size-texte)/125% var(--font-articulat);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: var(--couleur-bleu);font: 18px/150% var(--font-poppins);}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a:hover{color: var(--couleur-bleu);}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos{color: var(--couleur-bleu);font: 16px/150% var(--font-poppins);flex: 1 0 60%;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{color: var(--couleur-bleu);font: 800 var(--font-size-texte)/125% var(--font-articulat);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: var(--couleur-bleu);font: var(--font-size-texte)/150% var(--font-poppins);}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover, .bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover strong{color: var(--couleur-bleu);}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos img{max-width: 7vw;}

.bloc_lost .bloc_contenu{column-gap: 1vw;display: flex;flex-wrap: wrap;justify-content: center;margin-top: var(--marge-top-page);padding-bottom: 5vh;padding-left: 3vw;padding-right: 3vw;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;padding-top: 4vh;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: var(--couleur-bleu);font: 900 var(--font-size-accueil-h1)/96% var(--font-articulat-heavy);margin: 0 0 1.6vh;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: var(--couleur-bleu);font: var(--font-size-texte)/100% var(--font-poppins);}

#banner{height: var(--hauteur-banniere);left: 0;position: fixed;top: 0;width: 100%;z-index: 4;}
#banner img{display: block;height: 100%;object-fit: cover;width: 100%;}


/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{background: var(--couleur-gris-fond);position: relative;z-index: 2;}
/* Avis Google (widget Trustindex) */
footer#main .bloc_item.contenu .bloc_item.avis{background: var(--couleur-fond-menu);padding: 3vh 10.4vw 4vh;}
/* Bande engagements : les engagements se partagent la largeur sans descendre sous leur contenu,
   le téléphone garde la largeur de son contenu et passe seul à la ligne (pleine largeur) quand il n'y a plus la place */
footer#main .bloc_item.contenu .bloc_item.engagements{background: var(--couleur-bleu);display: flex;flex-wrap: wrap;}
footer#main .bloc_item.contenu .bloc_item.engagement{align-items: center;border-left: 1px solid rgba(255, 255, 255, 0.15);column-gap: 0.95vw;display: flex;flex: 10 1 0;justify-content: center;min-width: max-content;padding: 2.4vh 0.75vw;}
footer#main .bloc_item.contenu .bloc_item.engagement:first-child{border-left: 0;}
footer#main .bloc_item.contenu .bloc_item.engagement img{flex-shrink: 0;height: 51px;object-fit: contain;width: 61px;}
footer#main .bloc_item.contenu .bloc_item.engagement p{color: #ffffff;font: var(--font-size-footer)/185% var(--font-poppins);letter-spacing: 0.15em;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.telephone{align-items: center;background: var(--couleur-vert);color: #ffffff;column-gap: 0.9em;display: flex;flex: 1 0 auto;font: var(--font-size-accueil-tel)/100% var(--font-poppins);justify-content: center;padding: 2.4vh 1.6vw;white-space: nowrap;transition: filter 0.3s ease;}
footer#main .bloc_item.contenu .bloc_item.telephone:hover{color: #ffffff;filter: brightness(0.9);}
footer#main .bloc_item.contenu .bloc_item.telephone img{flex-shrink: 0;height: 1.6em;width: 1.6em;}
/* Bas de page : logo + coordonnées */
footer#main .bloc_item.contenu .bloc_item.content{align-items: center;column-gap: 10.4vw;display: flex;padding: 3.7vh var(--marge-accueil) 3.3vh 18.5vw;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo{display: block;flex-shrink: 0;max-width: 100%;width: 275px;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo img{display: block;height: auto;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.coordonnees p{color: var(--couleur-bleu);font: var(--font-size-footer)/140% var(--font-poppins);letter-spacing: 0.2em;margin: 0 0 1.5vh;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits{align-items: center;color: var(--couleur-gris-texte);column-gap: 0.6em;display: flex;flex-wrap: wrap;font: var(--font-size-mentions)/140% var(--font-poppins);}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits a{color: inherit;transition: color 0.3s ease;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits a:hover{color: var(--couleur-vert);}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits img.flag{display: block;height: 12px;width: auto;}

/*--------------------------------------------------------------
/*  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;}

    /* background-attachment: fixed n'est pas géré correctement sur mobile */
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-attachment: scroll;}

}

@media only screen and (max-width: 1919px)  /*galaxy tab land*/
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 58vw;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{max-width: 100vw;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{    background: linear-gradient(to right, rgba(243, 242, 239, 0.95) 17%, rgba(243, 242, 239, 0.6) 57%, rgba(243, 242, 239, 0) 75%), url(images/rd-habitat-cover.png) center / cover fixed no-repeat;}
    :root{--font-size-accueil-h1: 42px;--font-size-accueil-h2: 42px;}
    /* le diaporama garde la proportion de la maquette (838px / 1920px) pour laisser de la place au texte */
    .bloc_item.presentation .bloc_item.contenu{grid-template-columns: 50px minmax(0, 1fr) minmax(0, 43.6vw);}
    .bloc_contact .bloc_contenu .bloc_item.texte{padding: 0;}




}

@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*/
    :root{
        --font-size-accueil-h1: 30px;
        --font-size-accueil-tel: 20px;
        --font-size-accueil-engagement: 20px;
        --font-size-accueil-h2: 40px;
    }
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan h1 + p{max-width: 67%;}
    .bloc_item.presentation .bloc_item.contenu{background: url(images/rd-habitat-fond-presentation.png) -70px 20vh/ 600px auto no-repeat, var(--couleur-gris-fond);grid-template-columns: 100%;padding: 6vh var(--marge-accueil) 8vh;row-gap: 4vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.fleche{top: -5%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.content{grid-column: 1;grid-row: 2;padding-left: 0;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{grid-column: 1;grid-row: 3;justify-self: center;max-width: 838px;width: 100%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.social{column-gap: 1.2vw;flex-direction: row;grid-column: 1;grid-row: 1;justify-self: center;margin-top: 0;}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubriques{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubrique:nth-child(3n+1){border-left: 0;}
    footer#main .bloc_item.contenu .bloc_item.avis{padding-left: var(--marge-accueil);padding-right: var(--marge-accueil);}
    footer#main .bloc_item.contenu .bloc_item.engagement{flex: 1 0 50%;}
    footer#main .bloc_item.contenu .bloc_item.engagement:nth-child(2n+1){border-left: 0;}
    footer#main .bloc_item.contenu .bloc_item.engagement:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.15);}
    footer#main .bloc_item.contenu .bloc_item.telephone{flex-basis: 100%;}
    footer#main .bloc_item.contenu .bloc_item.content{justify-content: center;padding-left: var(--marge-accueil);}
    .bloc_item.article .bloc_item.contenu .bloc_item.intro{column-gap: 6vw;grid-template-columns: 50px minmax(0, 1fr);}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 3;column-gap: 2vw;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a{margin-bottom: 2vw;}
}
@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{width: 78vw;}
    
    
}


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

   :root{--hauteur-banniere: 124px;}
   /*fin*/
   :root
    {
        --marge-accueil: 5vw;
        --font-size-accueil-h1: 25px;
        --font-size-accueil-objectif: 28px;
        --font-size-accueil-engagement: 17px;
        --font-size-accueil-tel: 22px;
        --font-size-accueil-h2: 34px;
        --font-size-accueil-texte: 16px;
        --font-size-bouton-menu: 10px; 
        --font-size-titre-p: 16px;
    }

    .navigation-top .main-navigation .navbar-header{left: 17px;top: 17px;}
    .navigation-top.scroll .main-navigation .navbar-header{left: 0;top: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 62vw;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 55vw;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{margin: 0 3vw 0 auto;width: 9.6em;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 97vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{letter-spacing: 0;}
    #banner img{object-position: 30%;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-image: linear-gradient(to right, rgba(243, 242, 239, 0.7) 42%, rgba(243, 242, 239, 0.2) 91%), url(images/rd-habitat-cover.png);}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{max-width: none;padding: max(18vh, 160px) var(--marge-accueil) 5vh;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan h1 + p, .bloc_banniere .bloc_item.contenu .bloc_item.slogan strong{max-width: none;}
    .bloc_item.presentation .bloc_item.contenu{background-size: 380px auto;padding: 5vh var(--marge-accueil) 6vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.fleche{height: 12vw;width: 12vw;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.content .button{margin-top: 3vh;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control img{width: 32px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan h1{display: inline;}
    .bloc_item.menu .bloc_item.contenu{padding: 4vh var(--marge-accueil) 5vh;}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubriques{grid-template-columns: repeat(2, minmax(0, 1fr));margin: 0 -2.5vw;row-gap: 4vh;}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubrique{padding: 0 2.5vw;}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubrique:nth-child(3n+1){border-left: 1px solid var(--couleur-separateur);}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubrique:nth-child(2n+1){border-left: 0;}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubrique a{row-gap: 2vh;}
    .bloc_item.menu .bloc_item.contenu .bloc_item.rubrique .icone img{height: 60px;width: 74px;}
    footer#main .bloc_item.contenu .bloc_item.engagements{justify-content: center;}
    footer#main .bloc_item.contenu .bloc_item.engagement{border-left: 0;flex: 0 0 81%;column-gap: 4vw;justify-content: flex-start;padding: 2vh var(--marge-accueil);}
    footer#main .bloc_item.contenu .bloc_item.engagement:nth-child(n+2){border-top: 1px solid rgba(255, 255, 255, 0.15);}
    footer#main .bloc_item.contenu .bloc_item.content{flex-direction: column;padding: 4vh var(--marge-accueil);row-gap: 3vh;text-align: center;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.logo{width: 220px;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits{justify-content: center;}
    .bloc_item.article .bloc_item.contenu .bloc_item.intro{grid-template-columns: 100%;padding: 5vh var(--marge-accueil) calc(5vh + 8.3vh);row-gap: 4vh;}
    .bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.social{column-gap: 3vw;flex-direction: row;grid-row: 2;justify-content: center;}
    .bloc_item.article .bloc_item.contenu .bloc_item.intro .bloc_item.titre{grid-column: 1;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{column-count: 2;column-gap: 3vw;}
    .bloc_item.article .bloc_item.contenu .bloc_item.grille .bloc_item.galerie a{margin-bottom: 3vw;}
   
}


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