@media (orientation:landscape) {
    body {
        font-size: 1.6em;/* taille du texte */
    }
    #livre-ouvert {
        width:20%;
    }
}
@media (orientation:portrait) {
    body {
        font-size: 2.3em;/* taille du texte */
    }
    #livre-ouvert {
        width:40%;
    }
}

a {
    font-size: 130%; /* agrandir les liens */
}
li {
    margin: 0.8em 0 0.8em 0;
}

.retour {
    font-size: 0.7rem;
}

/**********************/
/* paragraphes divers */
/**********************/

/* menu principal d'accueil du site */
#menu-principal {
    margin: auto;
}
#menu-principal ul {
    font-size: 1.5em;
    text-align: center;
    display: flex;
    flex-direction: column;

}
#menu-principal ul li {
    display: inline-block;
    flex: 1 1 90%;
    margin-bottom: 15px;
}
#menu-principal ul li a {
    display: inline-block;
    margin: 0.5em;
    padding: 0.3em;
    border: outset 3px var(--outset-color);
    background: #dcf;
    width: 17em;
}

.index li {
    margin: 0.8em 0 0.8em 0;
}

/********************/
/* listes d'onglets */
/********************/

.notebook-tab {
    font-size: 1.7em;
    flex-wrap: wrap;
}

.notebook-tab li {
    flex: 0 1 40%;
    margin: 5% 15px;
    border : 7px outset #9EA0A1;
    padding-bottom: 5px;
    margin-bottom: -2px;
}
.notebook-tab li.active
{
    border : 7px inset #9EA0A1;
    padding-bottom: 5px;
    margin-bottom: -2px;
}


/**************************************/
/* les styles des listes de lectures */
/**************************************/

.auteur-lecture {
    cursor: pointer;
    font-size: 1.5em;
}



/**************************************/
/* les styles des blocs de méditation */
/**************************************/

.sujet_meditation {
    font-size: 2em;
    font-weight: bold;
    color: #200;
}
.details_meditation {
    font-size: 1.4em;
}
.taille_meditation {
    font-size: 1.4em;
}
.telecharger_meditation {
    float: none;
    display: block;
    text-align: center;
}
.details_meditation img {
    height: 96px;
    vertical-align: middle;
}
.telecharger_meditation img {
    height: 96px;
    vertical-align: middle;
}
.fichier_meditation audio {
    width: 90%;
    height: 80px;
    display: block;
    vertical-align: middle;
    font-size: 3em;
}
.pointille_meditation {
    border: none;
}

/**************************************/
/* les styles des blocs de lectures */
/**************************************/

.sujet_lecture {
    font-size: 2em;
    font-weight: bold;
    color: #200;
}
.details_lecture {
    font-size: 1.4em;
}
.taille_lecture {
    font-size: 1.4em;
}
.telecharger_lecture {
    float: none;
    display: block;
    text-align: center;
}
.details_lecture img {
    height: 96px;
    vertical-align: middle;
}
.telecharger_lecture img {
    height: 96px;
    vertical-align: middle;
}
.fichier_lecture audio {
    width: 90%;
    height: 80px;
    display: block;
    vertical-align: middle;
}
.pointille_lecture {
    border: none;
}