/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: EcloLINK
 Author URI: https://eclolink.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/*some default rules for art du trait*/
:root {
    color-scheme: only light;
}

img {
    user-drag: none;
    -webkit-user-drag: none;
}
html {
    scroll-behavior: auto;
}

:focus-visible {
    outline: 2px solid #ffaf19;
    outline-offset: 2px;
}



.relation-two{
    font-family: "relation-two", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.lowercase{
    text-transform: capitalize;
}
.section-flex-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ligne-hrzntl-align {
    display: flex;
    flex-direction: row;
    align-items:center;
}
.ligne-vrtcl-align {
    display: flex;
    flex-direction: column;
    align-items:center;
}
.ligne-flex {
    display: flex;
}
.ligne-flex-rs {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.gap-10{
    gap: 10px;
}
.mt-20{
    margin-top: 20px;
}
.full-height-img,
.full-height-img .et_pb_image_wrap,
.full-height-img .et_pb_image_wrap img{
    height:100%
}
.full-height-img .et_pb_image_wrap img{
    object-fit: cover;
}

.h1{
    font-size: clamp(2.3125rem, 1.3531rem + 3.8374vw, 3.5rem) !important;
}

.h2{
    font-size: clamp(1.875rem, 1.7257rem + 0.7965vw, 3rem)!important;
    line-height: 1.3em;
}
.h3{
    font-size: clamp(1.5625rem, 1.4463rem + 0.6195vw, 2.4375rem)!important;
    line-height: 1.3em;
}
.h4{
    font-size: clamp(1.25rem, 1.1587rem + 0.4867vw, 1.9375rem)!important;
    line-height: 1.3em;
}
.h5{
    font-size: clamp(1.0625rem, 0.8889rem + 0.6944vw, 2rem) !important;
    line-height: 1.3em;
}
.h6{
    font-size: clamp(0.9375rem, 0.8493rem + 0.353vw, 1.414rem) !important;
    line-height: 1.3em;
}

h2,h3,h4,h5,h6{
    line-height: 1.3em !important;
}

.small {
    font-size: clamp(0.5250rem, 0.4400rem + 0.0227vw, 0.8750rem) !important;
}

h2.h2 {
    font-weight: 800;
}

h3, h4, h5, h6 {
    line-height: 1.3em !important;
}

@media screen and (max-width:980px){
    .ligne-flex {
        display: flex;
        flex-direction: column;
    }
}
    /*title with decoration*/
.title-with-decoration h2::before,
.title-with-decoration h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 44px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/02/decoration-title.svg);

    background-size: contain;
    background-repeat: no-repeat;
    top: 45%;
}
.title-with-decoration h2::before{
    left: -20px;
    translate: -100% -50%;
}

.title-with-decoration h2::after{
    right: -20px;
    translate: 100% -50%;
}

.title-with-decoration.white h2::before,
.title-with-decoration.white h2::after{
    background-image: url(/wp-content/uploads/2025/02/decoration-title-white.svg);
}

.btn-align-center a{
    text-align: center;
}
    /*color of outstanding text*/
.mot-cle{
    color:#820027;
}
    /*custom cursor*/
