:root {
    /* Typographie */
    --font-title: "Satoshi", Sans-serif;
    --font-text: "Inter", Sans-serif;

    /* Layout */
    --admin-bar: 32px;
    --px-global: 24px;
    --listing-gap: 4px;
    --header-height: 113px;

    /* Couleurs Principales */
    --yellow-brand: #F2E65E;
    --yellow-dark: #BCB040;
    --yellow-light: #FAFAF1;
    --grey: #959E9A;
    --grey-blue: #D5E2E6;
    --grey-light:  rgba(149, 158, 154, 0.06);
    --dark-grey: #474B42;
    --light:  #FCFCF7;
    --white:  #FFFFFC;
    --black:  #262823;
}

.clr-primary{
    color: var(--yellow-brand);
}

.clr-secondary{
    color: var(--black);
}

.clr-text{
    color: var(--grey);
}

.clr-yellow-light{
    color: var(--yellow-light);
}

.font-title-family{
    font-family: var(--font-title) !important;
}

.font-text-family{
    font-family: var(--font-text) !important;
}

.normal-case{
    text-transform: capitalize !important;
}

.titre-dnedl32{
    max-width: 630px !important;
}

.is-footer-bg{
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0;
    top: 0;
    pointer-events: none;
}

.is-footer-bg img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.is-bg-icon{
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0;
    top: 0;
    pointer-events: none;
    /* z-index: -1 !important; */
}

.is-bg-icon *:not(svg *){
    width: 100% !important;
    height: 100% !important; 
}

