:root {
    --small-margin: 40px;
    --medium-margin: 70px;

    --ltspace: 95px;
    --mdspace: 130px;
    --bigspace: 150px;

    --side-base: 7vw;
    --Noir: #8B532F;
    --Blanc: #ffffff;
    --Brun: #3E2718;
    --Blanc-fumee: #F4EEEB;
}


::selection {
    background-color: var(--Noir);
    color: var(--Blanc);
}

/* Firefox */
::-moz-selection {
    background-color: var(--Noir);
    color: var(--Blanc);
}

/* width */
::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--Blanc);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--Noir);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--Noir);
    width: 2px;
}
html{
    scroll-behavior: unset;
    margin-top: 0 !important;
}
body{
    background: var(--Blanc);
}
#container{
    background: var(--Blanc);
    padding: 0;
}
* {
    font-family: "neulis-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--Noir);
    font-size: 20px;

    line-height: 150%; /* 30px */
    letter-spacing: -0.2px;
}


@font-face {
    font-family: Track;
    src: url('../fonts/Track-Regular.ttf') format('truetype'),
    url('../fonts/Track-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}


h1{
    color: var(--Blanc-fumee);
    font-family: Track;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.103%;
    letter-spacing: 1.16px;
    text-transform: uppercase;
    max-width: 1199px;
    text-wrap: pretty;
}


.section_accueil > .marge_cote > h1 span{
    color: var(--Blanc-fumee);
    font-family: Track;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.103%;
    letter-spacing: 1.16px;
    text-transform: uppercase;
}

h2{
    /* heading-2 */
    font-family: Track;
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.233%;
    text-transform: uppercase;

    max-width: 770px;
    margin-top: 0;
    margin-bottom: 30px;
    text-wrap: pretty;
}


h2 span, h2 strong{
    font-family: Track;
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.233%;
    text-transform: uppercase;

}



.section_services h2 strong{
    position: relative;
    z-index: 1;
    color: var(--Blanc);
    display: inline-block;
}

.section_services h2 strong::before{
    content: "";
    background: var(--Noir);
    position: absolute;
    inset: -1px -8px 3px;
    z-index: -1;
}

.section_services p strong{
    position: relative;
    z-index: 1;
    color: var(--Blanc);
    display: inline-block;
}

.section_services p strong::before{
    content: "";
    background: var(--Noir);
    position: absolute;
    inset: 4px -3px 2px;
    z-index: -1;
}


.titre_mobile {
    display: none;
}

@media (max-width: 760px) {
    .titre_classique {
        display: none;
    }

    .titre_mobile {
        display: inline;
    }
}


.container_actu h3{
    font-size: 20px !important;
    text-transform: uppercase;
}



.content-page{
    padding-left: var(--side-base);
    padding-right: var(--side-base);

    padding-top: 280px;
}


.content-page h1{
   color: var(--Brun);
}



/* Générale */

.marge_cote{
    padding-left: var(--side-base);
    padding-right: var(--side-base);

}

.flex_cote{
    display: flex;
}

.flex_cote>*{
    flex: 1;
}


.fond_brun{
    background-color: var(--Brun);
}

.fond_brun *{
    color: var(--Blanc);
}

.fond_blanc{
    background-color: var(--Blanc-fumee);
}


/* image et video */

.img_vdo{
    width: 100%;
    height: 100svh;
    position: relative;
    overflow: hidden;
    background: #e69563;
}

.img_vdo picture{
  display: flex;
    height: 100%;
    width: 100%;
}

.img_vdo a{
    display: flex;
    height: 100%;
    pointer-events: none;
}

.img_vdo video, .img_vdo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img_vdo.sombre:after{
    content: "";
    position: absolute;
    display: flex;
    inset: 0;
    /*background: red;*/
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.60) 66.35%);
}


/* animation */

.ours{
    transition: 0s;
}


/* Header */

#header{
    padding: 0;
    height: auto;
    align-items: flex-start;
    pointer-events: none;
}

#branding{
    flex: 0 0 auto;
}

#site-title{
    animation: arrivee 0.4s ease forwards;
    animation-delay: 0.4s;
    transform: translate(-100%, -100%);
    opacity: 0;
}