.circularcursor {
    cursor: url(/wp-content/uploads/2025/02/cursor-custom.svg), auto;
}
.dragcursor {
    cursor: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='13' y='17' width='55' height='48' fill='white'/%3E%3Cpath d='M40 0C17.904 0 0 17.904 0 40C0 62.096 17.904 80 40 80C62.096 80 80 62.096 80 40C80 17.904 62.096 0 40 0ZM37.504 20.144C41.904 21.264 43.792 26.48 41.44 30.32C40.976 31.072 40.256 31.92 39.44 32.272V25.824C39.44 25.712 38.96 24.784 38.864 24.608C37.376 22.176 33.856 22.336 32.448 24.8C32.352 24.96 31.952 25.888 31.952 25.968V32.416C25.536 28.112 29.776 18.192 37.504 20.16V20.144ZM20.944 29.28C20.768 29.52 20.48 29.664 20.192 29.664C20 29.664 19.808 29.6 19.648 29.488L16.064 26.864C15.824 26.688 15.68 26.416 15.68 26.112C15.68 25.808 15.824 25.536 16.064 25.36L19.648 22.736C20.064 22.432 20.64 22.528 20.944 22.928C21.248 23.344 21.152 23.92 20.752 24.224L19.456 25.184H26.256C26.768 25.184 27.184 25.6 27.184 26.112C27.184 26.624 26.768 27.04 26.256 27.04H19.456L20.752 28C21.168 28.304 21.248 28.88 20.944 29.296V29.28ZM48.96 60.416C43.344 63.696 35.632 61.552 32.512 56.304C30.784 52.96 27.808 49.232 26.352 45.824C25.888 44.736 25.84 43.552 27.056 42.96C30.032 41.472 30.992 46.432 32.432 48.064C32.672 48.416 33.344 48.464 33.552 48.064L33.664 26.56C33.872 25.136 34.848 24.384 36.304 24.688C36.96 24.816 37.792 25.728 37.792 26.384V40.592H39.184V35.392C39.184 34.72 40.528 33.92 41.2 33.92C41.872 33.92 43.216 34.72 43.216 35.392V40.592H44.608V37.344C44.608 37.344 44.848 36.768 44.912 36.672C45.648 35.44 47.616 35.408 48.416 36.592C48.48 36.688 48.768 37.296 48.768 37.344V40.592H50.16C50.16 39.44 49.888 38.48 50.992 37.76C52.24 36.944 53.952 37.664 54.176 39.136C54.368 45.952 56.272 56.176 48.992 60.432L48.96 60.416ZM55.152 26.848L51.568 29.472C51.408 29.6 51.216 29.648 51.024 29.648C50.736 29.648 50.464 29.52 50.272 29.264C49.968 28.848 50.064 28.272 50.464 27.968L51.76 27.008H44.96C44.448 27.008 44.032 26.592 44.032 26.08C44.032 25.568 44.448 25.152 44.96 25.152H51.76L50.464 24.192C50.048 23.888 49.968 23.312 50.272 22.896C50.576 22.48 51.152 22.4 51.568 22.704L55.152 25.328C55.392 25.504 55.536 25.776 55.536 26.08C55.536 26.384 55.392 26.656 55.152 26.832V26.848Z' fill='%2382152C'/%3E%3C/svg%3E%0A") 40 40, auto;
   }
