/* ==========================================================================
   BASE — remplace le socle que fournissait Divi
   ==========================================================================
   Les CSS du thème enfant ont été écrits par-dessus la base de Divi : reset,
   typographie, marges des titres et des paragraphes. Sans elle, les réglages
   fins ne tombent plus juste — par exemple .fiche-grid__titre { margin-bottom:
   -5px }, qui compense la marge basse du h1.

   MÉTHODE — ces valeurs ne sont pas relevées dans les feuilles de Divi, mais
   dans la cascade réellement appliquée à une page de production : les 70 Ko de
   CSS que WP Rocket écrit en clair dans la page. Divi déclare souvent une
   valeur que le personnalisateur écrase ensuite ; seule la dernière compte.
   Exemples : le corps passe de « Open Sans » à Arial, l'interligne de 1.7em à
   1.4em, les liens de #2ea3f2 à #05668d, les titres de la graisse 500 à gras.
   ========================================================================== */

/* ──────────────────────────────────────────
   Reset — extrait de celui de Divi, limité
   aux éléments réellement employés
   ────────────────────────────────────────── */

a, b, blockquote, body, div, em, figure, figcaption, form, h1, h2, h3, h4, h5, h6,
html, i, iframe, img, label, li, ol, p, section, span, strong, sub, sup,
table, tbody, td, th, thead, tr, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ol, ul {
    list-style: none;
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* ──────────────────────────────────────────
   Typographie
   ────────────────────────────────────────── */

body {
    /* Le personnalisateur impose Arial : « Open Sans » que déclare Divi
       n'a jamais été chargé et n'est de toute façon plus appliqué. */
    font-family: "Arial", Helvetica, Arial, Lucida, sans-serif;
    /* 15 px, pas les 14 px de Divi : le personnalisateur agrandit le corps. */
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 500;
    color: #666;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
    color: #333;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p {
    padding-bottom: 1em;
}

/* Le dernier paragraphe d'un conteneur ne porte pas ce retrait : c'est lui qui
   cale l'espace sous le fil d'Ariane, sous l'introduction et sous les
   difficultés. Sans cette règle, chaque bloc gagne une ligne de trop. */
p:not(.has-background):last-of-type {
    padding-bottom: 0;
}

blockquote p {
    padding-bottom: 0;
}

a {
    color: #05668d;
    text-decoration: none;
}

strong, b { font-weight: 700; }
em, i     { font-style: italic; }

blockquote {
    margin: 20px 0 30px;
    border-left: 5px solid #2ea3f2;
    padding-left: 20px;
}

img {
    max-width: 100%;
    height: auto;
}

/* ──────────────────────────────────────────
   Listes du contenu éditorial
   ────────────────────────────────────────── */

/* Divi retire les puces partout, puis les rétablit sur .et-l--header,
   .et-l--body et .et-l--footer, c'est-à-dire la page entière : en-tête et pied
   de page compris. D'où le line-height de 26 px dont hérite le menu, et sur
   lequel repose la hauteur de ses entrées. */
ul {
    list-style-type: disc;
    padding: 0 0 23px 1em;
    line-height: 26px;
}

ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0 0 23px;
    line-height: 26px;
}