/*
 * Pages de texte long : conditions generales, mentions legales,
 * confidentialite. Meme charte que le reste du site — fond noir, Times,
 * #C8D2DA — mais une colonne etroite et un interligne genereux, parce que
 * personne ne lit des conditions generales sur toute la largeur d'un ecran.
 */

.legal {
    max-width: 46rem;
    margin: 2.5rem auto 4rem;
    padding: 0 1.5rem;
    color: #C8D2DA;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.05rem;
    line-height: 1.7;
}

.legal h1 {
    font-size: 1.9rem;
    font-weight: normal;
    margin: 0 0 .3rem;
}

.legal .legal-maj {
    font-size: .85rem;
    opacity: .6;
    margin: 0 0 2.5rem;
}

.legal h2 {
    font-size: 1.25rem;
    font-weight: normal;
    margin: 2.6rem 0 .8rem;
    padding-bottom: .35rem;
    border-bottom: 1px solid rgba(200, 210, 218, .22);
}

.legal h3 {
    font-size: 1.05rem;
    font-weight: bold;
    margin: 1.8rem 0 .5rem;
}

.legal p,
.legal li { margin: 0 0 .9rem; }

.legal ul { padding-left: 1.4rem; }

.legal a { color: rgb(120, 165, 235); }

/* Coordonnees, tarifs : de petits blocs qu'on vient consulter, pas lire. */
.legal-encadre {
    border: 1px solid rgba(200, 210, 218, .25);
    padding: 1.1rem 1.4rem;
    margin: 1.2rem 0 1.8rem;
    line-height: 1.6;
}

.legal-encadre p:last-child { margin-bottom: 0; }

/* Le point qui engage l'acheteur : il ne doit pas se lire en diagonale. */
.legal-appui {
    border-left: 3px solid rgb(80, 130, 220);
    padding: .6rem 0 .6rem 1.1rem;
    margin: 1.2rem 0;
}

.legal-sommaire {
    margin: 0 0 2.5rem;
    padding: 0;
    list-style: none;
    font-size: .95rem;
}

.legal-sommaire li { margin: 0 0 .35rem; }

.legal-pied {
    margin-top: 3.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(200, 210, 218, .22);
    font-size: .9rem;
    opacity: .75;
}

@media (max-width: 640px) {
    .legal { font-size: 1rem; margin-top: 1.5rem; }
    .legal h1 { font-size: 1.5rem; }
}