@keyframes arrivee {
    from {
        transform: translate(-100%, -100%);
        opacity: 0;
    }

    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

#site-title>a{
    background-color: var(--Noir);
    /*padding: 43px 153px 83px 65px;*/
    padding: 40px 120px 63px 65px;
    display: flex;
    width: fit-content;
    height: fit-content;
    margin: auto 0 0 auto;
    clip-path: polygon( 0 0, 100% 0%, 68% 81%, 0% 100%);
    pointer-events: all;
}

#site-title>a img{
    /*width: 75px;*/
    /*height: 92px;*/
    width: 67px;
    height: 82px;
}
.top_head #site-title>a{
    padding: 43px 153px 83px 65px;
}

.top_head #site-title>a img{
    width: 124px;
    height: 153px;
}

#header nav{
    padding: 110px var(--side-base) 0 0;
    width: fit-content;
    pointer-events: all;
}

.content_nav{
    animation: arriveeNav 0.4s ease forwards;
    animation-delay: 0.4s;
    transform: translateY(-100%);
    opacity: 0;
}

@keyframes arriveeNav {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#header nav{
    background-color: var(--Noir);
    clip-path: polygon( 0 0, 100% 0%, 100% 100%,  110px calc(100% - 52px));
    clip-path: polygon(100% 0, 100% 100%, 36% 91%, 60px calc(100% - 52px), 0 0);
    clip-path: polygon(100% 0, 100% 100%, 36% 90%, 9% 69%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 6% 75%, 0 0);
    width: fit-content;
    padding: 40px var(--side-base) 50px 50px;
    margin-left: auto;

}


.top_head #header nav{
    padding: 110px var(--side-base) 10px 0;
    clip-path: polygon(100% 0, 100% 100%, 20px calc(100% - 6px), 0 0);
    background-color: transparent;
    transition: padding .2s ease, clip-path .05s ease, background-color .5s ease;
}



#menu .menu>.current_page_item>a {
    color: var(--Blanc);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 100% */
    letter-spacing: -0.2px;
    margin-left: 0;
    padding-left: 26px;
    text-transform: unset;
    transition: 0.2s ease;
}

.single-actualites.top_head #header nav,
.privacy-policy.top_head #header nav{
    background-color: var(--Noir);
    clip-path: polygon(100% 0, 100% 100%, 12% 75%, 0 0);
    padding: 40px var(--side-base) 50px 80px;
}


#menu .menu>.current_page_item>a:hover {
    opacity: 0.8;
}



#header.hide{
    transform: translateY(-100%);
}

#header.hide #branding{
    transform: translateX(-100%);
}

#header.hide nav{
    transform: translateX(20%);
}

.menu-toggled #header.hide #branding,
.menu-toggled #header.hide nav,
.no-scroll #header.hide,
.menu-toggled #header.hide{
    transform: none;
}




/* Accueil */

.section_accueil{
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100svh;
    height: 100svh;
}

.section_accueil>*{
    grid-area: 1/1;
}


.section_accueil>.marge_cote {
    position: relative;
    z-index: 2;
    padding-top: var(--ltspace);
    padding-bottom: var(--ltspace);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.section_accueil>.marge_cote>h1{
    animation: arriveeContent 0.8s ease forwards;
    animation-delay: 2s;
    transform: translateY(100%);
    opacity: 0;
    max-width: 800px;
}

.section_accueil > .marge_cote > h1 {
    overflow: hidden;
}

.section_accueil > .marge_cote > h1 .ligne {
    display: block;
    transform: translateY(100%);
    opacity: 0;
    animation: arriveeContent 0.8s ease forwards;
}

.section_accueil > .marge_cote > h1 .ligne:nth-child(1) {
    animation-delay: 3.5s;
}

.section_accueil > .marge_cote > h1 .ligne:nth-child(2) {
    animation-delay: 3.7s;
}

.section_accueil > .marge_cote > h1 .ligne:nth-child(3) {
    animation-delay: 3.9s;
}

.section_accueil > .marge_cote > h1 .ligne:nth-child(4) {
    animation-delay: 4.1s;
}

.section_accueil > .marge_cote > h1 .ligne:nth-child(5) {
    animation-delay: 4.3s;
}

.section_accueil>.marge_cote>svg{
    animation: arriveeContent 0.8s ease forwards;
    animation-delay: 4.8s;
    transform: translateY(100%);
    opacity: 0;
}

@keyframes arriveeContent {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#animation-ours-main{
    position: relative;
    z-index: 3;
    margin: auto;
    pointer-events: none;
    mix-blend-mode: screen;
}

#animation-ours{
    position: relative;
    z-index: 3;
    margin: auto auto 0;
    width: 400px;
    /*background-color: blue;*/
    mix-blend-mode: screen;
}