.dragcursor.active {
    cursor: url("data:image/svg+xml,%3Csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.7251' y='14.0249' width='45.375' height='39.6' fill='white'/%3E%3Cpath d='M33 0C14.7708 0 0 14.7708 0 33C0 51.2292 14.7708 66 33 66C51.2292 66 66 51.2292 66 33C66 14.7708 51.2292 0 33 0ZM30.9408 16.6188C34.5708 17.5428 36.1284 21.846 34.188 25.014C33.8052 25.6344 33.2112 26.334 32.538 26.6244V21.3048C32.538 21.2124 32.142 20.4468 32.0628 20.3016C30.8352 18.2952 27.9312 18.4272 26.7696 20.46C26.6904 20.592 26.3604 21.3576 26.3604 21.4236V26.7432C21.0672 23.1924 24.5652 15.0084 30.9408 16.632V16.6188ZM17.2788 24.156C17.1336 24.354 16.896 24.4728 16.6584 24.4728C16.5 24.4728 16.3416 24.42 16.2096 24.3276L13.2528 22.1628C13.0548 22.0176 12.936 21.7932 12.936 21.5424C12.936 21.2916 13.0548 21.0672 13.2528 20.922L16.2096 18.7572C16.5528 18.5064 17.028 18.5856 17.2788 18.9156C17.5296 19.2588 17.4504 19.734 17.1204 19.9848L16.0512 20.7768H21.6612C22.0836 20.7768 22.4268 21.12 22.4268 21.5424C22.4268 21.9648 22.0836 22.308 21.6612 22.308H16.0512L17.1204 23.1C17.4636 23.3508 17.5296 23.826 17.2788 24.1692V24.156ZM40.392 49.8432C35.7588 52.5492 29.3964 50.7804 26.8224 46.4508C25.3968 43.692 22.9416 40.6164 21.7404 37.8048C21.3576 36.9072 21.318 35.9304 22.3212 35.442C24.7764 34.2144 25.5684 38.3064 26.7564 39.6528C26.9544 39.9432 27.5088 39.9828 27.6804 39.6528L27.7728 21.912C27.9444 20.7372 28.7496 20.1168 29.9508 20.3676C30.492 20.4732 31.1784 21.2256 31.1784 21.7668V33.4884H32.3268V29.1984C32.3268 28.644 33.4356 27.984 33.99 27.984C34.5444 27.984 35.6532 28.644 35.6532 29.1984V33.4884H36.8016V30.8088C36.8016 30.8088 36.9996 30.3336 37.0524 30.2544C37.6596 29.238 39.2832 29.2116 39.9432 30.1884C39.996 30.2676 40.2336 30.7692 40.2336 30.8088V33.4884H41.382C41.382 32.538 41.1576 31.746 42.0684 31.152C43.098 30.4788 44.5104 31.0728 44.6952 32.2872C44.8536 37.9104 46.4244 46.3452 40.4184 49.8564L40.392 49.8432ZM45.5004 22.1496L42.5436 24.3144C42.4116 24.42 42.2532 24.4596 42.0948 24.4596C41.8572 24.4596 41.6328 24.354 41.4744 24.1428C41.2236 23.7996 41.3028 23.3244 41.6328 23.0736L42.702 22.2816H37.092C36.6696 22.2816 36.3264 21.9384 36.3264 21.516C36.3264 21.0936 36.6696 20.7504 37.092 20.7504H42.702L41.6328 19.9584C41.2896 19.7076 41.2236 19.2324 41.4744 18.8892C41.7252 18.546 42.2004 18.48 42.5436 18.7308L45.5004 20.8956C45.6984 21.0408 45.8172 21.2652 45.8172 21.516C45.8172 21.7668 45.6984 21.9912 45.5004 22.1364V22.1496Z' fill='%2382152C'/%3E%3C/svg%3E%0A") 33 33, auto;
   }



    /*footer*/
.footer-rs-credits {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-rs-credits .credits a {
    color: white;
}
.footer-rs-credits .credits  a:hover{
    color: #b1b1b1;
}
.footer-rs-credits .rs-wrapper a{
    display: flex;
}


.footer-rs-credits .rs-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
}

.footer-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.footer-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;

}
.footer-item-wrapper{
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 25%;
}

.footer-item-wrapper a.footer-item{
    color: white;
    font-weight: 300;
}
.footer-item-wrapper a.footer-item.main{
    font-weight: 600;
}
.footer-item-wrapper a:hover{
    color: #b1b1b1;
}


    /*some medias queries for default art du trait rules*/
@media screen and (max-width: 960px){
    .ligne-hrzntl-align {
        display: flex;
        flex-direction: column;
        align-items:center;
    }
    .title-with-decoration h2::before,
    .title-with-decoration h2::after {
        content: none;
    }
    .footer-menu {
        gap: 30px;
        flex-wrap: wrap;
    }
    .footer-item-wrapper {
        width: 45%;
        max-width: 50%;
    }
}




/*Accueil*/
#image-header-nav.home{
    position:relative!important;
}

.has_et_pb_sticky #image-header-nav.home {
    position:absolute!important;
}
.card-metiers-wrapper{
    min-height: 350px;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    background: linear-gradient(0deg, #290200, transparent);
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
}

.card-metiers {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.card-metiers .card-text .card-title,
.card-metiers .card-text .card-excerpt,
.card-metier-description {
    color: white;
}

.card-metiers .card-text .card-title{
    font-size: clamp(1.25rem, 1.1587rem + 0.4867vw, 1.9375rem);
    text-transform: uppercase;
}



.card-metier-description {
    min-width: 100%;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.4s ease-in-out;
}

.card-metier-description.active {
    display: block;
    max-height: 200px;
    opacity: 1;
    visibility: visible;
}

.underline-decoration{
    padding-bottom: 20px;
    transition: all 0.8s cubic-bezier(0.79, 0, 0.25, 1);
}
.underline-decoration:hover{
    max-width: var(--rand-length);
}
.underline-decoration::before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background: #290200;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    translate: 0 29%;
    right: 0;
}

.underline-decoration::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 2px dotted #290200;
    position: absolute;
    bottom: 0;
}

