/* Complement local : responsive, menu horizontal et pied en 3 colonnes */
*, *::before, *::after { box-sizing: border-box; }
img, iframe, video, table { max-width: 100%; }
img { height: auto; }
#maitre { width: auto; max-width: 760px; }
#gauche { float: none; width: auto; max-width: 760px; }
#gauche2 { width: auto; }
#contenu { width: auto; }
.banniere-top, .pub-large { max-width: 100%; }

#menu-horizontal { clear: both; margin: 0 0 12px 0; }
#menu-horizontal ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
#menu-horizontal li { float: none; width: auto; margin: 0 14px 6px 0; }
#menu-horizontal li a { text-decoration: none; font-weight: bold; }

.pied-ajoute { width: auto; max-width: 760px; margin: 24px auto 0 auto; padding: 18px 10px; clear: both; border-top: 1px solid #ccc; }
.pied-3col { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 28px; width: 760px; max-width: 100%; margin-left: auto; margin-right: auto; }
.pied-col { flex: 1 1 240px; min-width: 0; }
.pied-col > *:first-child { margin-top: 0; }
.pied-col h3 { font-size: 1.05em; margin: 0 0 8px 0; }
.pied-col p { margin: 0 0 8px 0; }
@media screen and (max-width: 760px) { .pied-col { flex: 1 1 100%; } }