img{max-width:100%;height:auto;}
#ecran-0{min-height:38rem;padding:4rem 0;color: #ffffff; background-size: cover; background-position: center; height: 80vh; overflow: hidden; position: relative;}
.vertical_haut{display:flex;align-items:flex-start;padding:8rem 0;background-position:center;background-size:cover;}
.vertical_centre{display:flex;align-items:center;padding:2rem 0;background-position:center;background-size:cover;}
.vertical_bas{display:flex;align-items:flex-end;padding:8rem 0;background-position:center;background-size:cover;}
.horizontal_gauche{text-align:left;}
.horizontal_centre{text-align:center;}
.horizontal_droite{text-align:right;}
.button_centre{display:flex;justify-content:center;margin-top:2rem;}
.button_gauche{display:flex;justify-content:flex-start;margin-top:2rem;}
.button_droite{display:flex;justify-content:flex-end;margin-top:2rem;}
.front_img_screen{width:100%;display:flex;align-items:center;padding:3rem 0;}
.container_img_gauche{display:flex;justify-content:space-between;margin:0 auto;}
.container_img_droite{display:flex;justify-content:space-between;flex-direction:row-reverse;margin:0 auto;}
.content_container{max-width:50%;}
.img_container{max-width:50%;}
.img_container img{border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.15), 0 15px 15px -15px rgba(0, 0, 0, 0.30), 0 45px 65px -65px rgba(0, 0, 0, 0.40);}
.front_img_vertical_centre{flex-direction:column;display:flex;justify-content:center;height:100%;}
.front_img_vertical_haut{flex-direction:column;display:flex;justify-content:flex-start;height:100%;}
.front_img_vertical_bas{flex-direction:column;display:flex;justify-content:flex-end;height:100%;}
.img-align-centre{flex-direction:column;display:flex;justify-content:center;}
.front_img_content_gauche{text-align:left;}
.front_img_content_centre{text-align:center;}
.front_img_content_droite{text-align:right;}
.text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 10%);
    text-align: center;
    font-weight: bold;
    width: 85%;
    filter: invert(0%) !important;
    color: #ffffff !important;
    text-shadow:
    0 0 10px black, /* Ombre floue noire */
    0 0 20px black; /* Ombre plus large pour l'aura */
}

.text-container h1 {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    margin-bottom: 1rem;
}

.h2 {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 1rem
}


.text-container p {
    font-size: clamp(1rem, 2.5vw, 2rem);
}
.scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    animation: colorChange 3s infinite alternate;
}

.arrow {
    width: 50px;
    height: auto;
    cursor: pointer;
}

@keyframes colorChange {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}
@media screen and (min-width:950px){.container_img_gauche .content_container{padding-left:4rem;}
.container_img_droite .content_container{padding-right:4rem;}
}
@media screen and (max-width:950px){.front_img_vertical_centre{flex-direction:column;display:flex;justify-content:center;height:100%;}
.front_img_vertical_haut{flex-direction:column;display:flex;justify-content:center;height:100%;}
.front_img_vertical_bas{flex-direction:column;display:flex;justify-content:center;height:100%;}
.container_img_gauche{display:block;justify-content:space-between;margin:0 auto;}
.container_img_droite{display:block;justify-content:space-between;flex-direction:row-reverse;margin:0 auto;}
.content_container{max-width:100%;margin:0 auto;}
.img_container{width:100%;max-width:100%;margin:0 auto;}
.img_container img{margin:0 auto;display:block;}
.img_container + .content_container{margin-top:3rem;}
.front_img_content_gauche{text-align:center;}
.front_img_content_centre{text-align:center;}
.front_img_content_droite{text-align:center;}
.button_centre{display:flex;justify-content:center;}
.button_gauche{display:flex;justify-content:center;}
.button_droite{display:flex;justify-content:center;}
.horizontal_gauche{text-align:center;}
.horizontal_centre{text-align:center;}
.horizontal_droite{text-align:center;}
}