.pageContent{max-width:1000px;margin:0 auto;padding:2rem}.pageContent h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.cartographie-image{border-radius:12px;width:100%;height:auto;margin:1.5rem auto;display:block;box-shadow:0 4px 20px #00000040}.cartographie-contenu{margin-top:2rem;line-height:1.8}.cartographie-contenu h2{margin-top:2rem;margin-bottom:1rem;font-size:1.8rem}.cartographie-section h2,.cartographie-contenu h2{color:#f5f5f5;font-weight:700}.cartographie-contenu p{margin-bottom:1rem}.cartographie-section p,.cartographie-contenu p{color:#d0d0d0}.cartographie-section{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem}.cartographie-section h2{margin-bottom:1rem;font-size:1.8rem}.cartographie-section p{margin-top:1rem;line-height:1.8}.chapitres{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.carte{background:#161616;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .25s;display:flex}.carte:hover{border-color:#8f0e0e;transform:translateY(-4px);box-shadow:0 10px 30px #00000059}.carte h2{color:#f5f5f5;margin-bottom:1rem}.carte p{color:#d0d0d0;line-height:1.6}.carte span{color:#ff4d4d;font-weight:600}.comments{border-top:1px solid #ffffff26;margin-top:4rem;padding-top:2rem}.comment{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.comment strong{margin-bottom:.5rem;display:block}.comments form{flex-direction:column;gap:1rem;display:flex}.comments input,.comments textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:.8rem}.comments textarea{resize:vertical;min-height:120px}.comments button{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;width:fit-content;padding:.8rem 1.5rem;transition:all .25s}.comments button:hover{background:#c62828}.comment small{opacity:.7;margin-top:.25rem;margin-bottom:.75rem;font-size:.85rem;display:block}.comment-note{opacity:.7;margin-top:1rem;font-size:.9rem}.comment-success{color:#4caf50;margin-top:1rem;font-weight:600}@media (max-width:768px){.pageContent{padding:1rem}.pageContent h1{text-align:center;font-size:2rem}.cartographie-section h2,.cartographie-contenu h2{font-size:1.4rem}.cartographie-section p,.cartographie-contenu p{font-size:1rem;line-height:1.7}.cartographie-image{border-radius:8px;margin:1rem 0}.chapitres{grid-template-columns:1fr;gap:1rem}.carte{padding:1.25rem}}.comments input:focus,.comments textarea:focus{border-color:#e53935;outline:none;box-shadow:0 0 0 2px #e5393533}.comments button{width:100%}