/* Fond continu réservé au lecteur personnel des plongées. */
html.plongee-perso-page,
body.plongee-perso-page {
    min-height: 100%;
    background:
        radial-gradient(circle at 18% 28%, rgba(255, 255, 255, .07) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 62%, rgba(255, 255, 255, .055) 0 2px, transparent 3px),
        linear-gradient(to bottom,
            #f1efe5 0%,
            #e7efed 15%,
            #bdd6d5 31%,
            #72a8ad 47%,
            #317d8b 63%,
            #0c5970 79%,
            #043b53 100%) fixed !important;
    background-size: 520px 520px, 680px 680px, cover !important;
}

/* Les grandes zones laissent voir le même fond ; leurs composants gardent
   leurs propres couleurs et leur lisibilité. */
body.plongee-perso-page .article-backlinks,
body.plongee-perso-page .menu-rapide,
body.plongee-perso-page .extFooter,
body.plongee-perso-page .extFooter[class*="cid-"],
body.plongee-perso-page .extFooter .footer-lower,
body.plongee-perso-page .extFooter #creativecommons {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Le rail doit conserver toute la largeur disponible : sa colonne de filtres
   fait 560 px sur grand écran et ne doit jamais écraser les miniatures. */
body.plongee-perso-page .rail-layout {
    width: 100%;
}

body.plongee-perso-page .rail-item img {
    width: 100%;
}