/*aniamtion*/
a[href]:has(img) img {
  transition: transform 0.3s;
}

a[href]:has(img) img:hover {
  transform: scale(0.9);
}


.hero-video-h1,h1 {
    opacity: 0;
    transform: translateY(200px);
    transition: opacity 2s ease, transform 2s ease;
}

.hero-video-h1.visible,h1.visible, h2.visible, h3.visible, h4.visible, p.visible, .callout.visible, .decouvrir.scroll-anim .group.visible {
    opacity: 1;
    transform: translateY(0);
}
/*aze*/
main {
    width: 100%;
}

.fils {
    width: 100%;
}

/*reglages generale*/
.pad { /*bloc avec padding*/
    padding-left: 80px !important;
    padding-right: 80px !important;
}

h1 span, h2 span, h3 span, p span{
    text-underline-offset: 10px !important;
    text-decoration-color: var(--wp--preset--color--primaire) !important;
    text-decoration-thickness: 5px !important;
}

h1 span {
    text-underline-offset: 10px !important;
    text-decoration-color: var(--wp--preset--color--primaire) !important;
    text-decoration-thickness: 8px !important;
}

.expert h2 span {
    text-decoration-color: rgb(255, 255, 255)!important;
}

.gex p span{
    text-decoration-color: rgba(0, 0, 0, 0.537)!important;
    text-underline-offset: 5px !important;
    text-decoration-thickness: 4px !important;
}

img, svg {
    object-fit: cover !important;
}

.btn-contact.menu-burger{
    display: none !important;
}

.newNav {
    display: none;
}

/*header*/
header{
    background: transparent;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 80px;
    padding-right: 80px;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    transition: background 0.3s, padding 0.3s;
    align-items: center;
}

html:not([data-scroll='0']) header{
    background-color: black;
    padding-top: 20px;
    padding-bottom: 20px;
}

html:not([data-scroll='0']) header svg{
    width: 50px;
    height: 100%;
}

header:first-of-type {
    z-index: 600 !important;
}

header:last-of-type {
    z-index: 99;
    position: static;
    background: none !important;
    padding: 0 !important;
}

header img {
    max-width: none !important;
    min-width: 44px;
    height: 100%;
}

.logo-header svg {
    width: 110px;
    height: 100%;
    transition: width 0.3s;
    overflow: visible;
}

.logo-header::after {
    display: none !important;
}

header a {
    color: white;
    font-family: var(--wp--preset--font-family--fustat);
    font-size: var(--wp--preset--font-size--menu-item);
    position: relative;
    text-decoration: none;
    font-weight: 700;
}

header a:hover {
    color: var(--wp--preset--color--light);
}

header a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--wp--preset--color--primaire);
    transition: width 0.4s ease;
}   

header a:hover::after {
    width: 100%;
}

/*sous menus*/
.widget_nav_menu .sub-menu {
    opacity: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    background: white;
    padding: 40px;
    border-radius: 0px 60px 0px 60px;
    margin-top: 20px;
    margin-right: -150px;
    gap: 10px;
    transition: translate(-10px);
    transition: opacity 0.2s, translate 0.2s ;
    pointer-events: none;
}

.widget_nav_menu .sub-menu.open {
    opacity: 1;
    transform: translatey(120px);
    pointer-events: all
}