/*actu footer*/
.actu-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1vw;
}

.actu-wrapper .actu-item {
    width: 40%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #D7B19C;
    display: flex;
    flex-direction: column;
}

.actu-wrapper .actu-item  img.actu-image {
    object-fit: cover;
    aspect-ratio: 402 / 355;
}

.actu-wrapper .actu-item  .actu-textes {
    padding: 40px;
}
.actu-wrapper .actu-item .actu-textes .actu-title h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #820027;
    padding: 0;
    margin-bottom: 10px;

}
.actu-wrapper .actu-item .actu-textes .actu-excerpt{
    color: #290200;
}
.actu-item.plus-actus {
    border-radius: 8px 0 0 8px;
    width: 20%;
    background: #820027;
    border: none;
}
.actu-item.plus-actus.mini {
    border-radius: 8px;

}
.actu-item.plus-actus .link{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

@media screen and (max-width: 960px){
    .card-metiers-wrapper{
        min-height:150px;
    }
}
@media screen and (max-width: 767px){
    .actu-wrapper {
        flex-direction: column;
    }
    .actu-wrapper .actu-item {
        width: 100%;
        }
    .actu-wrapper .actu-item img.actu-image {
        aspect-ratio: 400 / 200;
    }
    .actu-wrapper .actu-item .actu-textes {
        padding: 20px;
    }
    .actu-item.plus-actus {
        border-radius: 8px;
        width: 100%;
        padding: 10px;
    }
}

/*page etablissement richard*/

.slider-savoir-faire-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    width: 100%;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    padding-left: 30vw;
    padding-right: 30vw;
}
.savoir-faire-item {
    position: relative;
    min-width: 810px;
    display: flex;
    flex-direction: row;
    border: 1px solid white;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 1em;
    background: #4D481D;
}
.savoir-faire-item:hover::before {
    opacity:1;
}
.savoir-faire-item::before {
    border-radius: inherit;
    content: "";
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    transition: opacity 500ms;
    left:0px;
    top:0px;
}

.savoir-faire-item::before{
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.1), transparent 100%);
    z-index: 3;
}


.savoir-faire-image {
    width: 50%;
    aspect-ratio: 1 / 1;
    background-color: grey;
}
.savoir-faire-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.savoir-faire-content {
    width: 50%;
    padding: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-wrap: auto;
}
.savoir-faire-content .title h3 {
    font-size: 30px;
    line-height: 1em;
    color: white;
}
.savoir-faire-content .texte p{
    color: white;
}
@media screen and (min-width: 981px){
    .line-column-fit {
        display: flex    ;
        align-items: center;
        justify-content: center;
    }
    .line-column-fit .et_pb_column {
        width: fit-content !important;
    }

}

@media screen and (max-width: 981px){
    .slider-savoir-faire-wrapper{
        padding-left: 5vw;
    }

    .savoir-faire-item{
        min-width: 250px;
        flex-direction: column;
    }
    .savoir-faire-content, .savoir-faire-image{
        width: 100%;
        aspect-ratio: 2 / 1;
    }


}

/*equipe*/
.section-equipe .et_pb_row.row-equipe {
    margin-bottom: 0 !important;
}
.section-equipe .row-equipe .et_pb_column.et_pb_column_1_5 {
    width: 18.4%;
    margin-right: 2% !important;
    margin-bottom: 2% !important;
}
.section-equipe .row-equipe .et_pb_column.et_pb_column_1_5.et-last-child{
    margin-right: 0 !important;
}