.ours_content{
    mix-blend-mode: screen;
}

/* A propos */

.a_propos{
    width: 100%;
    max-width: 100vw;
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);

    justify-content: space-between;
}

.a_propos>div:first-child{
    aspect-ratio: 65/55;
    width: 40px;
    flex: 0 0 50%;
    display: grid;
    height: fit-content;
}

.a_propos>div:first-child>*{
   grid-area: 1/1;
}

.a_propos>div:first-child>ul{
   background-color: var(--Noir);
    color: var(--Blanc);
    padding: 130px 100px 70px 60px;
    width: fit-content;
    height: fit-content;
    margin: auto auto 0 0;
    clip-path: polygon(0 0, 84% 21%, 100% 100%, 0% 100%);

}

.a_propos>div:first-child>ul>li{
    color: var(--Blanc);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height:  170% ;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}


.a_propos>div:first-child img{
    aspect-ratio: 65/92;
    /*height: 100%;*/
}


.a_propos h2{
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 113%;
    text-transform: uppercase;
    opacity: 0.2;
    text-align: center;
    margin-top: -10px;
}

.a_propos>div:last-child{
    flex: 0 0 40%;
}

.a_propos .liste_deroule{
    margin-top: 60px;
}

.histoire{
    width: 100%;
    max-width: 100vw;
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);

    justify-content: space-between;
}

.histoire>div:first-child{
    width: 40%;
    flex: unset;
}

.histoire>img:last-child{
    aspect-ratio: 65/55;
    width: 40px;
    flex: 0 0 50%;
    height: fit-content;
}

.histoire ul, .histoire p{
    margin-top: 18px;
    margin-bottom: 18px;
}

/*.histoire li::before{*/
/*    content: "• ";*/
/*    display: inline;*/
/*}*/


.histoire li{
    /*display: flex;*/
    /*gap: 9px;*/
    margin-bottom: 8px;

    padding-left: 16px;
    position: relative;
}

.histoire li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 6px;
    background: var(--Blanc);
    flex: 0 0 auto;
    margin-top: 15px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6'%3E%3Cpath d='M7 2.84221L4.40552 0L0 0L0 5.68443L4.40552 5.68443L7 2.84221Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6'%3E%3Cpath d='M7 2.84221L4.40552 0L0 0L0 5.68443L0 5.68443L4.40552 5.68443L7 2.84221Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.swiper-slide>p:first-child{
    margin-top: 0;
}

.swiper-slide>p:last-child,
.swiper-slide>ul:last-child,
.swiper-slide>ul:last-child li:last-child{
    margin-bottom: 0;
}

.swiper-wrapper{
    cursor: pointer;
}

.fleches{
    display: flex;
    gap: 42px;
    margin-top: 85px;
}

.fleches>div{
    position: static;
}

@media (min-width: 600px) {

    .fleches > div:first-child:hover svg {
        transform: translateX(-4px);
    }

    .fleches > div:last-child:hover svg {
        transform: translateX(4px);
    }
}



/* Liste deroulante */



.liste_deroule{
    margin-bottom: var(--ltspace);
    max-width: 866px;
    width: 100%;
}


.liste_deroule details {
   margin-top: 32px;
}


.liste_deroule summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-bottom: solid rgba(139, 83, 47, 0.2) 2px;

}

.liste_deroule details .contenu{
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease, padding-bottom 0.1s ease;
}

.liste_deroule details .contenu{
    max-width: 800px;
}

.liste_deroule details.open .contenu{
    max-height: 1500px; /* ou une valeur suffisante selon le contenu */
}

details .contenu p, details .contenu ol, details .contenu ul{
    margin: 15px 0 10px;
    width: calc(100% - 60px);
}

details .contenu li{
    /*display: flex;*/
    /*gap: 9px;*/

    padding-left: 16px;
    position: relative;
}

