/* Compléments au thème Q2 de l'AGC : formulaires éditables (customform), puis rendu Q3 */
.q-form [hidden] { display: none !important; }
.q-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.q-form .alert ul a { color: inherit; text-decoration: underline; }
.q-form .fieldset .help-block { margin-top: 5px; }

/* Pied de page mobile : le Q2 intercalait un bloc masqué entre les panneaux, d'où aucun écart */
.footer-black .panel-group .panel + .panel { margin-top: 0; }
/* Images des blocs texte : sous 768 px, le Q2 les servait à une largeur plafonnée par bloc */
@media (max-width: 767px) {
  .textimg_images img[style*="--max-width"] { max-width: min(100%, var(--max-width)); }
}
/* Logo dès 1200 px : posé à 40 px, il dépassait de 12 px sous l'en-tête blanc, et restait visible en haut de
   l'écran quand l'en-tête glisse hors champ (bogue du thème Q2). Seul l'en-tête transparent de l'accueil, en
   haut de page, garde ses 40 px alignés sur le menu. */
@media (min-width: 1200px) {
  .navbar-fixed-top .navbar-header .navbar-brand img { margin-top: 26px; }
  .with-header-background .navbar-fixed-top:not(.slide--up):not(.navbar--nav-white) .navbar-header .navbar-brand img { margin-top: 40px; }
}
/* Première section d'une page sans marge « sous en-tête » (Comité, Conseil, Commissions, Adhésion) :
   sur le Q2, son titre était collé à l'en-tête fixe, et caché dessous en mobile. Même marge que les autres pages. */
#main_content > .content:first-child > .section.with-medium-padding { padding-top: 100px; }
@media (min-width: 768px) {
  #main_content > .content:first-child > .section.with-medium-padding { padding-top: 125px; }
}
@media (min-width: 992px) {
  #main_content > .content:first-child > .section.with-medium-padding { padding-top: 200px; }
}
/* Médiathèque en mobile : 70 px de marge pour un en-tête de 71 px, titre collé (Q2). Même écart que les autres pages. */
@media (max-width: 767px) {
  #main_content > .content:first-child > .section.with-small-header-padding { padding-top: 100px; }
}
/* Police « slick » : le thème Q2 la déclare sur des fichiers absents (404, déjà sur le Q2). Les flèches sont
   des traits CSS, aucun glyphe ne s'en sert : police par défaut, plus aucune requête. */
.slick-next:before, .slick-prev:before, .slick-dots li button:before { font-family: inherit; }