/* Global */

body {
    color: #000;
    /* P1 */
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
}

.node__content {
    font-size: 18px;
}

.underline-link:hover {
    color: inherit;
}

a {
    color: #00863B;
    text-decoration: none;
    background-color: transparent;
}

body.has-visuel-header #navbar-top {
    background: transparent;
}

body.has-visuel-header .navbar-toggler-btn span,
body.node--type-page-webform .navbar-toggler-btn span {
    background: #FFF;
}

.navbar-toggler-btn.open {
    margin-right: 5px;
}

body.has-visuel-header #navbar-top .region-top-menu #block-asterix-search .trigger-search svg path {
    fill: #FFF;
}

#block-asterix-search .trigger-search svg path {
    fill: #FFF;
}


/* !!!temporaire */
.migration-banner {
    display: none;
}

/* FIN temporaire */

/* on affiche le bloc Offres à la une sur la homepage uniquement */
body:not(.node--type-homepage) .bloc-offresune{
    display: none;
}


body.node--type-homepage #header-hp .field--name-field-media-video-file video {
    /* display: none; */
    border-radius: 25px;
    width: 100%;
    object-fit: cover;
    min-height: 46vw;
    /* top: 29%; */
}

/* connecté au bo */
/* body.user-logged-in.node--type-homepage #header-hp .field--name-field-media-video-file video {
    top: 60%;
} */
body.user-logged-in.node--type-homepage #header-hp .field--name-field-media-video-file {
    top: 60px;
}



.bloc-chiffres-mobile {
    display: none;
}

.page-marge-interieure {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.3s ease;
}

a:hover {
    color: #0E8456;
    text-decoration: underline;
}

a.link-home:hover {
    color: #0E8456;
    text-decoration: none;
}

p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 12px;
}

h1 {
    color: var(--000000, #000);
    text-align: center;

    /* H1 */
    font-family: Bangers;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h2 {
    font-family: Bangers;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: inherit;
}

.link-back a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 0px;
    margin-bottom: 2px;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: transparent url(../images/chevron.png) no-repeat center center;
    vertical-align: middle;
}

.link-back a:hover:before {
    background-color: transparent;
}

.paragraph--type--texte-lien .field--name-field-texte h3 {
    color: var(--000000, #000);
    font-family: 'Poppins';
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
}

.paragraph--type--texte-lien .field--name-field-texte h2 {
    color: #00568E;
}


h3 b,
strong {
    font-weight: normal;
}

.container,
.container-fluid,
.container-lg {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}

.ts-disclaimer a {
    color: #000;
    text-decoration: underline;
    background-color: transparent;
}

/* case à cocher consentement */
.custom-control-label::after {
    display: none;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 28px;
    pointer-events: all;
    border-radius: 50%;
}

#edit-consent {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

label[for="edit-consent"] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

label[for="edit-consent"]::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2px solid #ccc;
    border-radius: 50%;
    background-color: white;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

/* Coché → box-shadow simule le rond bleu intérieur */
#edit-consent:checked~label[for="edit-consent"]::before {
    border-color: #00568E;
    box-shadow: inset 0 0 0 5px #00568E;
}


#block-asterix-breadcrumbs .breadcrumb {
    background: 0 0;
    border-radius: 0;
    border-bottom: 0;
    margin: 0px 0 0 160px;
    padding: 0px 0 12px;
    font-size: 15px;
}

#block-asterix-breadcrumbs .breadcrumb .breadcrumb-item {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#block-asterix-breadcrumbs .breadcrumb .breadcrumb-item a {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

body.node--type-homepage #header #navbar-main {
    position: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    margin-top: 40px;
}

body.node--type-homepage #header #navbar-main .container {
    padding-right: 20px;
    padding-left: 5px;
}

#navbar-top .link-home .logo-new {
    max-width: 191px;
    top: 3px;
    left: 4px;
}

#navbar-main #block-asterix-main-menu .menu-level-0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding-left: 15px;
    list-style: none;
    border-radius: 32px;
    border: 1px solid var(--3a90cf, #3A90CF);
    background: var(--FFFFFF, #FFF);
}

#navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>a,
#navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>span {
    display: inline-block;
    background-color: transparent;
    padding: 20px 8px;
    cursor: pointer;
    color: var(--000000, #000);
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

#navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>a:hover,
#navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>span:hover {
    color: #0E8456;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    /* épaisseur */
}

/* picto item rejoignez l'aventure */
#navbar-main #block-asterix-main-menu .menu-level-0>.menu-item .field--name-field-picto {
    display: none;
}

@media (min-width: 1140px) {

    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1 {
        position: absolute;
        width: 110%;
        top: 90%;
        left: -4px;
        right: 0;
        margin: 0;
        background-color: #FFF;
        padding: 10px 13px;
        list-style: none;
    }

    body:not(.node--type-homepage) #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1 {
        border: 1px solid #e3eaff;
    }


    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item:last-child>a,
    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item:last-child>span {
        background-color: #0E8456;
        padding-left: inherit;
        border-radius: 32px;
        background: var(--0E8456, #0E8456);
        color: #FFFFFF;
        padding: 12px 17px;
        margin: 8px 7px;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1>.menu-item>a,
    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1>.menu-item>span {
        display: block;
        padding: 10px 0;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1>.menu-item>a:hover,
    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1>.menu-item>span:hover {
        color: #0E8456;
        font-weight: 800;
        text-decoration: none;
        padding: 10px 0 10px 0px;
    }
}

#navbar-top .region-top-menu {
    margin-bottom: inherit;
}

.navbar-toggler-btn span {
    left: -3px;
}

.navbar-toggler-btn span:nth-child(2),
.navbar-toggler-btn span:nth-child(3) {
    top: 8px;
}

.navbar-toggler-btn span:nth-child(4) {
    top: 16px;
}

#navbar-top .region-top-menu #block-asterix-search .search-block-form {
    position: relative;
    padding: 0 15px;
    margin-right: 0;
    margin-top: 40px;
}

body.node--type-homepage #navbar-top .region-top-menu #block-asterix-search .search-block-form .search-picto {
    position: absolute;
    top: -19px;
    width: 50px;
    cursor: pointer;
}

#navbar-top .region-top-menu #block-asterix-search .search-block-form .search-picto {
    position: absolute;
    top: -39px;
    width: 50px;
    cursor: pointer;
}


.fleche-tourne img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* masque pour l'animation */
    /* clip-path: inset(0 0 100% 0);
    animation: reveal 1s forwards; */
}

/* @keyframes reveal {
    to {
        clip-path: inset(0 0 0 0);
        /* dévoile progressivement du haut vers le bas */
}
}

*/

/* bloc recherche */
body.node--type-homepage #navbar-top .region-top-menu #block-asterix-search .search-block-form .search-picto {
    top: -18px;
}

#navbar-top .region-top-menu #block-asterix-search .search-block-form .form-type-search {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 6;
    bottom: -6px;
    right: 36px;
    width: 893px;
    height: 51px;
    transition: all 0.3s ease;
    background: #FFF;
    border-radius: 25px;
}

body.node--type-homepage #navbar-top .region-top-menu #block-asterix-search .search-block-form .form-type-search {
    top: -25px;
    z-index: 9;
    right: 43px;
    background: #FFF;
    border-radius: 25px;
}

body.node--type-homepage #header #navbar-top #search-block-form .form-type-search input {
    background: var(--95C11F, #95C11F);
    /* background: #FFF; */
    color: var(--000000, #000);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0;
    padding: 11px 18px;
    border-radius: 25px;
    height: inherit;
    width: 820px;
}

#header #navbar-top:not(.open) #search-block-form .form-type-search {

    /* État caché */
    transform: scaleX(0);
    transform-origin: right;
    opacity: 0;

    transition: transform 0.3s ease, opacity 0.3s ease;
}

#header #navbar-top #search-block-form .form-type-search.visible {
    transform: scaleX(1);
    opacity: 1;
}

.close-input-search {
    display: none;
    background-image: url(../images/pictos/picto-fermer.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    top: -43px;
    right: 60px;
    z-index: 10;
    width: 30px;
    height: 30px;
    cursor: pointer;
    filter: brightness(0);
}

body.node--type-homepage .close-input-search {
    top: -23px;
}

body.node--type-homepage .form-type-search input::placeholder {
    color: #000 !important;
    font-size: 16px !important;
}

#navbar-top .region-top-menu #block-asterix-search .search-block-form .form-type-search input {
    background: var(--95C11F, #95C11F);
    color: var(--000000, #000);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0;
    padding: 11px 18px;
    border-radius: 25px;
    height: inherit;
    width: 820px;
}

#navbar-top .region-top-menu #block-asterix-search .search-block-form .form-actions {
    position: absolute;
    top: 51px;
    right: 0;
    display: none;
}

#navbar-top .region-top-menu #block-asterix-search .search-block-form .form-actions .form-submit {
    /* position: absolute; */
    top: -90px;
    /* bottom: 0; */
    right: -29px;
    width: 48px;
    height: 48px;
    background: transparent url(../images/pictos/picto-recherche-off.png) no-repeat center center;
    font-size: 0;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.node--type-homepage #navbar-top .region-top-menu #block-asterix-search .search-block-form .form-actions .form-submit {
    top: -70px;
    z-index: 9;
}

/* FIN bloc recherche */


/* homepage */
body.node--type-homepage #header {
    /* height: 100vh; */
    height: inherit;
    /* background: black; */
}

body.node--type-homepage #header-hp .wrapper-header-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

body.node--type-homepage #header-hp .wrapper-header-content h1 {
    top: 56%;
    left: 0;
    right: 0;
    margin: auto;
    width: 42%;
    padding: 0 15px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    /* text-shadow: 0 0 50px #000; */
    text-shadow: inherit;
    font-size: 75px;
    line-height: normal;
}

body.node--type-homepage #header-hp .wrapper-header-content .scroll {
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    width: 88px;
    margin: auto;
    display: block;
    text-align: center;
}

body.node--type-homepage #header-hp .wrapper-header-content .scroll img {
    display: inline-block;
    width: 110px;
}

body.node--type-homepage #header-hp .wrapper-header-content .splash {
    top: 63%;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    padding: 0;
    padding-left: 115px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    transform: translateY(-50%);
    z-index: -1;
}

body.node--type-homepage #header-hp .field--name-field-media-video-file {
    max-width: 1448px;
    max-width: 100%;
    margin: 0 auto;
}

body.node--type-homepage #header #navbar-top {
    max-width: 1448px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 25px;
}

#block-reseauxsociaux-2.menu--reseaux-sociaux .titre {
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    padding: 10px;
    font-weight: 500;
}

