/* SLIDER  */
#slider,#slider_home{
    height: calc(100vh - 194px);
    background-color: var(--color3);
}
#slider h1,#slider_home h1{
    font-size: 5rem;
    padding: 60px 0 0 5px; 
}
#ctn_title_cta h1,#ctn_title_cta h2{
    text-shadow: -5px 1px 0px #51123236;
}
#ctn_title_cta h2{
    text-align: end;
    font-size: 3rem;
}

#slider video{
    height: 100vh;
    object-fit: cover;
}
#ctn_cta{
    bottom: 150px;
    z-index: 1;
    /* border: solid 1px blueviolet; */
}
#ctn_cta .btn{
   width: 150px;
}
#ctn_cta{
    bottom: 150px;
    z-index: 1;
    /* border: solid 1px blueviolet; */
}
#ctn_fleche{
    bottom: 0px;
    z-index: 1;
    width: 100%;
}
#ctn_fleche img{
    width: 50px;
    animation: annimate_scrall 2s linear infinite;
}
#ctn_fleche>a{   
display: inline-block;
padding: 15px;
}
div[role=button]:active, input[type=submit]:active{
    transform: scale(.90);
}
/* FIN SLIDER  */


/* slider mobile*/
/* 
#slider_home h1{
font-size: 7rem;
text-shadow: 1px 5px 1px  var(--color2);
} */
.img_slider .darkened_image img{
    object-fit: cover;
    object-position: center;
    height: 100vh;
    width: 100%;
}
.darkened_image{/*pour assombrir l'image sans mettre le titre dans avec un z-index qui affiche le titre sur tout les slides*/
    background: url(../img/filtre.png) no-repeat center;
    background-size: 100%;
    filter: brightness(95%); 
}
.img_slider .darkened_image {
    height: 100%;
    width: 100%;
}
.img_slider:not([class*="active"]) .title_slider {
    opacity: 0;
}
.img_slider div:last-child{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.img_slider div[role="button"]{
    height: max-content;
    position: absolute;
}
.img_slider div[role="button"] a{
    bottom:60px;
    margin-left: -150px;
    font-size: 3rem;   
}
.title_slider{
    transition: all ease-in-out .5s;
}
.img_slider{
    height: 100%;
    width: 100%; 
    top: 0;
    left: 0;  
    opacity: 0;
    transition: opacity 2s; 
}
.img_slider.active{
    opacity: 1; 
}
.active .title_slider{
    opacity: 1;
} 
#slider_home .img_slider{
    width: 100%;
    height: 100%;
}
#slider_home div[role="button"]{
    top: 80%;
    width: 100%;
    z-index: 3;
}
#slider_home div[role="button"]>a{
    padding: 15px;
    display: inline-block;
}

.precedent,.suivant{
    background: url(../img/next_fleche.png) no-repeat center ;
    background-position: center;
    background-size: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color:var(--color1) ;
    cursor: pointer;
    padding: 24px;
    opacity: 0;
    transition: all ease-in-out .3s;
}
/* div qui contient les commandes  */
.ctn_cmd_slider_suivant,.ctn_cmd_slider_precedent{
    height: 100%;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center; 
    z-index: 3;
}
.ctn_cmd_slider_suivant{
    top: 0;
    right: 0;
}
.ctn_cmd_slider_precedent{
    top: 0;
    left: 0;
}
.suivant{
    right: 5vh;
} 
.precedent{
    transform: rotate(180deg);   
} 
.ctn_cmd_slider:hover>div{
    opacity: 1;
}
/*  fin div qui contient les commandes  */
/* fin slider mobile */ 

#ctn_title_cta{
    height:calc(100vh - 354px); 
    top:0;
    z-index: 1;
}
#ctn_fleche a {
    height: 50px;
    width: 50px;
    border-radius: 96px;
    box-shadow: 20px 19px 45px 0px var(--color1) inset, -6px -26px 41.7px 24px var(--color2) inset, 3px 1px 40px 14px rgba(0, 0, 0, 0.25);
}