.container_livre{
    margin-top: 3.5%;
}


.container_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colonnes de même taille */
  gap: 20px; /* espace entre les cases */
  margin-top: 5%;
  padding: 5% 2% 5% 2%;
  background-color: #5d7c7cfd;
}
.bloc{
    display: flex;
    padding-bottom: 5%;
    border: 1px solid rgba(0, 0, 0, 0.103);
}
.img_bloc{
    width: 35%;
    height:auto;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}
.container_text{
    width: 100%;
    padding: 5%;
}
.btn_cont{
    width: 100%;
    text-align: right;
    margin-top: 10%;
}
.rub_btn{
    width: fit-content;
    margin: 0;
    padding: 1% 1.5% 1.5% 1.5%!important;
}
#container_page{
    display: flex;
    gap:2%;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: #5d7c7cfd;
    padding-bottom: 2%;
}
.is_red{
    color:red;
}
.el_page{
    cursor: pointer;
}

@media (max-width: 700px) {
    #sous_nav{
        margin-top: 50%!important;
    }
    .livre_img{
        width: 40%!important;
    }
    .livre_container{
        height: fit-content;
        width: 85%;
        margin-left: 7.5%;
        text-align: center;
        margin-top: 5%;
    }
    .container_grid{
        margin-top: 10%;
    }
    .container_grid {
        grid-template-columns: repeat(1, 1fr); /* 3 colonnes de même taille */
    }
    .img_bloc{
        width: 30%;
    }
    .btn_cont{
        text-align: left;
    }
    .btn_whuite{
        border: none!important;
        box-shadow: none!important;
    }
    #sous_nav{
        margin-top: 35%!important;
    }
}