.widget_nav_menu ul {
    display: flex;
    gap: 50px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_nav_menu ul li {
    position: relative;
}

.widget_nav_menu ul .sub-menu a {
    text-decoration: none;
    color: var(--wp--preset--color--dark);
}

.widget_nav_menu ul {
    display: flex;
    gap: 50px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu-menu .domaine{
    display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}

.domaine::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 10px;
    margin-left: 6px;
    background: url('/wp-content/uploads/2026/05/Vector-9.svg') no-repeat center / contain;
    align-items: center;
    transition: transform 0.7s;
}

header .current-menu-ancestor > a::after,
header .current-menu-parent > a::after {
    width: 100%;
}

.domaine a::after{
    align-items: center;
    text-align: center;
}

.domaine:hover::after {
    transform: rotate(310deg);
}

header .current-menu-item a::after {
    width: 100%;
}

.newNav a.actif::after {
    width: 100%;
    opacity: 1;
}
/*
.btn-phone {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 10px;
    border-radius: 160px;
    margin-top: 10px;
}
*/

/* animation header */
.logo-header:hover svg .chapeau {
    transform: translateY(35px);
    z-index: 5900;
    position: relative;
}

.logo-header svg .chapeau, .logo-header svg .bas {
    transition: transform 1.5s;
}

.logo-header:hover svg .bas {
    transform: translateY(-35px);
    z-index: 5900;
    position: relative;
}

.logo-header:hover svg .rond {
    transform: rotate(360deg);
    transform-origin: 50% 60%; 
    transform-box: fill-box;    
}

.logo-header svg .rond {
    transition: transform 0.7s;
    transform-origin: 50% 60%; 
    transform-box: fill-box; 
}
/*header*/

/*accueil*/
/*intro*/
.intro{
    background-color: rgb(255, 255, 255);
    border-top-right-radius: 160px !important;
    margin-top: -17% !important;
    z-index: 5 !important;
    position: relative !important;
    background-image: url("/wp-content/uploads/2026/06/flamme-blanche.svg");
    background-repeat: no-repeat!important;
    background-size: 220px;
    background-position: right 40px top 10px;
    padding-left: 80px !important;
    padding-right: 80px !important;
    padding-bottom: 30px !important;
    width: 100%;
}

.intro.page.accueil {
    margin-top: -250px !important;
}

.description p{
    width: 70%;
}


/*section projet sur mesure*/

.pad.projet {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 100px;
    align-items: stretch;
}

.page-id-25 .pad.projet{
    grid-template-columns: 2fr 1fr;
}

.pad.projet .texte {
    flex: 1;
    min-width: 0;
}

.pad.projet .bloc {
  flex: 2;
  min-width: 0;
  display: flex;
  gap: 20px;
  align-self: stretch;
  overflow: hidden;
}

.pad.projet .bloc .wp-block-image {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.pad.projet .bloc img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  display: block;
}

/*img carrré*/
.pad.projet .carre{
    gap: 20px;
}
.pad.projet .carre .wp-block-image {
  flex: 1;
  margin: 0;
  overflow: hidden;
}

.pad.projet .carre img {
  width: 100% !important;
  height: 430px !important;
  object-fit: cover !important;
  display: block;
}

.pad.projet.bloc {
    display: flex;
    align-items: center;
}
.pad.projet.bloc .bloc,
.pad.projet.bloc .texte{
    flex: 1;
}
/*autre class*/

.pad.projet.bloc .bloc .wp-block-image:not(.logo .wp-block-image) {
  min-width: 100%;
}

.pad.projet.bloc .bloc img:not(.texte img){
  width: 100%;
  height: 540px !important;
  object-fit: cover !important;
  display: block;
  overflow: hidden;
}

.texte img:not(.logo img){
    width: 20px !important;
    height: 20px !important;
}

/*section showroom*/ 
.showroom {
    background-color: black;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    position: relative;
    z-index: 5;
    margin-bottom: -160px !important;
}

.pad.show {
    padding-top: 100px ;
    padding-bottom: 100px;
}

.showroom .cta {
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.674), rgba(0, 0, 0, 0.756)),
    url("/wp-content/uploads/2026/06/flamme-blanche.svg");
    background-repeat: no-repeat!important;
    background-size: 250px;       
    background-position: left 40px bottom 35px;
}

.cta p{
    text-align: center;
    
}

.cta, .decouvrir {
    width: 100%;
}

.pad.show .contenu {
    display: flex;
    gap: 80px;
    align-items: center;
}

.pad.show .contenu .wp-block-image {
    flex: 0 1 45%;            
    max-width: none !important;
    aspect-ratio: 1 / 1;
}

.pad.show .contenu .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;
}

.pad.show .contenu > div {
    flex: 1;
    min-width: 0;
}

/*section partenaire*/ 
.pad.partenaire {
    display: flex;
    align-items: start;
    gap: 100px;
    padding-top: 0px !important;
    padding-bottom: 100px !important;
}

.pad.partenaire .texte {
    flex: 1;
    min-width: 0;
}

.pad.partenaire .logo {
    flex: 2;
    min-width: 0;
}

.pad.partenaire .gris{
    padding: 40px;
    gap: 20px;
}

.pad.partenaire .gris img{
    padding: 20px;
}

