#ligne_page_conseil{
    
    display : flex;
    flex-direction: row;
    justify-content: center;
    
    gap : 5%;
    
    height : 85vh;
    width : 95vw;
    
    margin-top : 5vw;
    
}


#gauche_page_conseil{
    
    width : 70%;
    
    
}

#gauche_page_conseil video {
    width: 100%;          /* occupe toute la largeur dispo */
    height: auto;         /* adapte la hauteur automatiquement */
    max-height: 70vh;     /* limite la hauteur max à 70% de l'écran */
    object-fit: cover;    /* coupe si nécessaire tout en gardant le ratio */
    border-radius: 2vw;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

#droite_page_conseil{
    
    height : auto;
    width : 55%;
    text-align: left ;
    
    font-size: 1.5vw;
    
    padding-left : 3%;
    padding-right : 3%;
    
    display : flex;
    flex-direction: column;
    align-items: center;;
    
    
}




/*-------------------------------------------------- RESPONSIVE -------------------------------------------------*/

@media (max-width: 768px){
    
    
    #ligne_page_conseil{
    
    flex-direction: column;
    justify-content: start;
    
    
    /*height : 85vh;*/
    width : 100vw;
    height : auto;
    
    
    align-items: center;
    
    gap : 0;
    
}

#droite_page_conseil{
    
    width : 90%;
    text-align: center ;
    
    font-size : 3.5vw;
    
    padding-left : 5%;
    padding-right : 5%;
    
    padding-bottom : 10vh;
    
    
}

#gauche_page_conseil{
    
    padding-bottom : 10%;
    width : 90%;
    
    padding-top : 5%;
    padding-bottom : 5%;
    
    
}






    
    
    
}