@charset "utf-8";

#content {
    width:100%;
    padding:0 30px 0 30px;
}


.ligne_boutique {
    display: flex;
    width:100%;	
    margin: 0 auto;
    border-bottom: 1px dotted #314D62;
    padding-bottom:20px;
    color: #000000;
    margin-top:20px;
}

.ligne_boutique:first-child {
    margin-top: 0px;
}

.ligne_boutique:last-child {
    border-bottom: none;
    margin-bottom:unset;
}

.colonne1_boutique  {
    width:20%;
    text-align:left;
    margin:auto;
    padding-right: 20px;
}

.colonne1_boutique img  {
    height:auto;
    width:auto;
}

.colonne2_boutique  {
    width:80%;
    text-align:left;
    margin:auto;
}

@media all and (max-width: 600px)
{
    .ligne_boutique{
        flex-direction: column;
    }

    .colonne1_boutique, .colonne2_boutique {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .colonne1_boutique img  {
        height:auto;
        width:90%;
    }
}

.titre_boutique {
    font-family: 'Playfair Display Bold', serif;
    margin-bottom:10px;
    font-size: 1.4em;
}

.auteur {
    color:#06F;
}

.prix {
    font-size: 0.8em;
    margin: 10px 0;
}


#image_lecture {
    float:right;
    width:auto;
    max-width:250px;
    height:auto;
    padding:0 0 10px 10px;
    text-align: center;
}

.container-navig {
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
    justify-content: space-between;
    text-align: center;
    width: 70%;
}

@media (max-width: 760px) {
    .container-navig {
        flex-direction: column;
        align-items: center;
    }
}

a.fin_navig {
    padding: 10px 0; /* Évitez le padding à droite et à gauche */
    font-size: 0.9em;
    position: relative;
    text-decoration: none;
    margin: 0 10px; /* Ajoutez une marge pour espacement */
}

a.fin_navig::after {
    content: '';
    position: absolute;
    bottom: 2px; /* Ajustez cette valeur pour rapprocher la ligne du texte */
    left: 0;
    width: 0;
    height: 2px;
}

a.fin_navig:hover::after {
    width: 100%;
}

a.fin_navig:not(:first-child) {
    padding-left: 0;
}

a.fin_navig:not(:last-child) {
    padding-right: 0;
}