details .contenu li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 6px;
    background: #8B532F;
    flex: 0 0 auto;
    margin-top: 15px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6'%3E%3Cpath d='M7 2.84221L4.40552 0L0 0L0 5.68443L4.40552 5.68443L7 2.84221Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6'%3E%3Cpath d='M7 2.84221L4.40552 0L0 0L0 5.68443L0 5.68443L4.40552 5.68443L7 2.84221Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.liste_deroule details .contenu>*:first-child{
    margin-top: 39px;
}

.liste_deroule details .contenu>*:last-child{
    margin-bottom: 0px;
}

summary::marker{
    display: none;
}

/* Enlève la flèche par défaut du <summary> */
summary::-webkit-details-marker {
    display: none;
}

/* Pour Firefox */
summary {
    list-style: none;
}

details .plus_rond{
    display: grid;
    /*height: 16px;*/
    /*width: 16px;*/
    align-items: center;
    justify-items: center;
    flex: 0 0 auto;
    overflow: hidden;
}



details.open .plus_rond{
    transform: rotate(180deg);
}

details .plus_rond.to_moins div:last-child{
    transform:  scale(0%);

}

details h2, details h3 {
    font-family: Track;
    margin: 0 18px 0 0;
    color: var(--Noir);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    transition: 0.2s;

    line-height: 215.385%;
    text-transform: uppercase;
    margin-bottom: 4px;
}

details summary:hover h2, details summary:hover h3 {
    color: var(--Noir);
    transform: translateX(6px);
}


/*******************************************************/






/* Services */

.section_services{
    position: relative;
    overflow: hidden;
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);
}

.section_services>*{
    position: relative;
    z-index: 1;
}

.services{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.contain_icon{
    display: flex;
    height: 110px;
    align-items: flex-end;
}

.services h3{
    font-family: Track;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: 0.52px;
    text-transform: uppercase;
    margin: 44px auto 11px 0;
    max-width: 300px;
}

.services p{
    margin: 11px 0;
}

.deco{
    position: absolute;
}

.section_services .deco{
    top: -10px;
    right: -3px;
    z-index: 0;
}




/* Collaborateur */

.section_colab{
    position: relative;
    overflow: hidden;
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);
    padding-left: var(--side-base);
}

.section_colab>*{
    z-index: 2;
}

.section_colab .deco{
    bottom: -10px;
    right: -3px;
    z-index: 0;
}

.section_colab h2{
    padding-right: var(--side-base);
}

.section_colab .swipCollaborateur{
    margin-top: 44px;
}


.swiper-slide, .swiper-slide img{
    transition: 0.2s ease;
}

@media (min-width: 600px){

.section_colab .swiper-slide-active{
    width: calc((100% - 75px) / 3) !important;
    margin-right: 43px !important;
}

.swiper-slide, .swiper-slide img{
    transition: 0.2s ease;
}

.swipCollaborateur .swiper-slide {
    width: calc((100% - 60px) / 6);
}
}


.swipCollaborateur p{
    margin-top: 18px;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: -0.2px;
    font-weight: 300;
    opacity: 0;
}

.swipCollaborateur p span {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-weight: 600;
    line-height: 170%;
}

.swipCollaborateur .swiper-slide-active p{
    opacity: 1;
}


.swipCollaborateur img{
    aspect-ratio: 54/76;
}

.swipCollaborateur{
    position: relative;
}

.swipCollaborateur .fleches{
    position: absolute;
    left:calc(((100% - 75px) / 3) + 43px);
    top:  calc(((((100vw - var(--side-base) - var(--side-base) - 75px) / 3) * 76 / 54)* 1) - 0px);
    z-index: 5;
    margin-top: 0px;
    height: fit-content;
    /*background-color: blue;*/
}

.swipCollaborateur .fleches>div{
    margin-top: 0;
}

.swipCollaborateur picture{
    display: flex;
}

.img_slide{
    position: relative;
    display: flex;
    cursor: grab;
}

.img_slide::after{
    position: absolute;
    inset: 0;
    content: "";
    display: flex;
    background: linear-gradient(0deg, rgba(110, 59, 27, 0.65) 0%, rgba(110, 59, 27, 0.65) 100%);
    pointer-events: none;
    transition: 0.2s ease;
}

.swiper-slide-active .img_slide::after{
  opacity: 0;
}



/* References */

.section_ref{
    padding-top: var(--mdspace);
    padding-bottom: var(--bigspace);
}

.references{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
}


.references img{
    aspect-ratio: 1/1;
}

