/* Classes utilitaires du site.
 *
 * Reprises telles quelles de ATOMIC_CSS (support.js:1231), que le runtime x-dc
 * injectait dans un <style> a l'execution des qu'il rencontrait
 * <helmet data-dc-atomics>. Le markup s'en sert sur toutes les pages (.fx, .ac,
 * .gap24, .posrel, .ohide...) alors qu'elles n'existaient dans aucun .css :
 * supprimer le runtime sans les recuperer casse notamment l'espacement de la
 * navigation, qui repose sur .fx + .gap24.
 *
 * Chargee en dernier, apres styles.css et le CSS de page, pour reproduire
 * l'ordre d'origine : le <style> injecte arrivait apres tous les <link>, et
 * l'emportait donc a specificite egale.
 *
 * A ne pas modifier pour styliser : ce fichier est un portage a l'identique.
 * Note : .wrap est defini ici en flex-wrap alors que styles.css l'utilise comme
 * conteneur centre. Les deux coexistaient deja, la collision est conservee.
 */

/* layout */
.fx {
  display: flex;
}
.col {
  display: flex;
  flex-direction: column;
}
.grid {
  display: grid;
}
.ac {
  align-items: center;
}
.jc {
  justify-content: center;
}
.jb {
  justify-content: space-between;
}
.f1 {
  flex: 1;
}
.noshrink {
  flex-shrink: 0;
}
.wrap {
  flex-wrap: wrap;
}

/* typographie */
.fw5 {
  font-weight: 500;
}
.fw6 {
  font-weight: 600;
}
.fw7 {
  font-weight: 700;
}
.fw8 {
  font-weight: 800;
}
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.upper {
  text-transform: uppercase;
}
.tc {
  text-align: center;
}
.nowrap {
  white-space: nowrap;
}

/* espacements */
.gap8 {
  gap: 8px;
}
.gap10 {
  gap: 10px;
}
.gap12 {
  gap: 12px;
}
.gap16 {
  gap: 16px;
}
.gap24 {
  gap: 24px;
}
.m0 {
  margin: 0;
}
.mt8 {
  margin-top: 8px;
}
.mt12 {
  margin-top: 12px;
}
.mt16 {
  margin-top: 16px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb16 {
  margin-bottom: 16px;
}

/* divers */
.posrel {
  position: relative;
}
.posabs {
  position: absolute;
}
.round {
  border-radius: 50%;
}
.ohide {
  overflow: hidden;
}
.bbox {
  box-sizing: border-box;
}
.pointer {
  cursor: pointer;
}
.w100 {
  width: 100%;
}
.b0 {
  border: none;
}