/* Galerie et pied de page partagés par les pages detail/fr/*.html */
#pied-commun-toiles {clear:both; margin-top:42px;}
.autres-toiles {border-top:1px solid #ddd; padding-top:26px;}
.autres-toiles h2 {font-size:24px; margin:0 0 22px; color:#242424;}
.toiles-grille {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;}
.tuile-toile {display:block; text-decoration:none; color:#333; border:1px solid #e3e3e3; border-radius:10px; overflow:hidden; background:#fafafa; transition:box-shadow .2s;}
.tuile-toile:hover,.tuile-toile:focus-visible {box-shadow:0 5px 18px rgba(0,0,0,.15);}
.tuile-toile img {display:block; width:100%; aspect-ratio:3/2; object-fit:contain; background:#111;}
.tuile-toile span {display:block; padding:10px 8px; text-align:center; font-size:14px; line-height:1.35;}
.pied-toiles {margin-top:38px; padding:28px; background:#f5f5f5; border-radius:12px;}
.pied-toiles h2 {font-size:22px; margin:0 0 16px;}
.pied-toiles p {font-size:16px; line-height:1.7; margin:0 0 14px;}
.pied-toiles .citation-toiles {font-style:italic;}
.liens-toiles {display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.liens-toiles a {display:inline-block; padding:13px 18px; background:#111; color:#fff; border-radius:8px; text-decoration:none; font-size:15px;}
.liens-toiles a:hover {background:#333;}
@media(max-width:800px) {.toiles-grille {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:520px) {.toiles-grille {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .pied-toiles {padding:20px;} .liens-toiles a {width:100%; text-align:center;}}