/* Sommaire illustré de la rubrique Histoire, sans modifier les autres pages. */
#histoire-accueil header .hp-site-logo{box-sizing:border-box}
.hp-histoire-sommaire{max-width:1080px;margin:36px auto 28px;padding:0 18px;box-sizing:border-box}
.hp-histoire-sommaire>h2{font:400 25px/1.4 "Cantata One",Georgia,serif;color:#a82b00;margin:0;text-align:center;padding:0 0 8px}
.hp-histoire-sommaire .hp-histoire-repere{text-align:center;text-align-last:center;display:block;box-sizing:border-box;width:100%;margin:0 auto 24px;font-size:15px;color:#6c625b}
.hp-histoire-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hp-histoire-grille .hp-histoire-carte{display:block;min-width:0;padding:12px 12px 0;border:1px solid #d9d0c8;background:#fff;box-sizing:border-box;color:#444;text-decoration:none;text-align:left;transition:border-color .2s,background-color .2s}
.hp-histoire-illustration{display:flex;align-items:center;justify-content:center;height:190px;padding:8px;background:#f7f4ee;box-sizing:border-box}
.hp-histoire-carte .hp-histoire-illustration img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;padding:0;border:0;object-fit:contain;box-sizing:border-box}
.hp-histoire-numero{display:block;margin:12px 0 5px;font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#75675c}
.hp-histoire-carte h3{margin:0;padding:0;min-height:2.2em;border:0;font:400 18px/1.4 "Cantata One",Georgia,serif;color:#a82b00;text-align:left;clear:none}
.hp-histoire-grille .hp-histoire-carte:hover{background:#fcfaf6;border-color:#a82b00;text-decoration:none}
.hp-histoire-carte:hover h3{text-decoration:underline;text-underline-offset:4px}
.hp-histoire-grille .hp-histoire-carte:focus-visible{outline:3px solid #0083c1;outline-offset:3px}
@media(max-width:820px){.hp-histoire-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hp-histoire-illustration{height:180px}}
@media(max-width:520px){.hp-histoire-sommaire{padding:0 16px;margin-top:28px}.hp-histoire-sommaire>h2{font-size:22px}.hp-histoire-grille{grid-template-columns:minmax(0,1fr);gap:18px}.hp-histoire-illustration{height:190px}.hp-histoire-carte h3{min-height:0;font-size:19px}.hp-histoire-sommaire .hp-histoire-repere{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hp-histoire-grille .hp-histoire-carte{transition:none}}

/* Sous-menu chronologique commun aux versions française et anglaise. */
.hp-histoire-page header .hp-site-logo{box-sizing:border-box}
.hp-histoire-page .main .legendephoto{max-width:100%;box-sizing:border-box}
.hp-histoire-page .main .legendephoto img{display:block;max-width:100%;height:auto;box-sizing:border-box;margin:0 auto 4px}
.hp-histoire-page .main p{overflow-wrap:break-word}
.hp-histoire-navigation{clear:both;max-width:1044px;box-sizing:border-box;margin:30px auto 20px;padding:18px 22px;border-top:2px solid #a82b00;border-bottom:1px solid #d9d0c8;background:#faf7f2;font:15px/1.5 Raleway,Arial,sans-serif;color:#51483f}
.hp-histoire-navigation-titre{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}
.hp-histoire-navigation .hp-histoire-navigation-titre h2{margin:0;padding:0;text-align:left;font:400 20px/1.4 "Cantata One",Georgia,serif;color:#a82b00;clear:none}
.hp-histoire-navigation-titre>span{font:13px/1.4 Arial,sans-serif;color:#75675c}
.hp-histoire-parcours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;padding:12px 0;margin-bottom:8px;border-bottom:1px solid #dfd6cb}
.hp-histoire-parcours>a{padding:5px 0;color:#a82b00;font-size:14px;text-decoration:none}
.hp-histoire-parcours>a:nth-child(2){text-align:center}.hp-histoire-parcours>a:last-child{text-align:right}
.hp-histoire-parcours>a:hover{text-decoration:underline;text-underline-offset:3px}
.hp-histoire-details>summary{cursor:pointer;padding:8px 0;color:#6b4532;font-size:15px}
.hp-histoire-details ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 15px;margin:12px 0 0;padding:0;list-style:none}
.hp-histoire-details li{margin:0;padding:0;min-width:0}
.hp-histoire-details li>a{display:flex;align-items:baseline;gap:9px;min-height:42px;box-sizing:border-box;padding:7px 8px;color:#51483f;font:14px/1.4 Raleway,Arial,sans-serif;text-decoration:none;border:1px solid transparent}
.hp-histoire-menu-numero{flex:0 0 22px;color:#8b7b6a;font:12px/1.4 Arial,sans-serif}
.hp-histoire-details li>a:hover{background:#f0e9de;color:#a82b00}
.hp-histoire-details li>a[aria-current=page]{background:#eee3d5;border-color:#d7c4ae;color:#8e2f0c;font-weight:600}
.hp-histoire-navigation a:focus-visible,.hp-histoire-details>summary:focus-visible{outline:2px solid #0083c1;outline-offset:2px}
@media(max-width:820px){.hp-histoire-details ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hp-histoire-navigation{padding:16px;margin:25px 10px 18px}.hp-histoire-parcours{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-histoire-parcours .hp-histoire-retour{order:-1;grid-column:1/-1;text-align:left}.hp-histoire-details ol{grid-template-columns:minmax(0,1fr)}}

@media(max-width:600px){.hp-histoire-page .main .legendephoto{float:none!important;clear:both;width:auto!important;margin:16px auto}.hp-histoire-page .main img.right,.hp-histoire-page .main img.left{float:none!important;display:block;max-width:100%;height:auto;box-sizing:border-box;margin:16px auto}}

/* Illustrations intégrées à la colonne de lecture des chapitres. */
.hp-histoire-page:not(#histoire-accueil) .main{display:flow-root;max-width:1000px;margin:24px auto;padding:0 20px;box-sizing:border-box}
.hp-histoire-page:not(#histoire-accueil) .main>p{max-width:none;margin:0 0 18px;padding:0;line-height:1.6}
.hp-histoire-page:not(#histoire-accueil) .main .legendephoto{width:38%!important;max-width:420px;margin:4px 0 18px 24px;box-sizing:border-box}
.hp-histoire-page:not(#histoire-accueil) .main .legendephoto.left,.hp-histoire-page:not(#histoire-accueil) .main .legendephoto[style*="float:left"]{margin:4px 24px 18px 0}
.hp-histoire-page:not(#histoire-accueil) .main .legendephoto img{float:none!important;margin:0 auto 6px;max-width:100%;height:auto}
.hp-histoire-page:not(#histoire-accueil) .main img.right,.hp-histoire-page:not(#histoire-accueil) .main img.left{max-width:42%;height:auto;margin:4px 0 18px 24px;box-sizing:border-box}
.hp-histoire-page:not(#histoire-accueil) .main img.left{margin:4px 24px 18px 0}
.hp-histoire-page:not(#histoire-accueil) .main .legendephoto img.right{max-width:100%;margin:0 auto 6px}
.hp-histoire-page:not(#histoire-accueil) .main p.sources-histoire{clear:both}
@media(max-width:700px){
.hp-histoire-page:not(#histoire-accueil) .main .legendephoto{float:none!important;clear:both;width:auto!important;max-width:100%;margin:18px auto}
.hp-histoire-page:not(#histoire-accueil) .main img.right,.hp-histoire-page:not(#histoire-accueil) .main img.left{float:none!important;display:block;max-width:100%;margin:18px auto}
}

.hp-histoire-page .hp-histoire-texte-image{display:flow-root;margin:0 0 24px}.hp-histoire-page .hp-histoire-texte-image>p{font-size:16px;color:#666;line-height:1.6;margin:0 0 18px}