.overlay-equipe {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(0deg, #ffffff 20%, #ffffff8a 100%);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.btn-more-equipe {
    padding: 10px 18px !important;
    color: white;
    background: #820027;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 50px;
}


/*realisation etablissements*/

.project-wrapper-masonry {
    column-count: 3;
    .project-item {
        margin-bottom: 15px;
        border-radius: 10px;
    }

    .project-image{
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 10px;
        display: block;

    }
}

button#charger-plus{
    display: block;
    border: 1px solid black;
    border-radius: 4px;
    background: white;
    padding: 12px 24px;
    margin: 20px auto auto;
    text-transform: uppercase;
    font-size: 17px;
    color: black;
    transition : all 0.4s ease-in-out;
    cursor: pointer;
}
button#charger-plus:hover{
    background: #290200;
    color: white;
    padding: 12px 30px;
}

#compteur-projets {
    width: fit-content;
    margin: 20px auto auto;
    color: #9f455a;
}

@media screen and (max-width: 980px){
    .project-wrapper-masonry {
        column-count: 2;
    }
}

/*toggle/bascule*/

.toggle-etablissement-wrapper {
    display: flex;
    flex-direction: column;
}

.toggle-item {
    padding: 20px 0;
    border-bottom: 1px solid #D7B19C;
    overflow: hidden;
}

.toggle-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
    gap: 20px;
}

h3.toggle-title {
    font-size: 24px;
    font-weight: normal;
    padding: 0;

}

.toggle-content {

    max-height: 0;
    visibility: hidden;
    opacity: 0;
    padding-top: 0;
    transition: max-height 0s ease-in-out, opacity 0.8s ease-in-out, padding-top 0.4s ease-in-out;
    line-height: 1.3em;

}
.toggle-content.active{
    visibility: visible;
    max-height: 600px;
    padding-top: 20px;
    opacity: 1;
}

.toggle-etablissement-wrapper.darktheme h3,
.toggle-etablissement-wrapper.darktheme h4,
.toggle-etablissement-wrapper.darktheme p {
    color: white;
}
.toggle-etablissement-wrapper.darktheme .ligne-hrzntl-align {
    gap: 50px;
}
.toggle-etablissement-wrapper.darktheme .toggle-item {
    border-bottom: 1px solid #9B9F58;
}

.toggle-content .part-text {
    padding: 20px;
    background: #4D481D;
    border-radius: 8px;
}
.toggle-content .part-text h4 {
    font-size: 17px;
}

.texte-column {
    display: flex;
    gap: 9px;
    flex-direction: column;
    width: 50%;
}

/*recrutement*/
.toggle-etablissement-wrapper.darktheme.recrutement .toggle-item {
    border-bottom: 1px solid rgba(253, 246, 242, 0.51);
}
.toggle-etablissement-wrapper.darktheme.recrutement .image-column img {
    border-radius: 8px;
}

.offres-wrapper .offres-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px 50px;
    background-color: #290200;
    border-radius: 8px;
}
.offres-wrapper .offres-header .offres-header-item {
    width: calc(90% / 3 );
    color: white;
    text-transform: uppercase;
 }
.offres-wrapper .offres-header .offres-header-item:last-of-type {
    width: 10%;
    color: white;
    text-transform: uppercase;
}


.offres-wrapper .offres-content {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 30px 50px;
    border-bottom: 1px solid #D7B19C;
}
.offres-wrapper .offres-content:last-of-type {
    border-bottom: none;
}

.offres-wrapper  .offres-content .offres-content-item {
    width: calc(90% / 3 );
    color: #290200;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.offres-wrapper .offres-content .offres-content-item:last-of-type {
    width: 10%;
}

.btn-offre img  {
    transition: all 0.4s ease-in-out;
}

.btn-offre img:hover  {
    scale: 1.1;
}

@media screen and (max-width: 500px){
    .offres-wrapper .offres-header{
        visibility: hidden;
        display: none;
    }
    .offres-wrapper .offres-content, .offres-wrapper .offres-content:last-of-type {
        display: flex    ;
        flex-direction: column;
        width: 80%;
        padding: 30px 30px;
        border: 1px solid #D7B19C;
        margin: auto auto 20px;
        gap: 20px;
    }
    .offres-wrapper .offres-content .offres-content-item{
        width: 100%;
    }
    .offres-wrapper .offres-content .offres-content-item:last-of-type{
        width: 15%;
    }
}