.decouvrir {
    display: flex;
    gap: 40px !important;
    align-self: stretch;
    position: relative;
}

.decouvrir .bot {
    flex: 1 1 0;
    min-width: 0;
}

.decouvrir .bot.icone p {
    text-align: center;
}
.decouvrir .bot.icone p a {
    transition: color 0.3s;
    text-align: center !important;
}
.decouvrir .bot.icone p:hover a{
    color: var(--wp--preset--color--primaire) !important;
}

.decouvrir .wp-image-566, .decouvrir .wp-image-567 {
    width: 250px;
    max-width: max-content;
}

.decouvrir .group {
    display: flex;
    flex: flex-start;
}

.group {
    gap: 20px ;
}

.pad.present {
    position: relative;
}

.wp-image-646{
    position: absolute;
    top: 0px;
}

.wp-image-648{
    position: absolute;
    bottom: 0px;
}

/*page cheminé section etape*/ 

.etape {
    display: flex;
    align-items: center;
    gap: 80px;
}

.etape .texte {
    flex: 2;
    min-width: 0;
}

.etape .bloc {
    flex: 1;
    min-width: 0;
}

.etape .bloc img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    aspect-ratio: 1/1;
}

.pad.present .wp-image-648 {
    position: absolute;
    right: 80px;
}

.pad.projet.bloc .wp-image-627{
    border-radius: 0% !important;
}


/*section transition full image */ 

.full {
    position: relative;
    height: 700px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    z-index: 0;
    display: flex;             
    align-items: center;       
}

.full::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.full .pad.descri {
    position: relative;
    z-index: 3;
    width: 50%;
}

/*showroom sommmaire */
.showroom.bas .flamme{
    gap: 5px !important;
}
.pad.show .content {
    text-align: center;
}

/*page poele*/
.pad.rond {
    display: flex;
    flex-direction: row;
    margin: 0px !important;
    gap: 20px;
}

.rond .texte {
    margin: 0px !important;
    width: 100%;
}

.pad.rond .texte:first-child {
    flex: 2;
}

.pad.rond .texte:last-child {
    flex: 1;
}

.blocus .pad {
    width: 100%;
}

.pad.rond .texte:first-child, 
.blocus.noir {
    border-top-right-radius: 160px !important;
    border-bottom-left-radius: 160px !important;
}

.pad.rond .texte:last-child {
    border-top-left-radius: 160px !important;
    border-bottom-right-radius: 160px !important;
}

.blocus.noir .texte:last-child{
    border-bottom-left-radius: 110px !important;
}
.blocus, .pad.rond {
    width: 100% !important;
}

/*contact*/

.intro.page.contact {
    background-image: none !important;
}

/*formulaire*/ 

/* formulaire */ 
.wpforms-container,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container button,
.wpforms-container label {
    font-family: 'Roboto', sans-serif !important;
}

/* Labels */
.wpforms-container .wpforms-field-label {
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #000000 !important;
    font-family: var(--wp--preset--font-family--roboto-condensed) !important;
}