.references>a{
    grid-area: 1 span /3 span;
    display: flex;
}

.references>a:nth-child(3){
    grid-area: 2 span / 6 span;
}

.references>a:nth-child(4){
    grid-area: 2 span / 6 span;
}


.references>a:nth-child(7),
.references>a:nth-child(8),
.references>a:nth-child(9){
    grid-area: 1 span / 4 span;
}


/* Actualite */

.section_actu{
    padding-top: var(--bigspace);
    padding-bottom: var(--bigspace);
}


.actualite{
    display: flex;
    color: var(--Blanc);
    background-color: var(--Noir);
}


.actualite *{
    color: var(--Blanc);
}

.actualite:has(>a:hover),
.actualite:has(.actualite_content>div:nth-child(2)>a:hover),
.actualite:has(>a:hover) .actualite_date,
.actualite:has(.actualite_content>div:nth-child(2)>a:hover) .actualite_date{
    background-color: var(--Brun);
}


.liste_actualites{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.actualite_image{
    display: grid;
    grid-template-columns: 1fr;
    flex: 0 0 29vw;
}

.actualite_image img{
    display: flex;
    grid-area: 1/1;
    /*aspect-ratio: 1 / 1;*/
    height: 29vw;
    min-height: 100%;
}

.actualite_image picture{
    display: flex;
    grid-area: 1/1;
}

.actualite_image .actualite_date{
    grid-area: 1/1;
    padding: 58px 50px 29px 23px;
    background-color: var(--Noir);
    margin: auto auto 0 0;
    clip-path: polygon(0 0, 84% 21%, 100% 100%, 0% 100%);

    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.16px;
}


.actualite_excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.actualite .actualite_content{
    position: relative;
    overflow: hidden;
    padding: 67px 230px 50px 60px;
    flex: 1;

}

.actualite .actualite_content .deco{
    top: 0;
    right: 0;
}

.actualite .actualite_content>div{
    max-width: 478px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.actualite .actualite_content h3{
    font-family: Track;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 34.56px */
    letter-spacing: -0.27px;
    margin-top: 0;
    margin-bottom: 9px;
}

.actualite .actualite_content p{
    margin: 0;
}

.actualite_liens{
    display: flex;
    margin: auto auto 0 0;
    gap: 15px;
}

.liste_actualites .actualite_liens {
    padding-top: 20px;
}


.actualite_liens a{
    display: flex;
}


.copier .coche {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
}

.copier .lien {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease;
}

.copier.copie .lien {
    opacity: 0;
    visibility: hidden;
}

.copier.copie .coche {
    opacity: 1;
    visibility: visible;
}




/* RS */

.section_rs{
    padding-top: var(--mdspace);
    padding-bottom: 570px;

    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: 1fr auto;

    align-items: baseline;
}

.section_rs .deco{
    bottom: -10px;
    left: -3px;
}

.section_rs .flex_cote{
    align-items: baseline;
    justify-content: space-between;
}

.section_rs h2{
    margin-bottom: 0;
}

.lien_rs{
    display: flex;
    align-items: center;
    gap: 15px;
    flex: unset;
}

.lien_rs svg{
transition: 0.2s ease;
}

.lien_rs:hover svg{
    transform: translateX(4px);
}

.mur_rs{
    margin-top: 67px;
    grid-area: 1 span / 2 span ;
}




/* Contact */

.section_contact{
    padding-top: var(--mdspace);
    padding-bottom: 200px;
   justify-content: space-between;
    align-items: flex-end;
}



.section_contact>div:first-child{
   flex: 0 0 50%;
    padding-right: 110px;
}

.section_contact>div:first-child h2{
    max-width: 510px;
}

.section_contact>div:first-child p{
    margin: 22px 0;
}


input,
textarea {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: var(--Noir);
    border-radius: 0;
    box-sizing: border-box;
    width: 100%;
}

input::placeholder{
    color: var(--Noir);

}


input{
    padding: 8px 0;
    border-bottom: 1px solid var(--Noir);


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 212.5% ;
    letter-spacing: -0.16px;
}

textarea{
    padding: 8px;
    border: 1px solid var(--Noir);
    margin-top: 4px;
    height: 173px;
}

label{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 212.5% ;
    letter-spacing: -0.16px;
}

.sub_form{
    display: flex;
    margin: 43px 0 0 0;
    position: relative;
}

.sub_form::before {
    content: "";
    display: block;
    position: absolute;
    width: 27px;
    height: 24px;
    background: #8B532F;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath d='M27 12L16.9927 0L0 0L0 24L16.9927 24L27 12Z'/%3E%3C/svg%3E") no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath d='M27 12L16.9927 0L0 0L0 24L16.9927 24L27 12Z'/%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    inset: 0;
    margin: auto auto auto 0;
    transition: 0.2s ease;
}


.sub_form:hover::before {
    transform: translateX(4px);
}

.section_contact>div:first-child .sub_form>p{
    margin: 0;
    height: fit-content;
    display: flex;
}


input[type="submit"]{
    display: inline-block;
    color: var(--Noir);
    font-family: "neulis-sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 212.5% */
    letter-spacing: -0.16px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: transparent;
    padding: 0 0 0 43px;
}



.section_contact>div:last-child{
    aspect-ratio: 65/55;
    width: 40px;
    flex: 0 0 50%;
    max-width: 654px;
    display: grid;
    margin-top: -287px;
    height: fit-content;
}

.section_contact>div:last-child>*{
    grid-area: 1/1;
}

.section_contact>div:last-child>div{
    background-color: var(--Noir);
    color: var(--Blanc);
    padding: 160px 70px 84px 130px;
    width: fit-content;
    height: fit-content;
    margin: auto 0 0 auto;
    clip-path: polygon( 17% 19%, 100% 0%, 100% 100%, 0% 100%);
}

.section_contact>div:last-child p,
.section_contact>div:last-child strong,
.section_contact>div:last-child a{
    color: var(--Blanc);
    font-size: 16px;
    line-height: 138%;
    letter-spacing: -0.16px;
    transition: 0.2s ease;
}

.section_contact>div:last-child a:hover{
   opacity: 0.8;
}

.section_contact>div:last-child p{
    margin-top: 20px;
    margin-bottom: 20px;

}

.section_contact>div:last-child p:first-child{
    margin-top: 0;
}

.section_contact>div:last-child p:last-child{
    margin-bottom: 0;

}

.section_contact>div:last-child p:last-child a{
    text-decoration: underline;
}

.section_contact>div:last-child p a{
    padding: 10px 0 4px;
}


.section_contact>div:last-child p:nth-child(2) a:last-child{
    padding: 4px 0 10px;
}

.section_contact>div:last-child img{
    width: 100%;
    height: 100%;
    aspect-ratio: 65/96;
}




/* Actu dedier */

.container_actu{
    padding-top: 300px;
    position: relative;
    overflow: hidden;
    padding-bottom: calc(var(--bigspace) * 3);
}

.container_actu .deco{
   bottom: -10px;
    left: -3px;
}

.container_actu *{
    color: var(--Noir);
}

.container_actu .actualite_liens svg path{
    fill: var(--Noir);
}

.container_actu .actualite_liens .actualite_facebook svg path:first-child,
.container_actu .actualite_liens .copier svg path.coche{
    fill: none;
    stroke: var(--Noir);
}

.sur_titre{
    display: flex;
    gap: 20px;
    justify-content: space-between;
}


.sur_titre .actualite_liens{
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin: 0;
    /*margin: 10px 0 auto auto;*/
}

.sur_titre .actualite_liens p{
    margin: 0;
}

.section_titre{
    display: flex;
    gap: 20px;
}

.section_titre h1{
    font-size: 43px;
    max-width: 900px;
}

.img_actu{
    aspect-ratio: 14/7;
    width: 100%;
    margin-bottom: var(--small-margin);
}

.container_actu .actualite_content{
    max-width: 900px;
}



.actualite_content ul, .actualite_content p,
.actualite_content ol{
    margin-top: 18px;
    margin-bottom: 18px;
}

ol {
    list-style-type: decimal;
    padding-left: 16px;
}

.actualite_content ul li{
    display: flex;
    gap: 9px;
    margin-bottom: 8px;
}

.actualite_content ul li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 6px;
    background: var(--Noir);
    flex: 0 0 auto;
    margin-top: 15px;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6'%3E%3Cpath d='M7 2.84221L4.40552 0L0 0L0 5.68443L4.40552 5.68443L7 2.84221Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6'%3E%3Cpath d='M7 2.84221L4.40552 0L0 0L0 5.68443L0 5.68443L4.40552 5.68443L7 2.84221Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.container_actu .actualite_content a {
    text-decoration: underline;
    transition: 0.2s;
}

.container_actu .actualite_content a:hover{
    text-decoration: underline var(--Brun);
    color: var(--Brun);
}












/* Footer */

#footer{
    background-color: var(--Noir);
    display: flex;
    padding: 88px calc(var(--side-base) - 47px) 0 var(--side-base);
    justify-content: space-between;
    overflow: hidden;
    align-items: stretch;
}

#footer *{
    color: var(--Blanc);
}

