/* Vitrine_PageArticle.css - styles de la page vitrine, repris de la maquette. */
/* Les polices communes aux quatre pages vivent dans Vitrine_Fonts.css. */

/* Filet : les feuilles de page sont chargées APRÈS, et une règle de classe
   (display:flex, display:grid…) bat [hidden] sans le !important. Le gabarit
   vitrine ne charge pas site.css, qui porte ce filet pour le reste du site. */
[hidden]{display:none!important;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;}
::selection{background:#2388be;color:#fff;}
a{color:#2388be;}
a:hover{color:#1c7099;}
@keyframes ar-aurora1{0%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,26px) scale(1.14);}100%{transform:translate(0,0) scale(1);}}
@keyframes ar-aurora2{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-38px,18px) scale(.93);}100%{transform:translate(0,0) scale(1);}}
@keyframes ar-pulse{0%{transform:scale(1);opacity:1;}70%{transform:scale(2.6);opacity:0;}100%{transform:scale(2.6);opacity:0;}}
header nav a{white-space:nowrap;}
@media (max-width:1080px){ a[data-navlink]{display:none !important;} }
@media (max-width:900px){
  [data-stack]{grid-template-columns:1fr !important;}
  [data-body]{font-size:17px !important;}
}

/* Corps d'article : le HTML vient de l'éditeur (assaini à l'écriture), on ne peut pas y
   poser de classe. Un tableau plus large que l'écran (quatre colonnes font 470 px sur un
   écran de 375) défile dans son enveloppe .ar-table-scroll, posée par Vitrine_PageArticle.js,
   au lieu de faire défiler toute la page de côté ; une image ne dépasse jamais la colonne. */
article img{max-width:100%;height:auto;}
article pre{overflow-x:auto;}
.ar-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:1.4em 0;}
.ar-table-scroll > table{margin:0 !important;}

/* Téléphone (375 px de référence) : titre de 46 px sur cinq lignes, retraits de 28 px. */
@media (max-width:600px){
  h1{font-size:34px !important;}
  section,article{padding-left:16px !important;padding-right:16px !important;}
  footer img{height:72px !important;}
}