/* Sous-labels */
.wpforms-container .wpforms-field-sublabel {
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Champs */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container textarea,
.wpforms-container select {
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* Bouton */
/* Bouton WPForms */
.wpforms-container button[type=submit],
.wpforms-container button[type=submit]:not(:hover):not(:active),
.wpforms-container .wpforms-submit {
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: background-color 0.4s ease, background 0.4s ease, color 0.4s ease !important;
}

/* Messages d'erreur */
.wpforms-container .wpforms-error {
    font-size: 13px !important;
}

.Groupform{
    display: flex;
    align-items: start;
    gap: 80px !important;
}

.Groupform .gex{
    width: 50% !important;
}

.Groupform .part{
    width: 50% !important;
}

.wpforms-confirmation-container-full {
    display: none !important;
}

/* Popup de confirmation */
.popup-confirmation {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.304);
    z-index: 999999999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.popup-confirmation.active {
    display: flex;
    opacity: 1;
}

.popup-confirmation__content {
    background: rgb(0, 0, 0);
    padding: 100px 100px;
    border-radius: 8px;
    text-align: center;
    max-width: 500px;
    font-family: var(--wp--preset--font-family--fustat);
    color: #ffffff;
    gap: 26px;
}

.popup-confirmation__content h2 {
    font-size: 44px !important;
    font-weight: normal;
    margin-bottom: 15px;
}

.popup-confirmation__content p {
    color: #ffffff;
    font-size: 15px !important;
    margin-bottom: 25px;
    width: 100%;
}

.popupBtn {
    padding: 12px 30px;
    background: var(--wp--preset--color--primaire);
    color: white;
    border: none;
    font-family:var(--wp--preset--font-family--fustat);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.4s ease;
}

.popupBtn:hover {
    background: var(--wp--preset--color--dark);
}

.gg-content{
    padding-left: 80px !important;
    padding-right: 80px !important;
    padding-bottom: 80px;
}

/*page mentions */ 

.mentionBtn, .copyright{
    font-family: var(--wp--preset--font-family--fustat);
}

.mentionBtn{
    color: #FC4F0D !important;
    transition: color 0.4s ease !important;
    opacity: 1 !important;
}

.mentionBtn:hover{
    color: #c52f08 !important;
}

/* mentions légales */ 

.main.mention {
    color: #000000;
    display: flex;
    justify-content: center;  
    gap: 30px !important;   
    margin-top: 100px !important;
}

.main.mention p{
    color: #000000;
}

.main.mention  a {
    text-decoration: none;
    transition: color 0.4s ease;
    color: var(--wp--preset--color--primaire);
}

.main.mention a:hover {
    color: #00000060;
}

.main.mention h2 {
    font-family: var(--wp--preset--font-family--fustat);
    margin-top: 50px !important;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 700;
}

.pad.projet.bloc.pub .bloc {
    gap: 100px !important;
}

/*page 404*/

.fils.error h2 {
    font-size: 100px !important;
}

.fils.error .gex h2 {
    font-size: 200px !important;
}

.fils.error .gex {
    gap: 20px;
}

/*reglage*/

.pad.projet.bloc.long .bloc.long {
    flex: 1;
}

.pad.projet.bloc.long .texte {
    flex:2;
}

/*galerie*/ 


@media (max-width: 1280px) {

    /*intro*/
    .intro .description p{
        width: 80%;
    }

    /*section projet sur mesure*/
    .pad.projet {
        gap: 40px;
    }

    .decouvrir .group{
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .decouvrir .group .bot {
        display: flex;
        align-items: center;
    }

    .decouvrir .bot {
        flex: 1 1 auto;     /* ← corrigé, plus de flex: 0 */
    }

    .pad.show .decouvrir .wp-image-566 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .pad.show .decouvrir .wp-image-567 {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
    }

    

}

@media (max-width: 1024px) {

    .widget_nav_menu ul  {
        gap: 20px !important;
    }

    .pad .expert {
        flex-direction: column;
        align-items:start;
    }

    .intro.page.accueil {
        gap: 40px !important;
    }
    /*section projet sur mesure*/
    .pad.projet {
        gap: 45px;
        display: flex;
        flex-direction: column;
    }

    .pad.show .contenu{
        gap: 40px;
    }

    

    /*header*/
    header {
        margin-top: 0px !important;
        padding-right: 40px;
        padding-left: 40px;
        position: fixed;
        padding-bottom: 20px;
    }

    header.active {
        background-color: black;
    }

    .widget_nav_menu{
        display: none !important;
    }

    .newNav {
        position: fixed; 
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px !important;
        background-color: white;
        background-size: cover;
        background-position: center;
        z-index: 9999 !important;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.4s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: black;
    }

    .newNav ul {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 150px;
    }

    .newNav .liens {
        display: flex;
        flex-direction: column;
        gap: 10px !important;
    }

    .newNav ul.liens li a {
        color: black;
        font-size: 20px;
    }

    .newNav .sous-domaines {
        display: flex;
        flex-direction: column;
        background-color: black;
        border-radius: 0px 60px 0px 60px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
        gap: 20px;
        margin-top: 40px;
    }

    .newNav .sous-domaines  a {
        color: white !important;
        width: 100%;
        display: inline-block;
        flex-direction: column;
        width: fit-content;
    }

    .newNav.active {
        opacity: 1;
        pointer-events: all;
        z-index: 9999 !important;
        position: fixed;
        gap: 0px !important;
    }

    .btn-contact.menu-burger {
        display: flex !important;
        z-index: 500 !important;
    }

    /*section partenaire*/
    .pad.partenaire {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .cta, .decouvrir {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    
    /*section etape page cheminée*/
    .etape {
        display: flex;
        flex-direction: column;
        gap: 40px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pad.present {
        padding-top: 50px !important;
    }

    .pad.present .wp-image-648 {
        position: absolute;
        right: 40px;
        bottom: 50px;
    }

    .pad.present .wp-image-646{
        position: absolute;
        top: 0px;
        left: 40px;
    }

    .wp-image-628, .wp-image-630  {
        border-bottom-right-radius: 80px;
    }

    .wp-image-627 {
        border-top-left-radius: 80px;
    }
    
    /* image full*/ 
    .full .pad.descri {
        width: 70%;
    }

    .pad.rond {
        display: flex;
        flex-direction: column;
        width: 100%;
        width: fit-content;
    }

    .pad.projet.bloc.pub .bloc {
        display: flex;
        flex-direction: column;
    }

    /*page cpntact*/
    .Groupform {
        display: flex;
        flex-direction: column;
        gap: 40px !important;
        padding-bottom: 40px !important;
    }

    .Groupform .gex, .Groupform .part{
        width: 100% !important;
    }

    .popup-confirmation__content{
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .pad.projet .carre {
        gap: 20px;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

}


@media (max-width: 768px) {
    /*intro*/
    .fils .intro {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .pad.projet{
        display: grid;
        grid-template-columns: 1fr !important;
    }
    .pad {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .showroom .pad.show {
        padding-bottom: 60px !important;
    }
    .pad.show .contenu {
        display: flex;
        flex-direction: column;
        gap: 100px;
        align-items: start;
    }

    .showroom .contenu {
        padding-bottom: 40px !important;
    }
    .pad.show .decouvrir .wp-image-566{
        top: -20px !important;
    }
    .pad.show .decouvrir .wp-image-567{
        bottom: -20px !important;
    }

    .pad.show .contenu .wp-block-image img {
        width:400px !important;
        height: 400px !important;
        max-width: min-content;
        aspect-ratio: auto !important;
    }

    .pad.present .wp-image-648 {
        position: absolute;
        right: 40px;
        bottom: 40px;
    }
    .pad.present .wp-image-646{
        position: absolute;
        top: 40px;
    }
    /*etape page cheminée*/
    .etape {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pad.present .wp-image-648 {
        position: absolute;
        right: 40px;
        bottom: 20px;
    }
    .pad.present .wp-image-646{
        position: absolute;
        top: -30px;
    }

    .wp-image-646, .wp-image-648{
        width: 10%;
    }

    .wp-image-628, .wp-image-630  {
        border-bottom-right-radius: 50px;
    }

    .wp-image-627 {
        border-top-left-radius: 50px;
    }

    .pad.present {
        padding-bottom: 60px !important;
        padding-top: 0px !important;
    }

    .pad.contact {
        padding-top: 40px !important;
    }

    .gg-content{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }


}

@media (max-width: 640px) {
    .newNav ul {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fils .intro {
        padding-left: 20px !important;
        padding-right: 20px !important;
        gap: 40px !important;
    }
    .gex p{
        width: 90%;
    }
    .ville {
        margin-bottom: 40px !important;
    }
    .pad {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /*section projet sur mesure*/
    .pad.projet{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pad.projet.chem {
        padding-top: 0px !important;
    }

    .intro {
        background-size: 160px;
    }
    .cta, .decouvrir {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pad.partenaire {
        padding-bottom: 40px !important;
    }

    /*etape page cheminée*/
    .etape {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pad.present .wp-image-648 {
        position: absolute;
        right: 20px;
        bottom: 40px;
    }
    .pad.present .wp-image-646{
        position: absolute;
        top: 0px;
        left: 20px;
      }

    .wp-image-646, .wp-image-648{
        width: 10%;
    }

    .wp-image-628  {
        border-bottom-right-radius: 50px;
    }
    .pad.present {
        padding-bottom: 60px !important;
        padding-top: 20px !important;
    }
    /* image full*/ 
    .full .pad.descri {
        width: 90%;
    }
    .full {
        height: 650px;
    }
    .pad.show.chem{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pad.show.chem .contenu {
        gap: 20px !important;
    }
    .showroom.bas .flamme .wp-image-633 {
        display: none !important;
    }
    .pad.show .content {
        text-align: left;
        display: flex;
        align-items: start;
    }
    .flamme {
        padding:0px !important
    }
    /*page poele*/
    .pad.projet.bloc.pub {
        flex-direction: column;
        padding-bottom: 0px !important;
    }

    .pad.rond .texte {
        padding: 40px !important;
    }

    .pad.rond .texte:first-child {
        border-top-right-radius: 100px !important;
        border-bottom-left-radius: 100px !important;
    }

    .pad.rond .texte:last-child {
        border-top-left-radius: 100px !important;
        border-bottom-right-radius: 100px !important;
    }

    .blocus{
        padding-bottom: 40px !important;
    }

    .pad.projet.bloc .bloc img:not(.texte img) {
        height: 420px !important;
    }

    .pad.projet.bloc.nopad{
        padding-top: 0px !important;
    }

    .popup-confirmation__content {
        padding: 30px 30px;
        max-width: 500px;
    }

    .popup-confirmation__content h2 {
        font-size: 30px !important;
    }

    .gg-content{
        padding-left: 20px !important;
        padding-right: 20px !important;
        display: flex !important;
        align-items: start !important;
    }

    .gg-cont-filters{
        display: flex !important;
        flex-direction: column !important;
        align-items: start !important;
        justify-content: start;
    }

    .pad.projet.bloc.pub .bloc {
        gap: 40px !important;
    }

    

}

@media not all and (min-width: 501px) {
    :root{
        --wp--custom--px: 20px;
        --wp--custom--block-gap: 110px;
    }

    .pad.projet.bloc.nopad{
        padding-top: 0px !important;
    }
    
    .btn-contact.contact{
        display: none !important;
    }
    /*section projet sur mesure*/
    .pad.projet .bloc {
        display: flex;
        flex-direction: column;
    }

    .pad.projet.bloc .bloc img:not(.texte img){
        height: 350px !important;
    }
    .pad.show .contenu{
        gap: 40px;
    }
    .pad.partenaire .logo {
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .pad.show .contenu .wp-block-image img:not(.pad.show.chem .wp-block-image img) {
        width:300px !important;
        height: 300px !important;
        max-width: min-content;
        aspect-ratio: auto !important;
        border-top-right-radius: 120px !important;
    }

    .showroom {
        padding-bottom: 50px !important;
    }
    .etape {
        gap: 20px !important;
    }
    .etape .texte{
        gap: 20px !important;
    }
    .pad.present {
        padding-bottom: 50px !important;
    }
    .pad.present .wp-image-648 {
        position: absolute;
        right: 20px;
        bottom: 30px;
    }

    .pad.projet.bloc.pub .bloc {
        gap: 20px !important;
    }

    /*error*/
    .fuego {
        width: 80px !important;
        height:min-content 80px !important;
    }

    .fils.error h2 {
        font-size: 30px !important;
    }

    .fils.error .gex h2 {
        font-size: 100px !important;
    }

    .fils.error .gex {
        gap: 10px !important ;
    }
    
    .intro.page.accueil {
        margin-top: -150px !important;
    }

    /*reglage design*/

    .pad.show .contenu p, .pad.show .contenu h2, .pad.show .contenu h3 {
        padding-right: 80px !important;
    }

    .pad.show .decouvrir .wp-image-566{
        top: -110px !important;
        rotate: -90deg;
        transform: scale(-1);
        transform: scaleX(-1);
        left: 80px !important;
    }
    .pad.show .decouvrir .wp-image-567{
        bottom: -110px !important;
        rotate: 90deg;
        transform: scale(-1);
        transform: scaleY(-1);
        right: 80px !important;
    }

    /*sup bakcground*/
    .intro, .showroom .cta{
        background-image: none !important;
    }

    .intro .gex p {
        font-size: 26px !important
    }

    .pad.projet .carre .wp-block-image{
        width: 370px !important;
        height: 370px !important;
    }

    .pad.projet .carre img{
        width: 370px !important;
        height: 370px !important;
    }

}

@media (max-width: 390px) {
    .btn-contact.contact{
        display: none !important;
    }
    h1 span, h2 span, h3 span, p span{
    text-underline-offset: 10px !important;
    text-decoration-color: var(--wp--preset--color--primaire) !important;
    }

    .intro .description p{
        width: 90%;
    }

    

    
}