#central_ebook{
        
        flex-direction: row-reverse;
        justify-content: center;
        
        width : 80vw;
}





#gauche_ebook{

    width : 50%;
    padding : 2vw;
    /*height : 65vh;*/

    display : flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;



}

#presentation_gentleman{
    height: auto;
    display : flex;
    flex-direction: column;
    
    text-align: left;

}

#presentation_gentleman h3{
    font-family: "Lora";
}

#presentation_gentleman p{

    font-size: 1.20vw;
    text-align: justify;
    color : black;
    font-family: Arial, Helvetica, sans-serif;
}

#obtenir_ebook_1, #obtenir_ebook_2{
    /*margin-top: -12vw;*/
}

#droite_ebook {
    width: 30%;
    overflow: hidden; /* Évite les débordements */
    margin-top: 00vw; /* Ajusté en conséquence */
    height: 30vw; /* Taille fixe pour contenir le carrousel */
}

.slideshow-container {
    height: 18.5vw; /* Taille fixe pour correspondre au cadre des images */
    width: 12.5vw; /* Largeur ajustée */
    margin-top: 5vw;
    position: relative;
    overflow: hidden; /* Empêche le scroll et masque les débordements */
}

.slides-wrapper {
    display: flex;
    width: 300%; /* Maintient les images alignées horizontalement */
    height: 100%; /* Correspond à la hauteur du conteneur parent */
    transition: transform 0.5s ease; /* Animation pour le glissement */
}

.slides1 {
    max-width: 100%; /* Limite la largeur des images au conteneur */
    max-height: 100%; /* Limite la hauteur des images au conteneur */
    object-fit: contain; /* Conserve les proportions des images */
    display: block; /* Évite les espaces blancs autour des images */
    margin: auto; /* Centre les images */
}


.trait{
    background-color: black;
    width : 100%;
    height : 0.1vw;
    
    margin-top : 0.5vw;
    margin-bottom : 0.5vw;

}

.section_deroulant {
  display: flex;
  flex-direction: column;
  overflow : visible;
}




.menu_deroulant{
    display : flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.menu_deroulant img{
    height : 3vw;
    aspect-ratio: 1/1;
}

.section_deroulant p[id^="deroulant_"] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  margin: 0;
  padding: 0;
}

/* état ouvert */
.section_deroulant.open p[id^="deroulant_"] {
    height : 50vw;
  max-height: 20vw; /* valeur large mais fixe */
  margin-top: 0.5vw;
}

/* flèche tournée */
.section_deroulant.open .menu_deroulant img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}


#prix_ebook{
    font-weight: bold;
    font-size : 3vw;
}




/*--------- Animations de menu deroulant ------------------*/

/* description fermée */
#deroulant_description {

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* description ouverte */
#deroulant_description.open {
  /* mettez ici une hauteur suffisante :
     soit en rem, em, px… 500px ou auto (auto ne fonctionne 
     pas toujours bien sur max-height animé) */
  max-height: 20em;
}

/* et pour faire pivoter la flèche en même temps */
#fleche_description {
  cursor: pointer;
  transition: transform 0.4s ease;
}
#deroulant_description.open + .menu_deroulant #fleche_description,
#fleche_description.open {
  transform: rotate(180deg);
}


.imgRetour{
    width : 6vw;
}


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



    #central_ebook{
        

        flex-direction: column-reverse;
        justify-content: space-around;
        
        width : 100vw;
    }


    #gauche_ebook{

        flex-direction: column-reverse;
        width : 85vw;
        padding : 1vw;
        height : 70vh;
        
        margin-top: -5vw;
    }


    
    #presentation_gentleman{
        min-height: 90%;
    }
    
    #presentation_gentleman p{
        min-height :120vh;
        font-size: 3vw;
        text-align: justify;
        margin-top: 5vh;
    }
    
    #obtenir_ebook_1, #obtenir_ebook_2{
        margin-top: 5vw;
    }
    
    #droite_ebook {
        width: 40%;
        overflow: hidden; /* Évite les débordements */
        margin-top: 0vw; /* Ajusté en conséquence */
        height: 50vw; /* Taille fixe pour contenir le carrousel */
        margin-bottom: 10vw;
        
    }
    
    .slideshow-container {
        height: 60vw; /* Taille fixe pour correspondre au cadre des images */
        width: 45vw; /* Largeur ajustée */
        margin-top: 0vw;
        position: relative;
        overflow: hidden; /* Empêche le scroll et masque les débordements */
        margin-top: -15vw;
        z-index: 2;
    }
    
    .slides-wrapper {
        display: flex;
        width: 300%; /* Maintient les images alignées horizontalement */
        height: 100%; /* Correspond à la hauteur du conteneur parent */
        transition: transform 0.5s ease; /* Animation pour le glissement */
        z-index: 2;
    }
    
    .slides1 {
        max-width: 100%; /* Limite la largeur des images au conteneur */
        max-height: 100%; /* Limite la hauteur des images au conteneur */
        object-fit: contain; /* Conserve les proportions des images */
        display: block; /* Évite les espaces blancs autour des images */
        margin: auto; /* Centre les images */
        z-index: 2;
    }
    
    #prix_ebook{
        height : 5vw;
        font-size: 15vw;
    
        font-weight: bold;
        margin-bottom: -10vw;
    }

    .body_droite #prix_ebook{
        font-size: 5vw;
        height: 8vw;
        overflow: hidden;
        margin-top: -20vw;
    }



}