.lien_logo_footer{
    display: flex;
}

.bas_footer{
    padding-top: 22px;
    padding-bottom: 58px;
    display: flex;
    flex-direction: column;
}

.rs{
    display: flex;
    gap: 16px;
}

.rs a{
    display: flex;
}

.rs a svg,
.actualite_liens a svg{
    transition: 0.2s ease-out;
}

.rs a:hover svg,
.actualite_liens a:hover svg{
    transform: scale(0.9);
}

.ours{
    margin-top: auto;
}

#copyright{
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    opacity: 0.6;
    display: flex;
    margin: auto auto 0 0;
    padding-top: 40px;
}
#copyright a, #copyright a:visited, #copyright a:hover{
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Blanc);
    text-decoration: underline;
    text-underline-offset: 2px;
}

#copyright a:hover{
    opacity: 0.8;
}
#copyright .realisation-break a{
    margin-left: 4px;
}
#copyright .lien_footer, #copyright .realisation-break, #copyright>span{
    display: flex;
}
#footer #copyright .realisation-break a{
    display: inline-flex;
}
#footer #copyright .realisation-break a>svg{
    transform: translateY(3px);
    fill: var(--Blanc);
}
@media (max-width: 1100px){
    #footer #copyright {
        margin: auto auto 0 0 ;
        flex-direction: column;
    }
    #copyright>span{
        flex-direction: column;
    }
    #copyright .trait_vertical{
        display: none;
    }
}
@media (max-width: 500px){
    /*#copyright .realisation-break{*/
    /*    flex-direction: column;*/
    /*}*/
    /*#copyright .realisation-break a{*/
    /*    margin-left: 0;*/
    /*}*/
}