footer{
    background: linear-gradient(180deg, #262823 32.43%, #474B42 116.34%) !important;
}

.block-dnv30{
    max-width: 600px !important;
}

.icon-number{
    width: 30px !important;
    height: 30px !important;
}

.icon-number.big{
    width: 60px !important;
    height: 60px !important;
}

.icon-number .icon{
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100% !important;
}

.offre-see-more-button{
    margin-top: auto !important;
}

.responsabilite{
    display: block !important;
    margin-top: 16px !important;
    font-weight: 300 !important;
    color: var(--grey) !important;
}

.block-den092x{
    max-width: 480px !important;
}

.block-vededo0{
    max-width: 445px !important;
}

.block-nrde91x{
    max-width: 830px !important;
}

.block-cvren34j{
    max-width: 645px !important;
}

.block-dnec10{
    max-width: 350px !important;
}

.elementor-button-link,
.footer-column-menu a,
.offre-see-more-button,
.wpforms-submit{
    transition: .2s !important;
}

.elementor-button-link:hover,
.footer-column-menu a:hover,
.offre-see-more-button:hover,
.wpforms-submit:hover{
    opacity: .7;
    transition: .2s !important;
}

.offre{
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 14px !important;
    font-weight: 700;
}

.offre-title{
    min-height: 83px !important;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text]{
    height: 50px !important;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea{
    border-radius: 8px !important;
    border: 1px solid #474B42 !important;
    background: #262823 !important;
    padding: 16px !important;
    color: var(--grey) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
select::placeholder,
textarea::placeholder{
    color: var(--grey) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

input[type=date]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
select:hover,
textarea:hover{
    border-color: var(--yellow-brand) !important;
}

#wpforms-656-field_4 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    position: relative
}

#wpforms-656-field_4-container {
    position: relative
}

#wpforms-656-field_4-container::after {
    content: "";
    position: absolute;
    right: 16px;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    width: 14px;
    height: 6px;
    background-color: var(--grey);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 4C4.78 4 5 4.22 5 4.5C5 4.78 4.78 5 4.5 5C4.22 5 4 4.78 4 4.5C4 4.22 4.22 4 4.5 4ZM3.5 4C3.78 4 4 4.22 4 4.5C4 4.78 3.78 5 3.5 5C3.22 5 3 4.78 3 4.5C3 4.22 3.22 4 3.5 4ZM4.5 3C4.78 3 5 3.22 5 3.5C5 3.78 4.78 4 4.5 4C4.22 4 4 3.78 4 3.5C4 3.22 4.22 3 4.5 3ZM3.5 3C3.78 3 4 3.22 4 3.5C4 3.78 3.78 4 3.5 4C3.22 4 3 3.78 3 3.5C3 3.22 3.22 3 3.5 3ZM5.5 3C5.78 3 6 3.22 6 3.5C6 3.78 5.78 4 5.5 4C5.22 4 5 3.78 5 3.5C5 3.22 5.22 3 5.5 3ZM2.5 3C2.78 3 3 3.22 3 3.5C3 3.78 2.78 4 2.5 4C2.22 4 2 3.78 2 3.5C2 3.22 2.22 3 2.5 3ZM5.5 2C5.78 2 6 2.22 6 2.5C6 2.78 5.78 3 5.5 3C5.22 3 5 2.78 5 2.5C5 2.22 5.22 2 5.5 2ZM4.5 2C4.78 2 5 2.22 5 2.5C5 2.78 4.78 3 4.5 3C4.22 3 4 2.78 4 2.5C4 2.22 4.22 2 4.5 2ZM2.5 2C2.78 2 3 2.22 3 2.5C3 2.78 2.78 3 2.5 3C2.22 3 2 2.78 2 2.5C2 2.22 2.22 2 2.5 2ZM3.5 2C3.78 2 4 2.22 4 2.5C4 2.78 3.78 3 3.5 3C3.22 3 3 2.78 3 2.5C3 2.22 3.22 2 3.5 2ZM1.5 2C1.78 2 2 2.22 2 2.5C2 2.78 1.78 3 1.5 3C1.22 3 1 2.78 1 2.5C1 2.22 1.22 2 1.5 2ZM6.5 2C6.78 2 7 2.22 7 2.5C7 2.78 6.78 3 6.5 3C6.22 3 6 2.78 6 2.5C6 2.22 6.22 2 6.5 2ZM2.5 1C2.78 1 3 1.22 3 1.5C3 1.78 2.78 2 2.5 2C2.22 2 2 1.78 2 1.5C2 1.22 2.22 1 2.5 1ZM1.5 1C1.78 1 2 1.22 2 1.5C2 1.78 1.78 2 1.5 2C1.22 2 1 1.78 1 1.5C1 1.22 1.22 1 1.5 1ZM0.5 1C0.78 1 1 1.22 1 1.5C1 1.78 0.78 2 0.5 2C0.22 2 0 1.78 0 1.5C0 1.22 0.22 1 0.5 1ZM6.5 1C6.78 1 7 1.22 7 1.5C7 1.78 6.78 2 6.5 2C6.22 2 6 1.78 6 1.5C6 1.22 6.22 1 6.5 1ZM5.5 1C5.78 1 6 1.22 6 1.5C6 1.78 5.78 2 5.5 2C5.22 2 5 1.78 5 1.5C5 1.22 5.22 1 5.5 1ZM7.5 1C7.78 1 8 1.22 8 1.5C8 1.78 7.78 2 7.5 2C7.22 2 7 1.78 7 1.5C7 1.22 7.22 1 7.5 1ZM1.5 0C1.78 0 2 0.22 2 0.5C2 0.78 1.78 1 1.5 1C1.22 1 1 0.78 1 0.5C1 0.22 1.22 0 1.5 0ZM0.5 0C0.78 0 1 0.22 1 0.5C1 0.78 0.78 1 0.5 1C0.22 1 0 0.78 0 0.5C0 0.22 0.22 0 0.5 0ZM7.5 0C7.78 0 8 0.22 8 0.5C8 0.78 7.78 1 7.5 1C7.22 1 7 0.78 7 0.5C7 0.22 7.22 0 7.5 0ZM6.5 0C6.78 0 7 0.22 7 0.5C7 0.78 6.78 1 6.5 1C6.22 1 6 0.78 6 0.5C6 0.22 6.22 0 6.5 0Z' fill='%23959E9A'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 4C4.78 4 5 4.22 5 4.5C5 4.78 4.78 5 4.5 5C4.22 5 4 4.78 4 4.5C4 4.22 4.22 4 4.5 4ZM3.5 4C3.78 4 4 4.22 4 4.5C4 4.78 3.78 5 3.5 5C3.22 5 3 4.78 3 4.5C3 4.22 3.22 4 3.5 4ZM4.5 3C4.78 3 5 3.22 5 3.5C5 3.78 4.78 4 4.5 4C4.22 4 4 3.78 4 3.5C4 3.22 4.22 3 4.5 3ZM3.5 3C3.78 3 4 3.22 4 3.5C4 3.78 3.78 4 3.5 4C3.22 4 3 3.78 3 3.5C3 3.22 3.22 3 3.5 3ZM5.5 3C5.78 3 6 3.22 6 3.5C6 3.78 5.78 4 5.5 4C5.22 4 5 3.78 5 3.5C5 3.22 5.22 3 5.5 3ZM2.5 3C2.78 3 3 3.22 3 3.5C3 3.78 2.78 4 2.5 4C2.22 4 2 3.78 2 3.5C2 3.22 2.22 3 2.5 3ZM5.5 2C5.78 2 6 2.22 6 2.5C6 2.78 5.78 3 5.5 3C5.22 3 5 2.78 5 2.5C5 2.22 5.22 2 5.5 2ZM4.5 2C4.78 2 5 2.22 5 2.5C5 2.78 4.78 3 4.5 3C4.22 3 4 2.78 4 2.5C4 2.22 4.22 2 4.5 2ZM2.5 2C2.78 2 3 2.22 3 2.5C3 2.78 2.78 3 2.5 3C2.22 3 2 2.78 2 2.5C2 2.22 2.22 2 2.5 2ZM3.5 2C3.78 2 4 2.22 4 2.5C4 2.78 3.78 3 3.5 3C3.22 3 3 2.78 3 2.5C3 2.22 3.22 2 3.5 2ZM1.5 2C1.78 2 2 2.22 2 2.5C2 2.78 1.78 3 1.5 3C1.22 3 1 2.78 1 2.5C1 2.22 1.22 2 1.5 2ZM6.5 2C6.78 2 7 2.22 7 2.5C7 2.78 6.78 3 6.5 3C6.22 3 6 2.78 6 2.5C6 2.22 6.22 2 6.5 2ZM2.5 1C2.78 1 3 1.22 3 1.5C3 1.78 2.78 2 2.5 2C2.22 2 2 1.78 2 1.5C2 1.22 2.22 1 2.5 1ZM1.5 1C1.78 1 2 1.22 2 1.5C2 1.78 1.78 2 1.5 2C1.22 2 1 1.78 1 1.5C1 1.22 1.22 1 1.5 1ZM0.5 1C0.78 1 1 1.22 1 1.5C1 1.78 0.78 2 0.5 2C0.22 2 0 1.78 0 1.5C0 1.22 0.22 1 0.5 1ZM6.5 1C6.78 1 7 1.22 7 1.5C7 1.78 6.78 2 6.5 2C6.22 2 6 1.78 6 1.5C6 1.22 6.22 1 6.5 1ZM5.5 1C5.78 1 6 1.22 6 1.5C6 1.78 5.78 2 5.5 2C5.22 2 5 1.78 5 1.5C5 1.22 5.22 1 5.5 1ZM7.5 1C7.78 1 8 1.22 8 1.5C8 1.78 7.78 2 7.5 2C7.22 2 7 1.78 7 1.5C7 1.22 7.22 1 7.5 1ZM1.5 0C1.78 0 2 0.22 2 0.5C2 0.78 1.78 1 1.5 1C1.22 1 1 0.78 1 0.5C1 0.22 1.22 0 1.5 0ZM0.5 0C0.78 0 1 0.22 1 0.5C1 0.78 0.78 1 0.5 1C0.22 1 0 0.78 0 0.5C0 0.22 0.22 0 0.5 0ZM7.5 0C7.78 0 8 0.22 8 0.5C8 0.78 7.78 1 7.5 1C7.22 1 7 0.78 7 0.5C7 0.22 7.22 0 7.5 0ZM6.5 0C6.78 0 7 0.22 7 0.5C7 0.78 6.78 1 6.5 1C6.22 1 6 0.78 6 0.5C6 0.22 6.22 0 6.5 0Z' fill='%23959E9A'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none
}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{
    padding: 5px 0 !important;
}

.wpforms-field-container .wpforms-field:last-child{
    padding-bottom: 0 !important;
}

#wpforms-form-656 .wpforms-submit-container{
    margin-top: 48px !important;
}

