#station .titre_elec_40 > div {overflow: hidden;}
:is(.titre_elec_40,.titre_elec_80,.titre_elec_46) div {font-size: inherit;font-weight: inherit;font-family: inherit;}
#station .cliping {
    position: absolute;
    left: 50%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    width: min(1440px,100%);
    transform: translateX(-67%);
}
#station .cliping img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: inherit;
}
#station .fond {opacity: 0;}
#equipage:before,
#missions .content_titre:before,
#station .content:before {content: none;}
#line1 {
    position: absolute;
    top: -200px;
    left: -750px;
    width: 692px;
    height: 231px;
}
#equipage:before {z-index: 1;}
#equipage .line2 {
    position: absolute;
    top: -38%;
    left: 50%;
    height: 72%;
    z-index: 1;
    pointer-events: none;
    width: min(1920px,100%);
    transform: translateX(-50%);
}
#equipage .cliping {
    position: absolute;
    left: 50%;
    height: 72%;
    overflow: hidden;
    pointer-events: none;
    width: min(1920px,100%);
    transform: translateX(-50%);
    box-shadow: inset 0 -3rem 4rem 9rem #171428;
}
#equipage .cliping::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(0deg, rgba(23,20,40,1) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,0) 79%, rgba(23,20,40,1) 100%);
}
/* #equipage .cliping > .fd {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: inherit;
} */
#equipage .cliping > .fd:not(.img) {
    opacity: .3;
}
.pin-spacer {background: #171428;}
#line4 {
    position: absolute;
    left: 50%;
    z-index: 1;
    pointer-events: none;
    max-width: inherit;
    width: min(1920px,100vw);
    bottom: calc(100% - 3rem);
    transform: translateX(-50%);
}
#bandeau > .cliping {
    position: absolute;
    top: 0rem;
    left: 50%;
    height: 1120px;
    overflow: hidden;
    pointer-events: none;
    width: min(1920px,100%);
    transform: translateX(-50%);
    box-shadow: inset 0 -3rem 4rem 9rem #171428;
}
#bandeau .cliping::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(90deg, rgba(23,20,40,1) 0%, rgba(23,20,40,1) 26%, rgba(23,20,40,0) 75%);
}
#bandeau .cliping::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(0deg, rgba(23,20,40,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 20%, rgba(23,20,40,1) 100%);
}
.cliping .fd {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: inherit;
}
/* #first_bg .fond .quatre {animation: filter2 20s cubic-bezier(0.785, 0.135, 0.150, 0.860) infinite alternate backwards;}
@keyframes filter2 {
    0% {
        filter:hue-rotate(45deg);
        mix-blend-mode: soft-light;
    }
    100% {
        filter:hue-rotate(0deg);
    }
} */
.cliping.anim1 .fd:not(.img) {animation: filter 2s cubic-bezier(0.785, 0.135, 0.150, 0.860) infinite alternate backwards;}
@keyframes filter {
    0% {
        filter:hue-rotate(45deg);
        mix-blend-mode: soft-light;
    }
    50% {
        filter:hue-rotate(0deg);
        mix-blend-mode: soft-light;
    }
    100% {
        filter: brightness(2);
        /* mix-blend-mode: soft-light; */
    }
}
#bandeau:has(> figure.cliping) {
    position: relative;
    background-image: none !important;
}
footer { margin-top: -0.2rem;}
#demarche > .cliping {
    position: absolute;
    top: 0rem;
    left: 50%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    width: min(1920px,100%);
    transform: translateX(-50%);
    box-shadow: inset 0 -3rem 4rem 9rem #171428;
}
#demarche .cliping::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(90deg, rgba(23,20,40,1) 0%, rgba(23,20,40,1) 26%, rgba(23,20,40,0) 75%);
}
#demarche .cliping::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(0deg, rgba(23,20,40,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 20%, rgba(23,20,40,1) 100%);
}
#accompagnement > .cliping {
    position: absolute;
    top: 0rem;
    left: 50%;
    height: 100%;
    pointer-events: none;
    width: min(1920px,100%);
    transform: translateX(-50%);
    box-shadow: inset 0 -3rem 4rem 9rem #171428;
}
#accompagnement > .cliping figure {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: min(1170px,100vw);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#accompagnement > .cliping figure::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    background: radial-gradient(at left top, #ffffff00 40%, #161428 100%);
}
#accompagnement > .cliping figure::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    box-shadow: inset -5rem 0 3rem 4rem #161428;
}
#bandeau {
    animation: kenburns-top 30s linear 1s infinite alternate-reverse none;
}
@keyframes kenburns-top {
    0% {
        background-size: 2120px 1320px;
    }
    100% {
        background-size: 1920px 1120px;
    }
}
#agences .bords,
#agences .bords > .cadre {
    position: absolute;
    inset: 0;
}
#agences  .bords * {
    box-shadow: none;
    background-color: inherit;
}
#conteneur_rangees_m .une_rangee .conteneur_img {position: relative;}
#conteneur_rangees_m .une_rangee .cardre {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
#conteneur_rangees_m .une_rangee .conteneur_img::before,
#conteneur_rangees_m .une_rangee .conteneur_img::after {content: none;}
#vie_a_bord .un_elem .cadre {
    position: absolute;
    top: -1rem;
    width: 100%;
    right: -1rem;
}
#liste_vb .un_elem:before, #liste_vb .un_elem:after {content: none;}
#avantages_benef .un_avantage .cadre {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
#chiffres .item:hover .bords *,
#chiffres .item .bords *,
#avantages_benef .liste_avantages .un_avantage:hover .bords *,
#avantages_benef .liste_avantages .un_avantage .bords * {background-color: transparent;box-shadow:none;}
#chiffres .bords .cadre {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -1rem;
    filter: blur(1px);
}
#conteneur_agences {grid-gap: 100px 50px;}
svg path {
    will-change: stroke-dasharray, stroke-dashoffset;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

/* ------- */
@media (min-width: 1200px) {
   img.mob {display: none !important;}
}
@media (max-width: 1199px) {
    img.desk {display: none !important;}
    #station .cliping {
        left: 0;
        height: 100vh;
        width: 100vw;
        transform: inherit;
    }
    #station .cliping + .conteneur {
        padding-top: 70vh;
    }
    #chiffres .item .texte strong {
        font-size:30px;
    }
    #chiffres .item .texte p {
        font-size: 19px;
    }
    #equipage {
        padding-top: 70vh;
    }
    #equipage .cliping {
        top: 0;
        height: 100vh;
    }
    #bandeau {
        background-size: cover;
        background-position: center 29%;
    }
    @keyframes kenburns-top {
        0% {
            background-size:140vw;
        }
        100% {
            background-size: 100%;
        }
    }
    #bandeau > .cliping {
        height: min(1120px,74vh);
    }
    #demarche {
        position: relative;
        padding: 50vh 20px 20px 20px;
        background: #171428;
    }
    #demarche > .cliping {
        height: 63vh;
    }
    #demarche .cliping::after {
        background: linear-gradient(90deg, rgba(23,20,40,1) 0%, rgba(23,20,40,1) 5%, rgba(23,20,40,0) 100%);
    }
    #accompagnement {padding: 50vh 20px 20px 20px;}
    #accompagnement > .cliping {height: 70vh;}
    #accompagnement > .cliping figure::after {
        box-shadow: inset 0 0rem 3rem 4rem #161428;
    }
}
@media (max-width: 450px) {
    #line4 {top: -35vh;}
    #chiffres {
        position: relative;
        display: flex;
        gap: 115px 2%;
        flex-wrap: wrap;
        margin-top: 105px;
    }
    #chiffres .item {
        flex: 1 1 150px;
        padding: 40px 20px 20px;
    }
    #chiffres .item .img {
        left: 58%;
        scale: 1.4;
        top: -57px;
        transform-origin: center;
        transform: translateX(-50%);
    }
    #chiffres .bords .cadre {
        scale: 1 .8;
        transform-origin: center bottom;
    }
    #station {
        height: auto;
        max-height: auto;
        padding-bottom: 7rem;
    }
    #station .cliping {
        height: 55vh;
    }
    #station .cliping + .conteneur {
        padding-top: 41vh;
    }
    #equipage .cliping {
        top: -3rem;
        height: 55vh;
    }
    #equipage {padding-top: 34vh;}
    #agences .bords, #agences .bords > .cadre {inset: 1.5rem 0 0;}
    #agences_membres {background-size: contain;}
    .fl-node-rz61ae8t4j2g > .fl-module-content {margin-bottom: 100px; }
    .fl-node-bfsag4od18vq.fl-row > .fl-row-content-wrap {
        padding-bottom: 6rem;
    }
    #equipage .line2 {top: -27%;}
    #bandeau > .cliping {height: 100%; }
    .page-id-199 #primary {padding: 30px 0 6rem 0;}
    .page-id-129 #primary .contenu .fl-row:last-child .fl-row-content-wrap {padding-bottom: 6rem;}
    #liste_ms {padding: 0 20px 5rem;}
    #station .cliping img {width: 160vw;}
    .titre_elec_40 {font-size: 25px;}
    .cliping .fd {
        left: -20vw;
        width: 120vw;
    }
    .cliping img.fd.img {
        width: 100vw;
        left: -18vw;
    }
    .titre_elec_46 {display: block;}
}


@media (min-width: 2000px) {
    #station .cliping{
        left: 0;
        transform: none;
    }
    #equipage .cliping,
    #equipage .cliping,
    #bandeau > .cliping,
    #demarche > .cliping,
    #accompagnement > .cliping{
        width: 100%;
    }
    #missions .fond{
        background-size: 100% 100%;
    }

}