body.node--type-homepage #header-hp .field--name-field-media-video-file {
    left: 20px;
    /* ← remplace left: 0 */
    right: 20px;
    /* ← remplace right: 0 */
    top: 20px;
    bottom: 20px;
    overflow: hidden;
    border-radius: 25px;
    /* ← déplace le radius ici plutôt que sur video */
}


body.node--type-homepage #header-hp {
    position: inherit;
    min-height: calc(90vh - 31px);
}

.nos-metiers-bloc-hp {
    margin-top: 100px;
}

.nos-metiers-bloc-hp h2 {
    font-weight: 400;
    text-align: center;
    color: #000000;
    font-size: 62px;
    margin-bottom: 18px;
}

.nos-metiers-bloc-hp .intro-metiers-hp {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 0 20px;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 637px;
}

/* FIN global */


/* bloc recherche offres HP */
.bloc-custom-offres-search,
.path-teamtailor .view-offres .view-header {
    background: none;
    background-size: cover;
    padding: 40px 50px;
    margin: 0 auto;
    max-width: 830px;
    margin-top: 30px;
    border-radius: 38px;
    background: var(--00863B, #00863B);
    position: relative;
}

.bloc-custom-offres-search .pointe {
    position: absolute;
    right: -105px;
    top: 70px;
}

.bloc-custom-offres-search h2 {
    color: #FFF;
    font-family: Bangers;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bloc-custom-offres-search .offres-views-title,
.path-teamtailor .view-offres .offres-views-title h2 {
    color: var(--FFFFFF, #FFF);
    text-align: center;
    max-width: 380px;
    margin: 30px auto;
}

.bloc-custom-offres-search .view-filters,
.path-teamtailor .view-filters,
.path-teamtailor .view-content,
.bloc-offres .recherche .view-filters {
    margin-top: 35px;
}

.bloc-custom-offres-search .view-filters #edit-combine,
.path-teamtailor .view-offres .view-filters #edit-combine,
.bloc-offres .recherche .view-filters #edit-combine {
    border-radius: 32px;
    height: 56px;
}

@media screen and (min-width: 768px) {

    .bloc-custom-offres-search .view-filters .form-item-field-type-de-contrat-target-id,
    .path-teamtailor .view-offres .view-filters .form-item-field-type-de-contrat-target-id,
    .bloc-offres .recherche .view-filters .form-item-field-type-de-contrat-target-id {
        width: 43%;
        background: var(--122948, #122948);
        color: #fff;
        display: inline-block;
        margin-right: 82px;
        border-radius: 50px;

    }

    .bloc-custom-offres-search .view-filters .form-item-field-metier-target-id,
    .path-teamtailor .view-offres .view-filters .form-item-field-metier-target-id,
    .bloc-offres .recherche .view-filters .form-item-field-metier-target-id {
        width: 45%;
        background: var(--122948, #122948);
        color: #fff;
        display: inline-block;
        border-radius: 50px;
    }
}

/* Wrapper du champ keywords en position relative pour ancrer l'icône */
.bloc-custom-offres-search .form-item-combine--with-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.form-item-combine--with-icon .form-text {
    padding-right: 40px;
    /* espace pour l'icône */
}

/* Bouton picto */
.bloc-custom-offres-search .search-icon-btn {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: inherit;
    /* hérite la couleur du thème */
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.bloc-custom-offres-search .search-icon-btn:hover {
    color: #your-brand-color;
    /* à adapter */
}

/* Masquer le bouton original tout en le gardant accessible */
.bloc-custom-offres-search .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

#views-exposed-form-offres-page-1 .select2-container--default .select2-search--inline .select2-search__field {
    color: var(--FFFFFF, #FFF);
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 22px;
}

.bloc-custom-offres-search .select2-container--default.select2-container--focus .select2-selection--multiple,
.bloc-custom-offres-search .select2-container--default .select2-selection--multiple,
.path-teamtailor .select2-container--default.select2-container--focus .select2-selection--multiple,
.path-teamtailor .select2-container--default .select2-selection--multiple,
.accueil .bloc-offres .recherche .select2-container--default.select2-container--focus .select2-selection--multiple,
.accueil .bloc-offres .recherche .select2-container--default .select2-selection--multiple {
    border: none;
    background: transparent;
    padding-bottom: 5px;
    border-bottom: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 15px;
}

select {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    width: 270px !important;
    margin-left: 22px;
}

.select2-container--open .select2-dropdown ul li {
    font-size: 17px;
}

.block-block-offres-une-teamtailor {
    margin: 110px auto 50px;
    max-width: 1014px;
}

.block-block-offres-une-teamtailor .offres-une-title {
    text-align: center;
}

/* fin bloc recherche offres HP */

/* bloc dernières offres HP */

/**
 * Slider offres à la une — effet 3D
 * Largeur globale : 1000px / Cards : 332x442px
 */
.contenu-offres-une {
    position: relative;
}

/* ── Conteneur racine ── */
.content-offres-une {
    overflow: visible;
    width: 100%;
    max-width: 1000px;
    margin: 65px auto;
    box-sizing: border-box;
}

.content-offres-une .deco {
    position: absolute;
    top: 80px;
    left: -170px;
    z-index: 1;
}

/* ── Wrapper principal : 1000px avec flèches dans les marges ── */
.slider-offres-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    gap: 0;
    overflow: visible;
    position: relative;
    z-index: 0;
}

/* ── Stage : taille = carte centrale, overflow visible pour les cartes latérales ── */
.slider-offres-stage {
    position: relative;
    width: 332px;
    height: 442px;
    perspective: 1000px;
    overflow: visible;
    flex-shrink: 0;
    z-index: 1;
    /* Centré : les flèches occupent (1000 - 332) / 2 = 334px de chaque côté */
}

/* ── Carte de base ── */
.slider-offres-stage .views-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 332px;
    height: 442px;
    border-radius: 20px;
    background: #FFCE3A;
    cursor: pointer;
    will-change: transform, opacity;
    transition:
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.5s ease,
        filter 0.5s ease,
        opacity 0.5s ease;
}

/* ── Centre (active) ── */
.slider-offres-stage .views-row[data-pos="center"] {
    transform: translateX(0) translateZ(0) rotate(0deg) scale(1);
    /* box-shadow: 8px 20px 50px rgba(0, 0, 0, 0.30); */
    /* filter: brightness(1.15); */
    z-index: 3;
    background: #FFCE3A;
    opacity: 1;
}

/* ── Gauche ──
   Décalage : les cartes latérales s'étalent sur les ~280px disponibles
   avant les flèches (334px - 50px bouton - 4px gap) */
.slider-offres-stage .views-row[data-pos="left"] {
    transform: translateX(-250px) translateZ(-60px) rotate(-7deg) scale(0.95);
    /* box-shadow: 4px 12px 28px rgba(0, 0, 0, 0.22); */
    /* filter: brightness(0.82); */
    z-index: 2;
    opacity: 0.6;
}

/* ── Droite ── */
.slider-offres-stage .views-row[data-pos="right"] {
    transform: translateX(250px) translateZ(-60px) rotate(7deg) scale(0.95);
    /* box-shadow: 4px 12px 28px rgba(0, 0, 0, 0.22); */
    /* filter: brightness(0.82); */
    z-index: 2;
    opacity: 0.6;
}

/* ── Hors champ ── */
.slider-offres-stage .views-row[data-pos="hidden-left"] {
    transform: translateX(-560px) translateZ(-100px) rotate(-14deg) scale(0.72);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.slider-offres-stage .views-row[data-pos="hidden-right"] {
    transform: translateX(560px) translateZ(-100px) rotate(14deg) scale(0.72);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

/* ── Contenu intérieur ── */
.slider-offres-stage .job-card {
    padding: 50px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.slider-offres-stage .views-field-nothing {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.slider-offres-stage .field-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

/* Texte masqué sur cartes latérales */
.slider-offres-stage .views-row[data-pos="left"] .field-content,
.slider-offres-stage .views-row[data-pos="right"] .field-content,
.slider-offres-stage .views-row[data-pos="hidden-left"] .field-content,
.slider-offres-stage .views-row[data-pos="hidden-right"] .field-content {
    opacity: 1;
    transition: opacity 0.2s;
    pointer-events: none;
}

.slider-offres-stage .views-row[data-pos="center"] .field-content {
    opacity: 1;
    transition: opacity 0.3s ease 0.18s;
}

/* ── Typographie ── */
.slider-offres-stage .offre-lien {
    text-decoration: none;
    color: inherit;
    display: block;
}

.slider-offres-stage h3 {
    color: var(--000000, #000);
    font-family: Bangers;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    /* 110.714% */
    margin-bottom: 50px;
}

.slider-offres-stage .offre-tdc {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}

.slider-offres-stage .offre-tdc span {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
}

/* ── Bouton Postuler ── */
.slider-offres-stage .btn-postuler {
    margin-top: auto;
    padding-top: 18px;
}

.slider-offres-stage .btn-postuler a {
    display: inline-block;
    padding: 10px 24px;
    background: #111;
    color: #fff;
    border-radius: 100px;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s;
}

.slider-offres-stage .btn-postuler a:hover {
    background: #333;
}

/* ── Flèches ──
   flex: 1 répartit l'espace restant (334px chaque côté) autour du stage.
   Les boutons sont centrés dans cet espace, bien hors des cartes. */
.slider-btn {
    flex: 1;
    /* prend tout l'espace disponible de son côté */
    display: flex;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 20;
    position: relative;
    isolation: isolate;
}

.slider-btn.slider-btn--next {
    justify-content: flex-end;
}

.slider-btn span,
.slider-btn svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #111;
    color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    transition: background 0.2s, transform 0.15s;
    flex-shrink: 0;
}

.slider-btn:hover svg {
    background: #333;
    transform: scale(1.08);
}

.slider-btn:active svg {
    transform: scale(0.94);
}

.slider-btn--prev svg {
    transform: rotate(180deg);
}

.slider-btn--prev:hover svg {
    transform: rotate(180deg) scale(1.08);
}

/* ── Dots (optionnels) ── */
.slider-offres-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 32px;
}

.slider-offres-dots .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}

.slider-offres-dots .dot.active {
    background: #111;
    transform: scale(1.35);
}



/* fin bloc dernières offres HP */


/* bloc nos métiers HP */


.nos-metiers-bloc-hp .content {
    position: relative;
    /* overflow: hidden; */
    overflow: visible;
}

.nos-metiers-bloc-hp .content .groupe {
    display: flex;
    flex-wrap: wrap;
}

.nos-metiers-bloc-hp .content .groupe-1 {
    max-width: 1040px;
    margin: 10px auto;
    position: relative;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc {
    width: 50%;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc-1 {
    width: 40%;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc-3 {
    margin-left: 120px;
    position: relative;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc-4 {
    position: absolute;
    bottom: -20px;
    right: -80px;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc .wrapper-chiffre {
    padding: 80px 50px 0;
    display: flex;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 545px;
    cursor: pointer;

    max-width: 401px;
    border-radius: 20px;
    overflow: hidden;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp .field--type-string-long {
    top: 147px;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp:hover .field--type-string-long {
    top: 0px;
}

/* hotel */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-hotel:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(58, 144, 207, 0.90);
}

/* maintenance */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-maintenance:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(255, 206, 58, 0.90);
}

/* accueil */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-accueil:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(189, 209, 67, 0.90);
}

/* spectacle */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-spectacle:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(240, 170, 8, 0.90);
}

/* commercial */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-commercial:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(58, 144, 207, 0.90);
}

/* support */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-support:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(255, 206, 58, 0.90);
}

.nos-metiers-bloc-hp .content .bloc-metier-hp .field--type-string-long .field__item {
    color: #000;
    max-width: 380px;
    margin: 0 auto;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp:hover .field--type-string-long .field__item {
    max-height: 220px;
    opacity: 1;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-hotel .field--type-string-long .field__item,
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-commercial .field--type-string-long .field__item {
    color: #FFF;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-maintenance:hover .field--type-string-long .field__label,
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-accueil:hover .field--type-string-long .field__label,
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-spectacle:hover .field--type-string-long .field__label,
/* .nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-commercial:hover .field--type-string-long .field__label, */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-support:hover .field--type-string-long .field__label {
    color: #000;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-maintenance:hover .plus img,
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-accueil:hover .plus img,
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-spectacle:hover .plus img,
/* .nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-commercial:hover .plus img, */
.nos-metiers-bloc-hp .content .bloc-metier-hp.bloc-support:hover .plus img {
    filter: brightness(0);
}

.nos-metiers-bloc-hp .content .bloc-metier-hp .field--type-string-long {
    position: absolute;
    height: 100%;
    background: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 10px 50px 10px;
    font-weight: 700;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 20px;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp .field--type-string-long .field__label {
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Bangers;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    /* 107.895% */
    display: flex;
    flex-flow: column;
    height: 80px;
    justify-content: flex-end;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc-metier-hp-chiffre {
    width: auto;
    min-height: 290px;
    padding: 20px 0px 0 0;
    background: none;
    text-align: center;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc-metier-hp-chiffre.bloc-chiffre-maintenance {
    width: auto;
    min-height: 290px;
    padding: 20px 0px 0 0;
    background: none;
    text-align: center;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre .paragraph--type--chiffre-cle .field--name-field-chiffre {
    margin-top: 12px;
    color: var(--00568E, #00568E);
    text-align: center;
    font-family: Bangers;
    font-size: 67px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    /* 61.194% */
    padding: 10px 0;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre .paragraph--type--chiffre-cle {
    max-width: 200px;
    margin: 0 auto;
}

.nos-metiers-bloc-hp .content .groupe-1 .bloc-3 .deco {
    position: absolute;
    right: 90px;
    top: 30px;
}

.nos-metiers-bloc-hp .content .bloc .plus {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 30px;
    right: 50%;
    transform: translate(-50%, -50%);
}

.nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre .paragraph--type--chiffre-cle .field--name-field-texte-petit {
    color: var(--000000, #000);
    text-align: center;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 27px;
    /* 122.727% */
}

.nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-accueil {
    background-repeat: no-repeat;
    background-position: top -9px left 9px;
    background-size: contain;
    max-width: 393px;
    height: 345px;
    padding: 0 0 50px 0;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-accueil .paragraph--type--chiffre-cle .field--name-field-chiffre {
    color: #000;
}


.nos-metiers-bloc-hp .content .groupe-2 {
    max-width: 1040px;
    position: relative;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc {
    width: 50%;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-1 {
    width: 55%;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-2 {
    width: 45%;
    position: relative;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-3 {
    position: relative;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-4 {
    position: absolute;
    bottom: -290px;
    right: -70px;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-metier-hp-chiffre {
    background: none;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-2 .wrapper-chiffre {
    padding: 80px 50px 0;
    display: flex;
    align-items: center;
    position: absolute;
    left: -130px;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-2 .wrapper-chiffre .deco {
    margin-top: 120px;
}

.nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-spectacle {
    width: inherit;
    min-height: inherit;
    position: absolute;
    top: 30px;
    right: -110px;
}

.nos-metiers-bloc-hp .content .groupe-2 .bloc-3 .deco {
    position: absolute;
    top: -60px;
    right: 40px;
    z-index: -1;
}

/* groupe 3 */
.nos-metiers-bloc-hp .content .groupe-3 {
    margin: 250px 0 0 90px;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-1 {
    width: 36%;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-2 {
    width: 20%;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-3 {
    width: 38%;
    margin-left: auto;
    position: relative;
    padding-bottom: 150px;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-2 {
    height: 702px;
    display: flex;
    align-items: flex-end;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-2 .wrapper .deco {
    text-align: center;
    margin-bottom: 90px;
}

.nos-metiers-bloc-hp .content .tous.mobile {
    display: none;
}

.nos-metiers-bloc-hp .content .tous.desktop {
    display: flex;
    width: 242px;
    height: 56px;
    padding: 30px;
    background: #00568E;
    border-radius: 32px;
    border: 1px solid #00568E;
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.nos-metiers-bloc-hp .content .tous.desktop:hover {
    background: #FFF;
    color: #00568E;
    text-decoration: none;
    border: 1px solid #00568E;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-3 .deco-souffle {
    position: absolute;
    top: 34px;
    left: 230px;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-3 .deco-splash {
    position: absolute;
    bottom: 16px;
    right: -95px;
    z-index: -1;
}

.nos-metiers-bloc-hp .content .groupe-3 .bloc-metier-hp.bloc-support {
    margin-top: 160px;
}

/* 2 blocs bas de page HP */
#block-blockcolorshp {
    margin-bottom: 100px;
}

#block-blockcolorshp .content {
    border-radius: 29px;
    border: 1px solid var(--3a90cf, #3A90CF);
    max-width: 1448px;
    margin: 0 auto;
    padding: 60px 0;
}

#block-blockcolorshp .content .back-bleu {
    border-radius: 20px;
    background: var(--3a90cf, #3A90CF);
    width: 394.012px;
    height: 524.559px;
    transform: rotate(-10.054deg);
    margin: 0 auto;
}

#block-blockcolorshp .content .back-vert {
    border-radius: 20px;
    background: var(--579D33, #579D33);
    width: 394.012px;
    height: 545.237px;
    transform: rotate(8.593deg);
    margin: 60px auto 0;
}

#block-blockcolorshp .wrapp-block .field--type-string {
    color: var(--000000, #000);
    /* H3 */
    font-family: Bangers;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    /* 111.905% */
    text-align: left;
}

#block-blockcolorshp .wrapp-block .field--type-string-long {
    margin-bottom: 20px;
    color: var(--000000, #000);
    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    text-align: left;
}

#block-blockcolorshp .wrapp-block .field--type-string {
    margin-top: 22px;
}

#block-blockcolorshp .wrapp-block.back-vert .field--type-string {
    margin-top: 12px;
}

#block-blockcolorshp .content .wrapp-block.back-vert .field--type-string,
#block-blockcolorshp .content .wrapp-block.back-vert .field--type-string-long {
    color: var(--FFFFFF, #FFF);
}

@media (min-width: 768px) {
    #block-blockcolorshp .wrapp-block .field--type-string {
        min-height: 95px;
    }
}

#block-blockcolorshp .wrapp-block.back-vert .field--name-field-media-image {
    margin-top
}

@media (min-width: 768px) {
    #block-blockcolorshp .wrapp-block .field--name-field-media-image {
        min-height: 70px;
    }
}

#block-blockcolorshp .wrapp-block .field--type-link.field--name-field-cta-1 a {
    color: var(--00568E, #00568E);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

#block-blockcolorshp .wrapp-block .field--type-link a {
    display: inline-block;
    text-align: center;
    padding: 17px 40px;
    border: none;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
    border-radius: 32px;
    background: var(--FFFFFF, #FFF);
    color: var(--579D33, #579D33);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

#block-blockcolorshp .wrapp-block .field--type-link.field--name-field-cta-2 a {
    color: var(--579D33, #579D33);
}

#block-blockcolorshp .wrapp-block .field--type-link.field--name-field-cta-1 a:hover {
    background: var(--00568E, #00568E);
    color: var(--FFFFFF, #FFF);
}

#block-blockcolorshp .wrapp-block .field--type-link.field--name-field-cta-2 a:hover {
    background: var(--00863B, #00863B);
    color: var(--FFFFFF, #FFF);
}

/* --- */


/* PAGES EDITO */

/* bloc chiffres-cles Notre engagement */
.field--name-field-sections .paragraph--type--chiffres-cles {
    padding: 60px 0 50px;
    background: var(--FFCE3A, #FFCE3A);
}

.field--name-field-sections .paragraph--type--chiffres-cles h2 {
    color: var(--Style-9, #233240);
    text-align: center;

    /* H3 */
    font-family: Bangers;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    /* 111.905% */
}

.field--name-field-sections .paragraph--type--chiffres-cles .field--name-field-chiffres-cles .field__item .paragraph--type--chiffre-cle .field--name-field-chiffre {
    color: var(--00568E, #00568E);

    /* H3 */
    font-family: Bangers;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    /* 111.905% */
    margin-bottom: 3px;
    margin-top: 10px;
}

.field--name-field-sections .paragraph--type--chiffres-cles .field--name-field-chiffres-cles .field__item .paragraph--type--chiffre-cle .field--name-field-texte-petit {
    margin: auto;
    max-width: 205px;
    padding: 0 13px;
    color: var(--Style-9, #233240);
    text-align: center;

    /* P1 bold */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.field--name-field-sections .paragraph--type--chiffres-cles .field--name-field-chiffres-cles .field__item .paragraph--type--chiffre-cle .field--name-field-icone img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 50%;
}

.field--name-field-sections .paragraph--type--chiffres-cles .field--name-field-chiffres-cles .field__item .paragraph--type--chiffre-cle .field--name-field-icone {
    position: relative;
    height: 160px;
    background: transparent url(../images/pictos/splash-blanc.png) no-repeat center center;
}


/* ??? */
.block-page-title-block {
    margin-top: 90px;
}

.node--view-mode-full .field--name-field-introduction {
    /* display: none; */
}

.node--view-mode-full .field--name-field-introduction,
.node--view-mode-full .field--name-field-introduction-new p {
    color: #000;

    /* Chapo */
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    max-width: 890px;
    margin: 10px auto 20px;
}

.node--view-mode-full .field--name-field-introduction {
    font-weight: normal;
}

.node--view-mode-full .field--name-field-introduction-new p strong {
    font-weight: 900;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide {
    margin: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 80px;
    padding-bottom: 120px;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-image {
    width: 50%;

}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-image .field--type-image {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;

}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-image img {
    width: 100%;
    aspect-ratio: 576 / 502;
    object-fit: cover;
    /* recadre sans déformer */
    border-radius: 20px;
    display: block;
    max-width: inherit;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .form-group {
    width: 50%;

}

@media (min-width: 768px) {
    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
        background: none;
    }
}

/* Page notre histoire */
@media (min-width: 1240px) {
    body.page-node-13 article .sections-container .container {
        max-width: 1200px;
    }
}

@media (min-width: 1340px) {
    body.page-node-13 article .sections-container .container {
        max-width: 1300px;
    }
}

@media (min-width: 1440px) {
    body.page-node-13 article .sections-container .container {
        max-width: 1400px;
    }
}

body.page-node-13 article .sections-container {
    margin-top: 190px;
}

.field--name-field-sections .paragraph--type--diaporama .container .deco-splash {
    position: absolute;
    top: -130px;
    left: -80px;
    z-index: -1;
}

.field--name-field-sections .paragraph--type--diaporama .container .deco-forme1 {
    position: absolute;
    top: 60%;
    left: -68px;
    z-index: -1;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .form-group legend {
    display: none;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .form-group .field--name-field-titre-slide {
    color: var(--00568E, #00568E);

    /* H1 */
    font-family: Bangers;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-texte-presentation {
    color: var(--000000, #000);

    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    max-width: 463px;
}

.field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-texte-presentation:after {
    content: "";
    display: block;
    width: 210px;
    height: 87px;
    background-image: url('../images/pictos/picto-diapo-forme2.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 40px;
    position: absolute;
}

.paragraph--type--diaporama .slick-next,
.slick-prev {
    width: 50px;
    height: 40px;
    margin-top: -15px;
    z-index: 999;

    top: 35%;

    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.paragraph--type--diaporama .slick-prev {
    background: url(../images/pictos/fleche-slider-precedent.png) no-repeat center center;
}

.paragraph--type--diaporama .slick-next {
    background: url(../images/pictos/fleche-slider-suivant.png) no-repeat center center;
}

.slick-next.slick-prev,
.slick-prev.slick-prev {
    left: -80px;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.slick-next.slick-next,
.slick-prev.slick-next {
    right: -50px;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.slick-prev.slick-prev:hover {
    background: url(../images/pictos/fleche-slider-precedent.png) no-repeat center center;
}

.slick-prev.slick-next:hover {
    background: url(../images/pictos/fleche-slider-suivant.png) no-repeat center center;
}

/* Diaporama - qui n'a pas de contenu texte */
/* (exemple : page 10-bonnes-raisons-de-venir-travailler-au-parc-asterix) */
.field--name-field-sections .paragraph--type--diaporama.pas-de-textes .field--name-field-slides .paragraph--type--slide .field--name-field-image {
    width: 100%;
}
.field--name-field-sections .paragraph--type--diaporama.pas-de-textes .field--name-field-slides .paragraph--type--slide .field--name-field-image .field--type-image {
    max-width: 730px;
}
.field--name-field-sections .paragraph--type--diaporama.pas-de-textes .field--name-field-slides .paragraph--type--slide .field--name-field-image img {
    aspect-ratio: inherit;
}
.field--name-field-sections .paragraph--type--diaporama.pas-de-textes .container .deco-forme1 {
    top: inherit;
    left: 22px;
    bottom: 60px;
}

/* /// FIN PAGES EDITO */


/* PAGE EDITO AVEC VISUEL HEADER */
.header-edito {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    /* ← ajoute ça */
    overflow: hidden;
    /* ← empêche le débordement */
    text-align: center;
}

.header-edito img {
    width: calc(100% - 40px);
    height: auto;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 25px;
    margin: 20px auto 0;
}



body.has-visuel-header #block-asterix-breadcrumbs .breadcrumb .breadcrumb-item,
body.has-visuel-header #block-asterix-breadcrumbs .breadcrumb .breadcrumb-item a {
    color: #FFF;
}

#block-asterix-breadcrumbs .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    color: #000;
    padding-right: 8px;
}

body.has-visuel-header #block-asterix-breadcrumbs .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    color: #FFF;
    padding-right: 8px;
}

#block-asterix-breadcrumbs .revenir-accueil {
    color: var(--000000, #000);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-top: 10px;
}

#block-asterix-breadcrumbs .revenir-accueil span {
    display: inline-block;
    margin-left: 3px;
}

body.has-visuel-header #block-asterix-breadcrumbs .revenir-accueil {
    display: none;
}

body.has-visuel-header .block-page-title-block {
    margin-top: 10%;
    position: absolute;
    top: 30%;
    right: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
}

body.ts-page-offre #block-asterix-breadcrumbs .revenir-accueil {
    display: none;
}

body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
    /* margin-top: 25vh; */
    margin-top: 25vw;
    margin-bottom: 50px;
    display: none;
}

body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new {
    /* margin-top: 25vh; */
    margin-top: 25vw;
    margin-bottom: 50px;
}

body.has-visuel-header h1 {
    color: #FFF;
}

.node--type-page-edito .paragraph--type--texte-lien h2 {
    /* text-align: center; */
}

/* PAGE ETUDIANTS - LE PARC VOUS OUVRE SES PORTES */
.page--etudiants-le-parc-vous-ouvre-ses-portes .sections-container .field__item {
    margin: 0 auto;
    max-width: 1140px;
}

/* bloc atouts */
.field--name-field-sections .paragraph.paragraph--type--atouts {
    display: flex;
    gap: 20px;
    max-width: 720px;
    height: 190px;
    position: relative;
    align-items: center;
    padding: 40px 50px 40px 55px;
}

.field__item:nth-of-type(even) .paragraph--type--atouts {
    border-radius: 20px;
    background: var(--3a90cf, #3A90CF);
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.field__item:nth-of-type(even) .paragraph--type--atouts::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 40px;
    width: 76px;
    height: 40px;
    background-image: url('../images/pictos/picto-pointe-bleue-atout.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.field__item:nth-of-type(odd) .paragraph--type--atouts {
    border-radius: 20px;
    background: var(--BDD143, #BDD143);
    margin-left: auto;
    margin-top: -25px;
    margin-bottom: 15px;
}

.field__item:nth-of-type(odd) .paragraph--type--atouts::after {
    content: '';
    position: absolute;
    top: -40px;
    right: 40px;
    width: 74px;
    height: 43px;
    background-image: url('../images/pictos/picto-pointe-verte-atout.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.paragraph--type--atouts .field--name-field-picto-atout {
    width: 16%;
}

.paragraph--type--atouts .field--name-field-texte-atout {
    width: 85%;
}

.paragraph--type--atouts .field--name-field-texte-atout p {
    color: var(--000000, #000);
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.paragraph--type--atouts .field--name-field-texte-atout p strong {
    font-weight: 900;
}

/* bloc temoignages */
.field--name-field-sections .paragraph.paragraph--type--choix-temoignage {
    margin: 110px auto;
    max-width: 1070px;
}

.paragraph--type--choix-temoignage .image {
    width: 193px;
    margin: 0 auto;
    position: relative;
    min-height: 70px;
}

.paragraph--type--choix-temoignage .image .guillemets {
    position: absolute;
    bottom: 0;
    right: -38px;
}

.paragraph--type--choix-temoignage .field--name-field-media-image {}

.paragraph--type--choix-temoignage .field--name-field-media-image img {}

.paragraph--type--choix-temoignage .field--name-field-verbatim {
    color: var(--00568E, #00568E);
    text-align: center;

    /* P2 Bold */
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    /* 142.857% */
    padding-top: 65px;
}

.paragraph--type--choix-temoignage .filet-temoignage {
    text-align: center;
    margin: 40px auto 0;
}

.paragraph--type--choix-temoignage .field--name-field-nom {
    color: var(--000000, #000);
    text-align: center;

    /* P1 bold */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

/* bloc texte image */
.field--name-field-sections .paragraph.paragraph--type--texte-image {
    max-width: 1044px;
    margin: 0 auto;
}

.paragraph--type--texte-image .row.position-Gauche .col-sm-6:not(.Gauche) {
    margin-left: 50px;
}

.paragraph--type--texte-image .row.position-Droite .col-sm-6:not(.Droite) {
    margin-right: 50px;
}

.paragraph--type--texte-image .row .Gauche,
.paragraph--type--texte-image .row .Droite {
    flex: 0 0 480px;
    max-width: 480px;
    padding: 0;
}

.paragraph--type--texte-image .field--name-field-media-image {
    border-radius: 20px;
    overflow: hidden;
}

.paragraph--type--texte-image .field--name-field-texte {
    /* padding-left: 15px; */
}

.paragraph--type--texte-image .field--name-field-texte h3 {
    color: #579D33;

    /* H3 */
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 111.905% */
}

.paragraph--type--texte-image .field--name-field-texte p {
    color: var(--000000, #000);

    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.paragraph--type--texte-image .field--name-field-texte p strong {
    font-weight: 900;
}

.paragraph--type--texte-lien .field--name-field-texte h3 {
    color: #579D33;

    /* H3 */
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 111.905% */
}

.paragraph--type--texte-lien .field--name-field-texte p {
    color: var(--000000, #000);

    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
}

.paragraph--type--texte-lien .field--name-field-texte p strong {
    font-weight: 900;
}


/* PAGE OFFRE DETAIL */
body.ts-page-offre .teamtailor-file-upload {}

body.ts-page-offre .block-page-title-block {
    margin-top: 50px;
}

body.ts-page-offre .container.ts-place {
    max-width: 1448px;
}

@media (min-width: 1140px) {
    body.ts-page-offre .container.ts-place {
        max-width: 1448px;
    }
}


/* PAGE FAQ */
.field--name-field-sections .paragraph--type--accordeons .accordion {
    margin-bottom: 135px;
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card {
    max-width: 834px;
    margin: 0 auto 20px;
    border-radius: 15px;

    counter-increment: faq-counter;
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card h2 {
    color: var(--000000, #000);

    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card div {

    background: #FFF;
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card div {

    background: #FFF;
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card .card-header .open-card {
    display: block;
    background: var(--FFCE3A, #FFCE3A);
    padding: 13px 50px 13px 20px;
    font-size: 18px;
    color: var(--000000, #000);
    cursor: pointer;
    border-radius: 1em;
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card:nth-child(even) .card-header .open-card {
    background: var(--F0AA08, #F0AA08);
}

.field--name-field-sections .paragraph--type--accordeons .accordion .card .card-body {
    padding: 20px 0 8px;

}

.field--name-field-sections .paragraph--type--accordeons .accordion .card .card-body p {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    max-width: 740px;
    margin: 0 auto;
}


/* FAQ */
/* Initialiser le compteur sur l'accordion */
.accordion {
    counter-reset: faq-counter;
}

/* Incrémenter sur chaque .card */
.accordion .card {
    counter-increment: faq-counter;
}

/* Injecter le numéro en gras dans le bouton */
.accordion .card .open-card::before {
    content: counter(faq-counter) ". ";
    font-weight: 800;
}


/* page actualités */
.view-actualites {
    margin-top: 15px;
    max-width: 1050px;
    margin: 15px auto;
}

.view-actualites img {
    border-radius: 20px;
}

.node--type-actualite.node--view-mode-teaser .txt-wrapper {
    padding: 25px 30px 0;
}

.node--type-actualite.node--view-mode-teaser .txt-wrapper .actu-link {
    display: inline-block;
    color: var(--00568E, #00568E);

    /* P1 Bold CAP */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.node--type-actualite.node--view-mode-teaser .txt-wrapper .date {
    margin-bottom: 8px;
    color: var(--00863B, #00863B);

    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
}

.node--type-actualite.node--view-mode-teaser .txt-wrapper .intro {
    color: var(--Style-9, #233240);

    /* P1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
}

.node--type-actualite.node--view-mode-teaser .txt-wrapper .underline-link {
    margin-top: 8px;
    display: inline-block;
    color: var(--00863B, #00863B);

    /* P1 bold */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: inherit;
}

.node--type-actualite.node--view-mode-teaser .txt-wrapper .underline-link:hover {
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: inherit;
}

/* ================ */
/* PAGE NOS METIERS */

/* diapo */
.field--name-field-metiers-du-mois .slick-prev {
    background: url(../images/pictos/fleche-slider-precedent.png) no-repeat center center;
}

.field--name-field-metiers-du-mois .slick-next {
    background: url(../images/pictos/fleche-slider-suivant.png) no-repeat center center;
}

.view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-prev {
    left: -20px;
    top: 68%;
}

.view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-next {
    right: -20px;
    top: 68%;
    z-index: 999;
    width: 50px;
    height: 40px;
}

.paragraph--type--metier-du-mois {
    position: relative;
    padding-top: 100px;
}

.field--name-field-metiers-du-mois .image img {
    border-radius: 25px;
}

.paragraph--type--metier-du-mois {
    position: relative;
    padding-top: 80px;
}

.view-id-familles_metiers .view-header {
    margin-bottom: 150px;
    position: relative;
}

.view-familles-metiers .view-header .deco-splash {
    position: absolute;
    top: 70px;
    left: -60px;
}

.view-familles-metiers .view-header .deco-forme1 {
    position: absolute;
    bottom: -80px;
    left: -30px;
}



/* bloc nos métiers HP */
#block-views-block-familles-metiers-block-1 .view-familles-metiers {
    position: relative;
    /* overflow: hidden; */
    overflow: visible;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe {
    display: flex;
    flex-wrap: wrap;
    max-width: 1020px;
    margin: 10px auto;
    position: relative;
    list-style-type: none;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .image {
    width: 50%;

}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .image .field__item {
    aspect-ratio: 1 / 1;
    justify-items: center;
    overflow: hidden;

}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .image .field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes {
    width: 45%;
    padding: 50px 80px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes a {
    margin-top: 8px;
    display: inline-block;
    color: var(--00863B, #00863B);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: inherit;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes a:hover {
    text-decoration: none;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes .field--name-field-nom {

    color: var(--00568E, #00568E);
    font-family: Bangers;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes .field--name-field-nom {

    color: var(--00568E, #00568E);
    font-family: Bangers;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes .node--type-fiche-metier {
    color: var(--000000, #000);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    max-width: 463px;
}

.view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-dots {
    display: none;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .field--name-field-image-portrait {
    display: none;
}

/* spécifique partie nos métiers */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .groupe li {
    width: 45%;
    margin: 40px 0;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 545px;
    cursor: pointer;

    max-width: 401px;
    border-radius: 20px;
    overflow: hidden;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp h3.top {
    position: absolute;
    bottom: 45px;
    color: #FFF;
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Bangers;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    display: flex;
    flex-flow: column;
    height: 80px;
    justify-content: flex-end;
    max-width: 80%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
    transition: all 0.5s ease-in-out;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp .field--type-string-long {
    top: 147px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp:hover .field__label.top {
    display: none;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp:hover .field--type-string-long {
    top: 0px;
}

/* hotel */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-hotel:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(58, 144, 207, 0.90);
}

/* maintenance */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-maintenance:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(255, 206, 58, 0.90);
}

/* accueil */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-accueil:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(189, 209, 67, 0.90);
}

/* spectacle */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-spectacle:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(240, 170, 8, 0.90);
}

/* commercial */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-commercial:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(58, 144, 207, 0.90);
}

/* support */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-support:hover .field--type-string-long {
    border-radius: 20px;
    background: rgba(255, 206, 58, 0.90);
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp .field--type-string-long .field__item {
    color: #000;
    max-width: 380px;
    margin: 0 auto;
    /* font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; */
    /* 150% */
    max-height: 0;
    opacity: 0;
    /* overflow: hidden; */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp:hover .field--type-string-long .field__item {
    max-height: 220px;
    opacity: 1;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-hotel .field--type-string-long .field__item,
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-commercial .field--type-string-long .field__item {
    color: #FFF;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-maintenance:hover .field--type-string-long .field__label,
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-accueil:hover .field--type-string-long .field__label,
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-spectacle:hover .field--type-string-long .field__label,
/* #block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-commercial:hover .field--type-string-long .field__label, */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-support:hover .field--type-string-long .field__label {
    color: #000;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-maintenance:hover .plus img,
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-accueil:hover .plus img,
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-spectacle:hover .plus img,
/* #block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-commercial:hover .plus img, */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp.bloc-support:hover .plus img {
    filter: brightness(0);
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp .field--type-string-long {
    position: absolute;
    height: 100%;
    background: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 10px 50px 10px;
    font-weight: 700;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 20px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp .field--type-string-long .field__label {
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Bangers;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    /* 107.895% */
    display: flex;
    flex-flow: column;
    height: 80px;
    justify-content: flex-end;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-1 .bloc-metier-hp-chiffre {
    width: auto;
    min-height: 290px;
    padding: 20px 0px 0 0;
    background: none;
    text-align: center;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-1 .bloc-metier-hp-chiffre.bloc-chiffre-maintenance {
    width: auto;
    min-height: 290px;
    padding: 20px 0px 0 0;
    background: none;
    text-align: center;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp-chiffre .paragraph--type--chiffre-cle .field--name-field-chiffre {
    margin-top: 12px;
    color: var(--00568E, #00568E);
    text-align: center;
    font-family: Bangers;
    font-size: 67px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    /* 61.194% */
    padding: 10px 0;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp-chiffre .paragraph--type--chiffre-cle {
    max-width: 200px;
    margin: 0 auto;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-1 .bloc-3 .deco {
    position: absolute;
    right: 90px;
    top: 30px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc .plus {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 30px;
    right: 50%;
    transform: translate(-50%, -50%);
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp-chiffre .paragraph--type--chiffre-cle .field--name-field-texte-petit {
    color: var(--000000, #000);
    text-align: center;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 27px;
    /* 122.727% */
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp-chiffre.bloc-chiffre-accueil {
    background-repeat: no-repeat;
    background-position: top -9px left 9px;
    background-size: contain;
    max-width: 393px;
    height: 345px;
    padding: 0 0 50px 0;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp-chiffre.bloc-chiffre-accueil .paragraph--type--chiffre-cle .field--name-field-chiffre {
    color: #000;
}


#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 {
    max-width: 1040px;
    position: relative;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc {
    width: 50%;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-1 {
    width: 55%;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-2 {
    width: 45%;
    position: relative;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-3 {
    position: relative;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-4 {
    position: absolute;
    bottom: -290px;
    right: -70px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-metier-hp-chiffre {
    background: none;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-2 .wrapper-chiffre {
    padding: 80px 50px 0;
    display: flex;
    align-items: center;
    position: absolute;
    left: -130px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-2 .wrapper-chiffre .deco {
    margin-top: 120px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp-chiffre.bloc-chiffre-spectacle {
    width: inherit;
    min-height: inherit;
    position: absolute;
    top: 30px;
    right: -110px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-2 .bloc-3 .deco {
    position: absolute;
    top: -60px;
    right: 40px;
    z-index: -1;
}

/* groupe 3 */
#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 {
    margin: 250px 0 0 90px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-1 {
    width: 36%;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-2 {
    width: 20%;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-3 {
    width: 38%;
    margin-left: auto;
    position: relative;
    padding-bottom: 150px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-2 {
    height: 702px;
    display: flex;
    align-items: flex-end;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-2 .wrapper .deco {
    text-align: center;
    margin-bottom: 90px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .tous {
    width: 242px;
    height: 56px;
    padding: 30px;
    background: #00568E;
    border-radius: 32px;
    border: 1px solid #00568E;
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .tous:hover {
    background: #FFF;
    color: #00568E;
    text-decoration: none;
    border: 1px solid #00568E;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-3 .deco-souffle {
    position: absolute;
    top: 34px;
    left: 230px;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-3 .deco-splash {
    position: absolute;
    bottom: 16px;
    right: -95px;
    z-index: -1;
}

#block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe-3 .bloc-metier-hp.bloc-support {
    margin-top: 160px;
}

/* FIN PAGE NOS METIERS */

#block-views-block-familles-metiers-block-1 h2 {
    color: #000;
}


/* PAGES METIERS */
.node--type-fiche-metier.node--view-mode-teaser .node__content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid var(--00568E, #00568E);
    border-radius: 25px;
}

.node--type-fiche-metier.node--view-mode-teaser .wrapper-txt {
    position: relative;
    margin-bottom: 30px;
    background-color: inherit;
    padding: 30px 25px 60px;
}

.node--type-fiche-metier.node--view-mode-teaser .wrapper-txt h3 {
    margin: 0 0 15px;
    color: var(--00568E, #00568E);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.node--type-fiche-metier.node--view-mode-teaser .wrapper-txt .underline-link {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    /* display: block; */
    margin: 12px 25px 0px;
    color: var(--00863B, #00863B);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration-line: underline;
    text-align: left;
    text-transform: inherit;
}

.node--type-fiche-metier.node--view-mode-teaser .wrapper-txt .underline-link:hover {
    text-decoration-line: none;
}

.node--type-fiche-metier.node--view-mode-teaser .wrapper-txt .field--name-field-introduction {
    font-size: 18px;
    font-weight: 400;
}

.view-taxonomy-term .wrapper-metiers .row li {
    margin-bottom: 25px;
}


/* Page le parc asterix */
.page--le-parc-asterix-site-de-la-compagnie-des-alpes .paragraph--type--texte-lien H3 {
    color: var(--000000, #000);
    text-align: center;

    /* H3 */
    font-family: Bangers;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    /* 111.905% */
}

.page--le-parc-asterix-site-de-la-compagnie-des-alpes .paragraph--type--texte-lien h4 {
    color: var(--00568E, #00568E);
    text-align: center;

    /* P1 Bold CAP */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

/* page recherche */
body.path-search .wrapper-result .result {
    color: #0ca76b;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    font-size: 42px;
    margin-top: 25px;
    margin-bottom: 50px;
}


/* page webform */

/* connecté au BO */
body.node--type-page-webform.toolbar-horizontal #header-webform {
    top: 60%;
    left: 50%;
    right: 50%;
}

body.node--type-page-webform #header-webform {
    top: 50%;
    left: 50%;
    right: 50%;
}

body.node--type-page-webform #header #navbar-main {
    position: inherit;
    inset: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

body.node--type-page-webform #navbar-top {
    background: transparent;
}
body.node--type-page-webform .form-control{
    border-radius: 32px;
    border: 1px solid #00863B;
}
body.node--type-page-webform .btn{
    border-radius: 32px;
}


@media screen and (min-width: 1140px) {
    body.node--type-page-webform #header-webform .wrapper-header-content {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 15px;
    }

}

body:not(.node--type-homepage) .teamtailor-place{
    padding-bottom: 40px;
}


/* FOOTER */
footer {
   padding-top: 50px;
}    
footer .wrapper {
    background: var(--122948, #122948);
}

/* animation */
footer .animation-html {
    position: relative;
    aspect-ratio: 1344 / 210;
    overflow: hidden;
}

#animation_container {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#site-footer .site-footer {
    display: block;
    padding: 50px 0;
}

#site-footer .site-footer .region-footer {
    gap: 80px;
}

#site-footer .site-footer .region-footer #block-menufooter {
    padding-right: 0;
    flex: 1;
}

#site-footer .site-footer .region-footer .menu--reseaux-sociaux {
    flex: 1;
}

#site-footer .site-footer .region-footer .menu--reseaux-sociaux .titre {
    color: var(--FFFFFF, #FFF);
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 25px;
}

#site-footer .site-footer .region-footer .menu--reseaux-sociaux .alerte {
    color: var(--FFFFFF, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    background-image: url("../images/pictos/picto-alerte.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-top: 70px;
}

.menu--reseaux-sociaux .menu {
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    gap: 35px;
}

.menu--reseaux-sociaux .menu .menu-item {
    margin: 0;
}

.menu--reseaux-sociaux .menu .menu-item .field--name-field-picto {
    width: inherit;
    height: inherit;
    border-radius: 0;
    background-color: transparent;
    margin: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.menu--reseaux-sociaux .menu .menu-item:hover .field--name-field-picto {
    background-color: transparent;
    transform: translateY(-4px);
    opacity: 0.8;
}

#site-footer .site-footer .region-footer #block-asterix-footer {
    margin-top: 0;
    padding-right: inherit;
    flex: 1;
}

#site-footer .site-footer .region-footer #block-asterix-footer .nav .nav-link {
    padding: 0;
    color: var(--FFFFFF, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
    text-transform: uppercase;
}

#site-footer .site-footer .region-footer #block-menufooter .nav {
    display: block;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

#site-footer .site-footer .region-footer #block-menufooter .nav .nav-link {
    padding: 5px 5px;
    color: var(--FFFFFF, #FFF);
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

#site-footer .site-footer .region-footer #block-menufooter .nav .nav-link--teamtailor-nos-offres {
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    background: var(--579D33, #579D33);
    padding: 10px 20px;
    border-radius: 32px;
    display: inline-block;
    margin-top: 10px;
}

#site-footer .site-footer .region-footer #block-menufooter .nav .nav-link--teamtailor-nos-offres:hover {
    text-decoration: none;
}


.back-to-top {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    z-index: 999;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.back-to-top:hover {
    transform: translateY(-4px);
    opacity: 0.8;
}

.back-to-top img {
    width: 50px;
    /* adapte à ta taille */
    height: auto;
    display: block;
}

.back-to-top.visible {
    opacity: 1;
    pointer-events: all;
}

/* page témoignages */
.view-portraits-temoignages img {
    border-radius: 20px;
}

.view-portraits-temoignages .underline-link {
    margin-top: 8px;
    display: inline-block;
    color: var(--00863B, #00863B);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: inherit;
}

.view-portraits-temoignages .underline-link:hover {
    text-decoration-line: none;
}

.node--view-mode-full h1.title-portrait {
    font-weight: normal;
    text-transform: none;
}

/* exeamples typos */
.bangers-regular {
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* fin exemples typos *



/* RESPONSIVE */
/* MOBILE */
/* Styles pour les écrans de 767px ou moins */
@media (max-width: 767px) {

    .back-to-top {
        bottom: 2rem;
        right: 1rem;
    }

    .page-marge-interieure {
        /* padding-top: 25px;
        padding-left: 25px;
        padding-right: 25px; */
    }

    h2 {

        /* Mob H2 */
        font-family: Bangers;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #navbar-top {
        position: relative;
        padding: 10px 10px;
    }

    body.node--type-homepage #header #navbar-top {
        border-radius: 25px;
    }

    #navbar-top.open {
        background: #122948;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1>.menu-item>a,
    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1>.menu-item>span {
        display: block;
        padding: 12px 18px;
        font-size: 17px;
        line-height: 1.1;
        font-weight: 700;
        color: #FFF;
    }

    body.node--type-homepage #header-hp .wrapper-header-content h1 {
        top: 30%;
        left: 0;
        right: 0;
        margin: auto;
        width: 80%;
        padding: 0 15px;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        /* text-shadow: 0 0 50px #000; */
        text-shadow: inherit;

        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }


    body.node--type-homepage #header-hp .field--name-field-media-video-file {
        aspect-ratio: 1 / 1;
        /* overflow: inherit;
        position: relative;
        left: 0;
        right: 0; */
    }


    body.node--type-homepage #header-hp .field--name-field-media-video-file video {
        /* position: absolute;
        left: 50%;
        top: 25%;
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 50%;
        min-width: 100%;
        min-height: 56.25vw;
        background: #000;
        -webkit-background-size: cover;
        background-size: cover;

        border-radius: 25px;
        width: 100%;
        height: 100%;
        object-fit: cover; */
        /* crop pour remplir le carré */
    }

    body.node--type-homepage #header-hp .wrapper-header-content .splash {
        top: 33%;
        left: 30px;
        right: 0;
        margin: auto;
        width: 300px;
        padding: 0;
        padding-left: 115px;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        position: absolute;
        transform: translateY(-50%);
        z-index: -1;
    }

    body.node--type-homepage #header-hp .wrapper-header-content .splash img {
        width: 175px;
    }

    body.node--type-homepage #header-hp .wrapper-header-content .scroll {
        display: none;
    }

    body.node--type-homepage #header-hp {
        /* position: inherit;
        min-height: inherit; */
        min-height: 85vw;
    }




    #block-blockcolorshp .wrapp-block .field--type-string-long {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .field--name-field-sections .paragraph--type--chiffres-cles .field--name-field-chiffres-cles .field__item .paragraph--type--chiffre-cle .field--name-field-texte-petit {
        color: #000;
    }

    /* Page Nos métiers */
    .view-id-familles_metiers .view-header {
        margin-bottom: 70px;
        position: relative;
    }

    .view-familles-metiers .view-header .deco-splash {
        position: absolute;
        top: 50px;
        left: -60px;
    }

    .paragraph--type--metier-du-mois {
        position: relative;
        padding-top: 60px;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .image {
        width: inherit;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes {
        width: 100%;
        padding: 40px 0px;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes h3 {
        margin: 0px 0 6px;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes .field--name-field-nom {
        font-family: Bangers;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes .node--type-fiche-metier {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding-top: 0px;
        margin-top: 0;
    }

    .view-familles-metiers .view-header .deco-forme1 {
        display: none;
    }

    .view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-prev {
        left: -20px;
        top: inherit;
        left: calc(70% - 33.333%);
        transform: translateX(-50%);
    }

    .view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-next {
        right: -20px;
        top: inherit;
        z-index: 999;
        width: 50px;
        bottom: 0px;
        height: 40px;
        left: calc(30% + 33.333%);
        transform: translateX(-50%);
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .groupe li {
        width: 100%;
        margin: 10px 0;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe {
        padding: 0;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp {
        min-height: 420px;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .bloc-metier-hp h3.top {
        font-size: 36px;
        bottom: 25px;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc-metier-hp .field--type-string-long .field__label {
        font-size: 36px;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .bloc .plus {
        position: absolute;
        bottom: 20px;
    }

    /* ajust page etudoiants */
    .paragraph--type--texte-image .row .Gauche,
    .paragraph--type--texte-image .row .Droite {
        flex: 0 0 100%;
        /* ← prend toute la largeur */
        max-width: 100%;
        padding: 0;
    }

    .node--type-fiche-metier.node--view-mode-teaser .wrapper-txt .field--name-field-introduction {
        font-size: 16px;
        font-weight: 400;
    }


}

/* FIN max-width: 767px */



/* mobile ET tablette */

@media (max-width: 1023px) {

    h2 {
        font-size: 36px;
        font-style: normal;
        line-height: normal;
    }

    /* BLOC NOS METIERS HP */
    .nos-metiers-bloc-hp {
        margin-top: 130px;
    }

    .bloc-chiffres-mobile {
        display: block;
    }

    .nos-metiers-bloc-hp .content .groupe-1 {
        margin: 10px auto 0;
    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre {
        background: none;
        width: 100%;
    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-accueil {
        height: auto;
        padding: 10px 0 35px 0;

    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-accueil .paragraph--type--chiffre-cle .field--name-field-chiffre {
        color: #00568E;
    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-accueil img {
        filter: invert(26%) sepia(98%) saturate(850%) hue-rotate(172deg) brightness(89%) contrast(107%);
    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp-chiffre.bloc-chiffre-spectacle {
        width: inherit;
        min-height: inherit;
        position: relative;

        padding: 0px 0 10px;
        inset: 0;
    }

    .nos-metiers-bloc-hp h2 {
        color: var(--000000, #000);
        text-align: center;

        /* Mob H2 */
        font-family: Bangers;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 18px;
    }

    .nos-metiers-bloc-hp .intro-metiers-hp {
        color: #000;
        text-align: center;

        padding: 0;
        /* Mob P1 */
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .nos-metiers-bloc-hp .content {
        display: block;
        margin: 0 auto;
        width: fit-content;
    }


    .nos-metiers-bloc-hp .content .groupe-1 .bloc-2,
    .nos-metiers-bloc-hp .content .groupe-1 .bloc-3,
    .nos-metiers-bloc-hp .content .groupe-2 .bloc-2,
    .nos-metiers-bloc-hp .content .groupe-2 .bloc-3,
    .nos-metiers-bloc-hp .content .groupe-3 .bloc-2,
    .nos-metiers-bloc-hp .content .groupe-3 .bloc-3 .deco-splash,
    .nos-metiers-bloc-hp .content .groupe-3 .bloc-3 .deco-souffle {
        display: none;
    }

    .nos-metiers-bloc-hp .content .groupe .bloc {
        width: 100%;
        margin-top: 24px;
    }

    .nos-metiers-bloc-hp .content .groupe-1 .bloc-4,
    .nos-metiers-bloc-hp .content .groupe-2 .bloc-4 {
        position: inherit;
        inset: 0;
        /* bottom: -20px; */
        /* right: -80px; */
    }

    .nos-metiers-bloc-hp .content .groupe-3 .bloc-2 .wrapper .deco {
        display: none;
    }

    .nos-metiers-bloc-hp .content .groupe-3 {
        margin: 0;
    }

    #block-blockcolorshp .content .back-bleu {
        border-radius: 20px;
        background: var(--3a90cf, #3A90CF);
        width: inherit;
        height: inherit;
        transform: none;
        margin: 0 auto;
        padding: 30px;
    }

    #block-blockcolorshp .content .back-vert {
        border-radius: 20px;
        background: var(--579D33, #579D33);
        width: inherit;
        height: inherit;
        transform: none;
        margin: 30px auto 0;
        padding: 30px;
    }

    #block-blockcolorshp .wrapp-block .field--type-string {
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #block-blockcolorshp .content {
        border-radius: 29px;
        border: 0;
        max-width: 1448px;
        margin: 0 auto;
        padding: 30px 0 0;
    }

    .nos-metiers-bloc-hp .content .bloc .plus {
        bottom: 10px;
    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp {
        min-height: 420px;
    }

    .nos-metiers-bloc-hp .content .bloc-metier-hp .field--type-string-long {
        top: 110px;
    }

    .nos-metiers-bloc-hp .content .tous.desktop {
        display: none;
    }

    .nos-metiers-bloc-hp .content .tous.mobile {
        display: flex;
        width: 242px;
        height: 56px;
        padding: 25px;
        background: #00568E;
        border-radius: 32px;
        border: 1px solid #00568E;
        color: var(--FFFFFF, #FFF);
        text-align: center;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
        margin: 0 auto;
    }

    .nos-metiers-bloc-hp .content .groupe-3 .bloc-metier-hp.bloc-support {
        margin-top: 0px;
    }

    .nos-metiers-bloc-hp .content .groupe-3 .bloc-3 {
        padding-bottom: 30px;
    }

    /* Bloc filtres offres et slider dernières offres */
    .bloc-custom-offres-search h2 {
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        max-width: 250px;
        /* text-align: center; */
        margin: 0 auto;
    }

    #views-exposed-form-offres-page-1 .select2-container--default .select2-search--inline .select2-search__field {
        color: var(--FFFFFF, #FFF);
        font-family: Poppins;
        font-size: 15.951px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-left: 22px;
    }

    .bloc-custom-offres-search .search-icon-btn {
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        color: inherit;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    .bloc-custom-offres-search .search-icon-btn img {
        width: 30px;
    }

    .bloc-custom-offres-search .view-filters #edit-combine,
    .path-teamtailor .view-offres .view-filters #edit-combine,
    .bloc-offres .recherche .view-filters #edit-combine {
        height: inherit;
    }

    .bloc-custom-offres-search,
    .path-teamtailor .view-offres .view-header {
        background: none;
        background-size: cover;
        padding: 10px 20px;
        margin: 0 auto;
        max-width: 830px;
        margin-top: -30px;
        border-radius: 20px;
        background: var(--00863B, #00863B);
        position: relative;
    }

    .bloc-custom-offres-search .pointe {
        display: none;
    }

    .content-offres-une {
        overflow: visible;
        width: 100%;
        max-width: 1000px;
        margin: 15px auto 25px;
        box-sizing: border-box;
    }

    .block-block-offres-une-teamtailor {
        margin: 70px auto 110px;
        max-width: 1014px;
    }

    .content-offres-une .deco {
        display: none;
    }

    .slider-offres-stage .views-row {
        width: initial;
        height: initialo;
    }

    .slider-offres-stage .views-row[data-pos="left"],
    .slider-offres-stage .views-row[data-pos="right"] {
        /* display: none; */
        transform: none;
    }

    .slider-btn {
        flex: 1;
        display: flex;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        z-index: 20;
        position: absolute;
        isolation: isolate;
        bottom: -61px;
    }

    .slider-btn img {
        width: 35px;
    }

    .slider-btn.slider-btn--prev {
        left: calc(70% - 33.333%);
        transform: translateX(-50%);
    }

    .slider-btn.slider-btn--next {
        left: calc(30% + 33.333%);
        transform: translateX(-50%);
    }

    .slider-offres-stage .offre-tdc span {

        /* Mob P1 */
        font-size: 16px;
        line-height: 24px;
        /* 150% */
    }

    .slider-offres-stage h3 {
        margin-bottom: 40px;
    }

    .slider-offres-stage .job-card {
        padding: 30px 30px;
        height: 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    /* FIN Bloc filtres offres et slider dernières offres */

    /* Page notre histoire */
    h1 {
        color: var(--000000, #000);
        text-align: center;

        /* Mob H2 */
        font-family: Bangers;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .paragraph--type--texte-lien .field--name-field-texte p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .node--view-mode-full .field--name-field-introduction {
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */
    }

    .node--view-mode-full .field--name-field-introduction-new p {
        font-size: 16px;
        font-style: normal;
        line-height: 24px;
        /* 150% */
    }

    .field--name-field-sections .paragraph--type--diaporama {
        padding-bottom: 60px;
    }

    .field--name-field-sections .paragraph--type--diaporama .container .deco-splash {
        display: none;
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide {
        flex-wrap: wrap;
        gap: 30px;
        padding-bottom: 30px;

        margin: 0 auto;
        width: 100%;
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-image {
        width: inherit;
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .form-group {
        width: 100%;
        margin: 0px auto;
    }

    body.page-node-13 article .sections-container {
        margin-top: inherit;
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .form-group .field--name-field-titre-slide {
        font-family: Bangers;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-texte-presentation {

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding-top: 10px;
        /* 150% */
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide .field--name-field-texte-presentation:after {
        content: none;
        /* ✅ Désactive complètement le pseudo-élément */
    }

    .field--name-field-sections .paragraph--type--diaporama .container .deco-forme1 {
        display: none;
    }

    .paragraph--type--diaporama .slick-next,
    .slick-prev {
        width: 50px;
        height: 40px;
        margin-top: -15px;
        z-index: 999;
        top: inherit;
        bottom: 0;
        -webkit-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }

    .paragraph--type--diaporama .slick-prev {
        left: calc(70% - 33.333%);
        transform: translateX(-50%);
    }

    .paragraph--type--diaporama .slick-next {
        left: calc(30% + 33.333%);
        transform: translateX(-50%);
    }

    /* Page Etudiants */
    body.has-visuel-header #navbar-top {
        background: transparent;
    }

    body.has-visuel-header .navbar.open#navbar-top {
        background: #122948;
    }

    body.has-visuel-header .header-edito img {
        width: calc(100% - 40px);
        /* 20px de chaque côté */
        height: 40%;
        object-fit: cover;
        object-position: center;
        display: block;
        border-radius: 25px;
        margin: 20px auto 0;
        /* top: 20px | gauche+droite: auto (centré) | bottom: 0 */
    }

    body.has-visuel-header h1 {
        color: var(--FFFFFF, #FFF);
        text-align: center;
        font-family: Bangers;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 80px;
        margin: 0;
    }

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new {
        margin-bottom: 30px;
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .sections-container .field__item:first-child {
        margin-bottom: 0;
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .sections-container .field__item:first-child h2 {
        margin-bottom: 0;
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .sections-container .field__item {
        margin: 0 auto;
        max-width: 1140px;
        margin-bottom: 25px;
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .paragraph--type--atouts .field--name-field-texte-atout {
        margin-bottom: 0px;
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .paragraph--type--atouts .field--name-field-texte-atout p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .paragraph--type--atouts .field--name-field-texte-atout p strong {
        font-weight: normal;
    }

    .page--etudiants-le-parc-vous-ouvre-ses-portes .field--name-field-sections .paragraph.paragraph--type--atouts {
        display: flex;
        gap: 15px;
        max-width: 720px;
        height: auto;
        position: relative;
        align-items: flex-start;
        padding: 25px 15px 20px 15px;
    }

    .field__item:nth-of-type(odd) .paragraph--type--atouts {
        margin-top: inherit;
    }

    .field__item:nth-of-type(even) .paragraph--type--atouts::after {
        bottom: -20px;
        left: 20px;
    }

    .field__item:nth-of-type(odd) .paragraph--type--atouts::after {
        content: '';
        position: absolute;
        top: -20px;
        right: 20px;
    }

    .paragraph--type--texte-image .field--name-field-media-image .field__item {
        margin-bottom: 0;
    }

    .paragraph--type--choix-temoignage .field--name-field-verbatim {
        text-align: center;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        padding-top: 0px;
    }

    .field--name-field-sections .paragraph.paragraph--type--choix-temoignage {
        margin: 70px auto;
        max-width: 1070px;
    }

    .paragraph--type--texte-image .field--name-field-texte h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 31px;
        /* 110.714% */
        margin-top: 30px !important;
    }

    .paragraph--type--texte-image .field--name-field-texte p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .paragraph--type--texte-image .row.position-Gauche .col-sm-6:not(.Gauche) {
        margin-left: 0;
        padding: 0 30px;
    }

    .paragraph--type--choix-temoignage .filet-temoignage {
        text-align: center;
        margin: 20px auto 0;
    }

    .paragraph--type--texte-lien .field--name-field-texte h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 31px;
        /* 110.714% */
    }

    .field--name-field-sections .paragraph.paragraph--type--texte-image {
        max-width: 1044px;
        margin: 0 auto;
        margin-bottom: 80px;
    }

    .page-vocabulary-famille-metier .page-marge-interieure {
        padding-left: 5px;
        padding-right: 5px;
    }

}

/* ajustements (min-width: 1024px) and (max-width: 1139px) */
@media (min-width: 1024px) and (max-width: 1139px) {

    .bloc-custom-offres-search .pointe {
        display: none;
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides {
        margin: 0;
        max-width: 90%;
        margin: 0 auto;
    }

    .field--name-field-sections .paragraph--type--diaporama .field--name-field-slides .paragraph--type--slide {
        gap: 50px;
    }

}

/* Footer responsive */
@media (min-width: 320px) and (max-width: 1139px) {

    /* FOOTER mobile ET tablette */
    #site-footer .site-footer .region-footer #block-menufooter .nav {
        text-align: center;
    }

    #site-footer .site-footer .region-footer #block-menufooter .nav .nav-link {
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
    }

    #site-footer .site-footer .region-footer #block-menufooter .nav .nav-link--teamtailor-nos-offres {
        color: var(--FFFFFF, #FFF);
        text-align: center;
        font-family: Poppins;
        font-size: 17.068px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
        padding: 8px 20px;
    }

    #site-footer .site-footer .region-footer #block-asterix-footer {
        margin: 50px 20px;
        text-align: center;
    }
}

@media (max-width: 1139.98px) {
    #CollapsingNavbar .menu--footer {
        padding: 25px 0 80px;
    }
}


@media (max-width: 1139px) {

    /* menu mobile ouvert */
    .page-marge-interieure.open {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .page-marge-interieure.open header {
        position: fixed !important;
        width: 100%;
    }

    .menu-collapse.open,
    #CollapsingNavbar.open {
        top: 85px;
        padding-top: 35px;
    }

    body.user-logged-in .menu-collapse.open,
    body.user-logged-in #CollapsingNavbar.open {
        top: 125px;
        padding-top: 35px;
    }

    #navbar-top.open {
        background: #122948;
    }

    body.node--type-homepage #header #navbar-top.open {
        background: #122948;
        border-radius: 0;
    }

    body.node--type-homepage #header #navbar-top.open img.logo-new {
        top: 5px;
        left: 5px;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>span:hover {
        color: #FFF;
    }

    #CollapsingNavbar {
        position: fixed;
        left: 0;
        width: 100%;
        top: -100%;
        height: calc(100% - 79px);
        overflow: scroll;
        padding: 0 15px;
        background: #122948;
        z-index: 999;
        -webkit-transition: all ease-in-out .8s;
        -o-transition: all ease-in-out .8s;
        transition: all ease-in-out .8s;
    }

    .menu--inscription.menu--inscription {
        border-top: 0;
        display: none !important;
    }

    .menu--reseaux-sociaux {
        margin: 35px 0 35px;
        margin: 40px auto 30px;
        width: fit-content;
    }

    .menu--reseaux-sociaux .menu {
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        align-items: center;
        gap: 35px;
        width: 191px;
    }

    .menu--reseaux-sociaux .menu .menu-item .field--name-field-picto {
        width: 40px;
        height: auto;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0 .menu-level-1 {
        list-style: none;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding-left: 15px;
        list-style: none;
        border-radius: 32px;
        border: 1px solid var(--3a90cf, #3A90CF);
        background: #122948;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>a,
    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>span {
        display: inline-block;
        background-color: transparent;
        padding: 20px 8px;
        cursor: pointer;
        color: #FFFFFF;
        text-align: center;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item.ss-menu-prt:after {
        right: 30px;
    }

    #navbar-top .region-top-menu #block-asterix-search>.content {
        display: block;
        position: fixed;
        top: -100%;
        height: 100%;
        left: 0;
        right: 0;
        background: #122948;
        z-index: 999;
        -webkit-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
        transition: all ease-in-out .5s;
    }

    #navbar-top.navbar:not(.open) {
        padding: 0;
    }

    /* partie recherche */
    body.node--type-homepage #navbar-top .region-top-menu #block-asterix-search .search-block-form .search-picto {
        display: none;
    }

    body.node--type-homepage #navbar-top .region-top-menu #block-asterix-search .search-block-form .form-type-search {
        display: block;
    }

    body.node--type-homepage #header #navbar-top #search-block-form .form-type-search input {
        background: var(--95C11F, #95C11F);
        color: var(--000000, #000);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border: 0;
        padding: 11px 18px;
        border-radius: 25px;
        height: inherit;
        max-width: 100%;
    }

    body.node--type-homepage #header #navbar-top #search-block-form .form-type-search input::placeholder {
        color: #FFF;
    }

    /* partie recherche */
    #navbar-top .region-top-menu #block-asterix-search .search-block-form .search-picto {
        display: none;
    }

    #navbar-top .region-top-menu #block-asterix-search .search-block-form .form-type-search {
        display: block;
    }

    #header #navbar-top #search-block-form .form-type-search input {
        background: var(--95C11F, #95C11F);
        color: var(--000000, #000);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border: 0;
        padding: 11px 18px;
        border-radius: 25px;
        height: inherit;
    }

    #header #navbar-top #search-block-form .form-type-search input:focus {
        background: var(--95C11F, #95C11F);
    }

    #header #navbar-top #search-block-form .form-type-search input::placeholder {
        color: #FFF;
    }

    #navbar-top .region-top-menu #block-asterix-search .search-block-form .form-actions {
        position: absolute;
        top: 57px;
        right: 0;
        display: block;
    }

    #navbar-top .region-top-menu #block-asterix-search>.content .search-block-form .form-type-search {
        bottom: 71px;
        width: 90%;
    }
    #navbar-top .region-top-menu #block-asterix-search .search-block-form .form-actions .form-submit {
            top: -75px!important;
        right: -19px;
    }



}


@media (min-width: 768px) and (max-width: 1023px) {

    /* body.node--type-homepage #header-hp .wrapper-header-content h1 {
    width: 62%;
    } */

}


@media (min-width: 768px) and (max-width: 1139px) {

    body.node--type-homepage #header-hp .wrapper-header-content h1 {
        width: 62%;
    }


    /* Ajustements slider mtiers du mois page métiers */
    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes {
        width: 45%;
        padding: 40px 50px;
    }

    .view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-prev {
        left: -20px;
        top: 68%;
        top: inherit;
        bottom: -60px;
        left: calc(70% - 33.333%);
        transform: translateX(-50%);
    }

    .view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-next {
        right: -20px;
        top: inherit;
        z-index: 999;
        width: 50px;
        bottom: -65px;
        height: 40px;
        left: calc(30% + 33.333%);
        transform: translateX(-50%);
    }

    .view-id-familles_metiers .view-header .field--name-field-metiers-du-mois .slick-dots {
        display: none !important;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe {
        display: flex;
        flex-wrap: wrap;
        max-width: 1020px;
        margin: 10px auto;
        position: relative;
        list-style-type: none;
        gap: 20px;
        padding: 0;
        justify-content: center;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .groupe .textes .field--name-field-nom {
        color: var(--00568E, #00568E);
        font-family: Bangers;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #block-views-block-familles-metiers-block-1 .view-familles-metiers .view-content .groupe li {
        width: 45%;
        margin: 0px 0;
    }

    .paragraph--type--texte-image .row .Gauche,
    .paragraph--type--texte-image .row .Droite {
        flex: 1;
        max-width: 100%;
        padding: 0;
    }

    .paragraph--type--texte-image .row.position-Droite .col-sm-6:not(.Droite) {
        padding: 0 30px 0 15px;
    }

}

/* Ajustements menu */
@media (min-width: 1140px) and (max-width: 1240px) {

    .navbar .container,
    .navbar .container-fluid,
    .navbar .container-lg {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 6px;
    }

    #navbar-main #block-asterix-main-menu .menu-level-0>.menu-item>span {
        font-size: 14px;
    }
}

/* FIN Ajustements menu */


@media (max-width: 1281px) {
    .nos-metiers-bloc-hp .content .groupe-3 .bloc-3 .deco-splash {
        right: 0;
    }
}

@media (min-width: 2001px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        margin-top: calc(100vw * 10 / 28);
    }
}

@media (max-width: 2000px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        margin-top: calc(100vw * 10 / 32);
    }
}

@media (max-width: 1500px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        margin-top: calc(100vw * 10 / 34);
    }
}

@media (max-width: 1300px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        margin-top: calc(100vw * 11 / 32);
    }
}

@media (max-width: 1024px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        margin-top: calc(100vw * 11 / 32);
    }
}

@media (max-width: 768px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        margin-top: calc(100vh / 3 + 0px);
    }
}

@media (max-width: 450px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        /* margin-top: 210px;
        margin-top: 30vw; */
    }
}

@media (max-width: 388px) {

    body.has-visuel-header .node--view-mode-full .field--name-field-introduction-new,
    body.has-visuel-header .node--view-mode-full .field--name-field-introduction {
        /* margin-top: 160px; */
        margin-top: calc(100vh / 3 + 0px);
    }
}

@media (max-width: 1024px) {
    body.has-visuel-header .block-page-title-block {
        margin-top: none;
        position: absolute;
        top: 20%;
        right: 50%;
        left: 50%;
        width: 90%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 1024px) and (max-width: 1300px) {
    .content-offres-une .deco {
        position: absolute;
        top: -10px;
        left: -40px;
        z-index: 1;
    }
}

@media (max-width: 1139.98px) {
    .navbar-toggler-btn {
            margin-right: 5px;
    }
    #navbar-top .region-top-menu #block-asterix-search .trigger-search svg path {
        fill: #FFF;
    }

    #navbar-top .region-top-menu #block-asterix-search.search-block-form {
        display: none;
        transition: all ease-in-out 1s;
    }
    #navbar-top.open .region-top-menu #block-asterix-search.search-block-form {
        display: block;
    }

}


body.node--type-page-webform .header-edito img {
    width: calc(100% - 0px);
    height: auto;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 25px;
    margin: 20px auto 0;
}

@media (min-width: 1140px) {
    body.node--type-page-webform .header-edito img {
        width: calc(100% - 40px);
        height: auto;
        object-fit: cover;
        object-position: center;
        display: block;
        border-radius: 25px;
        margin: 20px auto 0;
    }
}

article.node--type-page-edito .deco-intro-edito{
    display: none;
}
@media screen and (min-width: 1140px) {
    body.no-visuel-header article.node--type-page-edito{
        position: relative;
    }
    
    body.no-visuel-header article.node--type-page-edito .deco-intro-edito-1{
        display: block;
        position: absolute;
        top: -100px;
        left: -50px;
    }
    body.no-visuel-header article.node--type-page-edito .deco-intro-edito-2{
        display: block;
        position: absolute;
        bottom: -10px;
        right: -50px;
    }
    body.no-visuel-header article.node--type-page-edito .deco-intro-edito-2 img{
        width: 100px;
    }
}