/* Cookie */

.cookie-popup {
    position: fixed;
    inset: auto auto 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cookie-popup.show {
    visibility: visible;
    opacity: 1;
}
.cookie-popup-content {
    backdrop-filter: blur(5px);
    background: rgba(62, 39, 24, 0.95);
    padding: 54px 60px 16px var(--side-base);
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    max-width: 500px;
    clip-path: polygon( 0 0, 88% 24%, 100% 100%, 0% 100%);
}
.cookie-popup-content>div{
    display: flex;
    align-items: flex-end;
}
.cookie-popup-content p {
    color: var(--Blanc);
    margin: 0 0;
    font-size: 0.95rem;
}
.cookie-popup-content a {
    color: var(--Blanc);
    text-decoration: underline;
    font-size: 0.95rem;
}
.cookie-popup-content button {
    background: var(--Blanc);
    color: var(--Noir);
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding: 6px 14px;
    cursor: pointer;
    font-size: 1rem;
    height: fit-content;
    width: fit-content;
    transition: 0.2s;
    margin-left: 20px;
}
.cookie-popup-content button:hover {
    background-color: var(--Noir);
    color: var(--Blanc);
}
@media (max-width: 500px){
    .cookie-popup-content>div{
        flex-direction: column;
        align-items: flex-start;
    }
    .cookie-popup-content h3{
        font-size: 18px;
    }
    .cookie-popup-content p{
        font-size: 14px;
    }
    .cookie-popup-content button{
        margin: 16px 0 0;
        padding: 8px 16px;
    }

    .cookie-popup-content {
        padding: 50px 50px 16px var(--side-base);
    }
}

/* Crayon */

#wpadminbar{
    display: none;
}
.header-edit-link {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #333;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}
.header-edit-link>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-edit-link .dashicons {
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.header-edit-link:hover {
    background-color: #000;
}

.wpcf7-spinner {
    aspect-ratio: 1 / 1;
    margin: auto 24px;
}

.grecaptcha-badge{
    opacity: 0;
    pointer-events: none;
}