/*formulaire candidature spontanee*/

input[type="radio"] {
    accent-color: #290200;
}

.candidature-spontanee h2 {
    font-size: 28px;
    font-weight: 400;
}

.candidature-spontanee legend {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 20px;
}
.candidature-spontanee hr {
    border: none;
    border-top: 1px solid #E3D1CF;
}

.form-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;

}

.form-flex label {
    display: flex;
    flex-direction: column;
    width: min-content;
    min-width: 150px;
    font-weight: 500;
}
.form-flex p {
    font-weight: 500;
}
.form-flex label input {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #E3D1CF;
    border-radius: 4px;
    margin-top: 0;
}

.form-flex label input:focus {
    border-color: #290200;
}

.form-flex.infos label.input2-5 {
    min-width: 40%;
}
.form-flex.infos label.half-input{
    min-width: 50%;
}
.form-flex.infos label.quart-input {
    min-width: 25%;
}

.form-flex.adresse label.input1-6{
    min-width: 16.66%;
}
.form-flex.adresse label.input2-6{
    min-width: 33.33%;
}
.form-flex.adresse label.input3-6{
    min-width: calc(50% - 40px);
}


.form-flex.nom-prenom label {
    display: flex;
    flex-direction: column;
    width: min-content;
    min-width: 30%;
}

.form-flex.infos label {
    display: flex;
    flex-direction: column;
    width: min-content;
    min-width: 33%;
}

@media screen and (max-width: 750px) {
    .form-flex.nom-prenom label,
    .form-flex.infos label.input2-5,
    .form-flex.infos label.quart-input,
    .form-flex.adresse label.input3-6,
    .form-flex.adresse label.input1-6,
    .form-flex.adresse label.input2-6{

        min-width: 100%;
    }
    .form-flex {
        flex-direction: column;
    }
}


/*radio buttons*/

.form-flex.radio {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 20px;
    align-items: flex-start;
}
.form-flex.radio label {
    display: flex;
    flex-direction: row;
    width: inherit;
     min-width: inherit;
    align-items: center;
}

.form-flex.radio label input {
    width:inherit;
}


.form-flex.radio label span {
    margin-top: 3px;
}

.form-flex.radio .wpcf7-list-item.first {
    margin: 0;
}


.form-flex.select{
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 20px;
    align-items: flex-start;
    .dsm-contact-form-7-select{
        width: 100%;
    }

    .dsm-contact-form-7-select::after{
        content: "▾";
        line-height: 0.5em;
        display: block;
        right: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
    }

    select{
        color: #757575;
        padding: 8px 16px;
        border: 1px solid #E3D1CF;
        border-radius: 4px;
        background: #fff;
        cursor: pointer;
    }
}


/*message textarea*/
.form-flex.message label {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-flex.message label textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #E3D1CF;
}

.form-flex.message label textarea:focus {
    border-color: #290200;
}

/*files*/
.form-flex.file {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
}

.form-flex.file label {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: inherit;
}
.form-flex.file label input {
    padding: 8px 8px;
}
div.rgpd{
    margin-bottom: 10px;
}
.rgpd .wpcf7-list-item{
    margin:0
}

p.texte-supp-rgpd {
    color: #7C6F6E;
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 30px;
}
button.submit-adt {
    width: 100%;
    cursor: pointer;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner.et_pb_button.et_pb_bg_layout_light.submit-adt:hover {
    width: 100%;
    background: #290200;
}
div.submit{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/*detail offre d'emploi*/

.poste-contenu h2 {
    font-size: 32px;
    color: #820027;
}

.poste-contenu.details h2 {
    font-size: 20px;
    color: #820027;
}

.poste-contenu .item {
    margin-bottom: 20px;
}
.detail-offre{
    background-color:#faeee3;
    padding: 50px;
    border-radius: 8px;
}

.detail-offre .postuler-offre {
    display: flex;
    justify-content: center;
    padding: 10px !important;
    background-color: #290200;
    border: 1px solid #290200;
    color: white;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
}
.detail-offre .postuler-offre:hover {
    background: white;
    color: #290200;
}


.postuler-offre.postuler.alone {
    display: flex;
    padding: 10px 20px !important;
    background-color: white;
    border: 1px solid #290200;
    color: #290200;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
    width: fit-content;
}
.postuler-offre.postuler.alone:hover  {
    background: #290200;
    color: white;
}

.postuler-form h2 {
    font-size: 28px;
    font-weight: 400;
}

.postuler-form legend {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 20px;
}
.postuler-form hr {
    border: none;
    border-top: 1px solid #E3D1CF;
}

/*engagement*/

.engagement-card h2{
    font-weight: 400 !important;
}

.engagement-card:hover::before {
    opacity:1;
}
.engagement-card::before {
    border-radius: inherit;
    content: "";
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    transition: opacity 500ms;
    left:0px;
    top:0px;
}

.engagement-card::before{
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.1), transparent 100%);
}