.wpforms-submit{
    width: 100% !important;
    height: 50px !important;
    background-color: var(--grey) !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2;
    text-transform: uppercase !important;
    color: var(--black) !important;
    cursor: pointer !important;
}

.button-chevron-icon .elementor-button-content-wrapper{
    gap: 10px !important;
}

.button-chevron-icon .elementor-button-content-wrapper::before{
    content: ">";
    font-family: Array, sans-serif;
    display: inline-block;
}

.bg-recrutement{
    position: absolute !important;
    right: -5em;
    top: -5em;
    max-width: 1200px !important;
}

.bg-recrutement img{
    object-fit: contain !important;
}

.block-denlxm0x9{
    overflow: clip !important;
}

@media only screen and (min-width: 1600px){
    :root {
        --px-global: 96px;
    }

    .hero{
        padding-top: 64px !important;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 0px){
    .header-etoile{
        top: -10px !important;
    }
}



@media only screen and (max-width: 1400px) and (min-width: 0px){
    .icon-ndj982{
        right: 5% !important;
    }
}

@media only screen and (min-width: 1240px){
    .block-pozsi9{
        max-width: 950px !important;
    }

    .block-ndemp2c{
        max-width: 600px !important;
    }

    .block-bpeml5{
        max-width: 554px !important;
    }
}

@media only screen and (min-width: 768px){
    .offres-grid{
        flex-wrap: wrap !important;
    }

    .offres-grid > *{
        width: calc(100% / 2 - 16px + 16px / 2) !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 0px){
    :root {
        --listing-gap: 20px;
        --px-global: 20px;
        --header-height: 90px;
    }

    .header-etoile{
        top: -73px !important;
    }

    .block-cvren34j{
        max-width: 100% !important;
    }

    .has-py-120,
    .has-py-96{
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .has-mb-120{
        margin-bottom: 64px !important;
    }

    .img-de09x img{
        min-height: 400px !important;
        object-fit: cover !important;
    }

    .block-dnv30{
        padding-left: var(--px-global) !important;
        padding-right: var(--px-global) !important;
    }

    .block-vededo0,
    .block-den092x,
    .block-dnec10{
        max-width: 100% !important;
    }

    h1{
        font-size: 48px !important;
    }

    h2{
        font-size: 32px !important;
    }

    h3{
        font-size: 21px !important;
    }

    .offres-grid h3{
        font-size: 24px !important;
    }

    .h2-big-size h2{
        font-size: 48px !important;
    }

    .icon-lmc0{
        top: unset !important;
        bottom: -5em !important;
    }
}

@media only screen and (max-width: 993px) and (min-width: 0px){
    :root {
        --admin-bar: 46px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 0px){
    .block-12ecfad{
        border-radius: 8px !important;
    }

    .block-bf9d53a{
        display: flex !important;
    }

    .header-etoile{
        top: -41px !important;
    }

    .star-animation{
        /* display: flex !important; */
        min-height: 85vw;
        position: relative !important;
        right: -12px !important;
        margin-top: -3em !important;
        margin-bottom: -3em !important;
    }

    .octagon-pattern__svg,
    .octagon-pattern{
        /* height: 100% !important; */
    }

    .octagon-pattern{
        /* min-height: unset !important; */
    }

    .ai-animation-etoile{
        pointer-events: none !important;
    }

    .section-recrutement{
        background-color: unset !important;
        background: linear-gradient(90deg, var(--dark-grey) 0%, rgba(71, 75, 66, 0) 100%) !important;
    }

    .block-mnd90ft {
        position: relative !important; /* Indispensable pour positionner le fond */
        background-color: unset !important;
    }

    .block-mnd90ft::after {
        content: "";
        position: absolute;
        top: 0;
        left: 20px;         /* Décalage de 20px à gauche */
        right: 20px;        /* Décalage de 20px à droite */
        bottom: 0;
        background-color: #474B42; /* Ton gris-vert */
        z-index: -1;        /* On le glisse SOUS le contenu */
        
        /* Optionnel : si tu veux des coins arrondis sur le fond */
        border-radius: 8px;
    }

    .children-out-of-box{
        padding-left: calc(var(--px-global) * 2) !important;
        padding-right: calc(var(--px-global) * 2) !important;
    }
}