/*contact*/
.contact-form h2 {
    font-size: 28px;
    font-weight: 400;
}

.contact-form legend {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 20px;
}
.contact-form hr {
    border: none;
    border-top: 1px solid #E3D1CF;
}

.fiches-contact{
    height: 100%;
    display: flex;
    align-items: center;
}

/*page actualités*/

.actualites-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}
.actualites-wrapper .actu-item:first-of-type{
    grid-column: 1 / span 2 ;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #D7B19C;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.actualites-wrapper .actu-item:first-of-type img.actu-image{
    width: calc(50% - 1vw);
    aspect-ratio: 449 / 415;
}
.actualites-wrapper .actu-item:first-of-type .actu-textes{
    width: calc(50% + 1vw);
}

.actualites-wrapper .actu-item {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #D7B19C;
    display: flex;
    flex-direction: column;
}

.actualites-wrapper .actu-item img.actu-image {
    object-fit: cover;
    aspect-ratio: 449 / 224;
}

.actualites-wrapper .actu-item  .actu-textes {
    padding: 40px;
}
.actualites-wrapper .actu-item .actu-textes .actu-title h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #820027;
    padding: 0;
    margin-bottom: 10px;

}
.actualites-wrapper .actu-item .actu-textes .actu-excerpt{
    color: #290200;
}

/*detail actus*/


.slider-related-actu-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    width: 100%;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    padding-left: 30vw;
    padding-right: 30vw;
}

.related-actu-item {
    position: relative;
    min-width: 440px;
    display: flex;
    flex-direction: column;
    border: 1px solid white;
    border-radius: 8px;
    overflow: hidden;
    background: #fdf6f2;
    max-width: 50%;
}
.related-actu-image{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 450 / 250;
    background-color: grey;
}
.related-actu-content {
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    text-wrap: auto;
    align-items: flex-start;
}

.related-actu-content .title h3 {
    color: #820027;
    font-size: 18px;
}
.related-actu-content .actu-excerpt {
    margin-bottom: 20px;
}

.related-actu-content a.btn-voir-plus {
    border: 1px solid #820027;
    border-radius: 4px;
    padding: 5px 10px;
    transition: all 0.4s ease-in-out;
    background: transparent;
}

.related-actu-content a.btn-voir-plus:hover {
    background: #820027;
    color: white;
}

.nav-related-wrapper {
    padding-left: 30vw;
    padding-right: 30vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.btn-prec-related,
.btn-suiv-related {
    display: flex;
    cursor: pointer;
}

.nav-related {
    display: flex;
    align-items: center;
    gap: 5px;

}

.nav-related-wrapper .titre-nav {
    color: #9B9F58;
    text-transform: uppercase;
    line-height: 1em;
    padding-top: 0.1em;
    font-size: 20px;
}

@media screen and (max-width:980px){
    .nav-related-wrapper {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .slider-related-actu-wrapper{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .related-actu-item {
        min-width: 80vw;
    }
    .related-actu-content {
        padding: 20px;
    }

    .wpcf7-list-item {
        margin: 0 1em 0 0;

    }
}
@media screen and (max-width:760px){
    .wpcf7-list-item {
        margin:0;
    }
}


/* 404 */
.link-404{
    color: white;
    text-decoration: underline;
}