@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap");

/* Police machine à écrire */
.machine {
  font-family: "Courier Prime", monospace;
}

/* Format de base */
HTML {
  margin: 0;
  padding: 0;
  font-size: var(--base-font-size);
}

.larg-max {
  max-width: 1989px;
  min-width: 200px;
  width: 100%;
  margin: auto;
}

h1 {
  color: #030303;
  font-size: 2em;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  /* padding-bottom: 10px; */
}

.sticky {
  position: sticky;
  top: 0px;
  z-index: 1;
}

/* Fin Format de base */

/* Définition des variables utilisées par le CSS */
:root {
  /* Taille de la police root */
  --base-font-size: 16px; /* ou bien 100% */

  /* gris */
  --coul-gris-fond: #f5f5f5;
  --coul-gris-zebre: #e1e1e1;
  --coul-gris-tres-tres-clair: #e8e8e8;
  --coul-gris-tres-clair: #d3d3d3;
  --coul-gris-clair: #a9a9a9;
  --coul-gris: #808080;
  --coul-gris-sombre: #696969;
  --coul-gris-tres-sombre: #383838;

  /* marron */
  --coul-marron-tres-tres-clair: #ece9e7;
  --coul-marron-zebre: #e6e1e0;
  --coul-marron-tres-clair: #e2d4cf;
  --coul-marron-clair: #cfb7af;
  --coul-marron: #9e7061;
  --coul-marron-sombre: #503830;
  --coul-marron-tres-sombre: #30211d;

  /* rouge */
  --coul-rouge-tres-tres-clair: #ffeeee;
  --coul-rouge-zebre: #fbdddd;
  --coul-rouge-tres-clair: #ffdbdb;
  --coul-rouge-clair: #ffb3b3;
  --coul-rouge: #ff0000;
  --coul-rouge-sombre: #800000;
  --coul-rouge-tres-sombre: #4d0000;

  /* orange */
  --coul-orange-tres-tres-clair: #fff1e6;
  --coul-orange-zebre: #fcdecc;
  --coul-orange-tres-clair: #ffd6b3;
  --coul-orange-clair: #ffbb80;
  --coul-orange: #ff7800;
  --coul-orange-sombre: #803c00;
  --coul-orange-tres-sombre: #4d2400;

  /* jaune */
  --coul-jaune-tres-tres-clair: #fff7e6;
  --coul-jaune-zebre: #ffebd0;
  --coul-jaune-tres-clair: #ffe8b3;
  --coul-jaune-clair: #ffd980;
  --coul-jaune: #ffb400;
  --coul-jaune-sombre: #805900;
  --coul-jaune-tres-sombre: #4d3600;

  /* vert */
  --coul-vert-tres-tres-clair: #f2f7e7;
  --coul-vert-zebre: #edf2d6;
  --coul-vert-tres-clair: #dfebc7;
  --coul-vert-clair: #c9dda1;
  --coul-vert: #67832f;
  --coul-vert-sombre: #4a5e22;
  --coul-vert-tres-sombre: #2c3814;
  --coul-vert-fluo: #08f714;

  /* gris_bleu */
  --coul-gris_bleu-tres-tres-clair: #e7f5f1;
  --coul-gris_bleu-zebre: #dcefee;
  --coul-gris_bleu-tres-clair: #cde5df;
  --coul-gris_bleu-clair: #abd3c9;
  --coul-gris_bleu: #437e6f;
  --coul-gris_bleu-sombre: #2c544a;
  --coul-gris_bleu-tres-sombre: #1a322c;

  /* bleu-logo */
  --coul-bleu-logo: rgb(0, 123, 194);

  /* bleu */
  --coul-bleu-tres-tres-clair: #e4f4fa;
  --coul-bleu-zebre: #d3f0fe;
  --coul-bleu-tres-clair: #beeefd;
  --coul-bleu-clair: #8be2ff;
  --coul-bleu: #2b90b1;
  --coul-bleu-sombre: #0a637e;
  --coul-bleu-tres-sombre: #033141;

  /* bleu ORIGINE*/
  /* --coul-bleu-zebre: #d2e0e8;
  --coul-bleu-tres-tres-clair: #ebf4f9;
  --coul-bleu-tres-clair: #c4dfed;
  --coul-bleu-clair: #9dcae2;
  --coul-bleu: #84bcda;
  --coul-bleu-sombre: #296889;
  --coul-bleu-tres-sombre: #122c3b; */

  /* bleu_roi */
  --coul-bleu_roi-tres-tres-clair: #e9f1fc;
  --coul-bleu_roi-zebre: rgb(221, 236, 253);
  --coul-bleu_roi-tres-clair: rgb(188, 214, 245);
  --coul-bleu_roi-clair: rgb(143, 186, 239);
  --coul-bleu_roi: #1a5fb4;
  --coul-bleu_roi-sombre: #103b70;
  --coul-bleu_roi-tres-sombre: #0a2343;

  /* mauve */
  --coul-mauve-tres-tres-clair: #f5eef6;
  --coul-mauve-zebre: #f3e4f3;
  --coul-mauve-tres-clair: #e0cde5;
  --coul-mauve-clair: #cbabd4;
  --coul-mauve: #7f498e;
  --coul-mauve-sombre: #4b2b54;
  --coul-mauve-tres-sombre: #2d1a32;

  /* rose */
  --coul-rose-tres-tres-clair: #ffe6f2;
  --coul-rose-zebre: #fedbf3;
  --coul-rose-tres-clair: #ffcce6;
  --coul-rose-clair: #ffb3d9;
  --coul-rose: #ff69b4;
  --coul-rose-sombre: #800040;
  --coul-rose-tres-sombre: #4d0026;
}
/* Fin des variables */

.fond_inv_gris,
.fond_inv_marron,
.fond_inv_rouge,
.fond_inv_jaune,
.fond_inv_bleu,
.fond_inv_vert,
.fond_inv_orange,
.fond_inv_gris_bleu,
.fond_inv_mauve,
.fond_inv_bleu_roi,
.fond_inv_rose {
  transition: background-color 0.4s ease-out;
}

.onglet_gris_0:hover,
.onglet_marron_0:hover,
.onglet_rouge_0:hover,
.onglet_jaune_0:hover,
.onglet_bleu_0:hover,
.onglet_vert_0:hover,
.onglet_orange_0:hover,
.onglet_gris_bleu_0:hover,
.onglet_mauve_0:hover,
.onglet_bleu_roi_0:hover,
.onglet_rose_0:hover {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  transition: all 0.3s ease-in-out;
}

.ombre {
  box-shadow: 8px 8px 12px #e4e5e6;
}

/* couleur de fond de page */
.couleur_fond {
  background-color: var(--coul-gris-fond);
}

/* gris - header - footer */
/* .fond_gris {
  background-color: rgb(207, 216, 220);
} */
/* 
.fond_gris_clair {
  background-color: rgb(234, 241, 245);
} */

/* blanc */
.blanc {
  color: white;
}

.fond_blanc {
  background-color: white !important;
}

/* noir */
.noir {
  color: black;
}

.tab_zebre > div:nth-of-type(odd) {
  background-color: rgb(234, 241, 245);
}

/* gris */
.menu_vignette_titre-gris:hover {
  outline: solid var(--coul-gris);
}

.bout_vide-gris {
  color: var(--coul-gris);
  background: transparent !important;
  border: 1px solid var(--coul-gris);
  border-radius: 0.3rem;
}

.bout_vide-gris:hover {
  color: white;
  background: var(--coul-gris) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-gris:active {
  border: 1px solid var(--coul-gris-sombre);
  background: var(--coul-gris-sombre) !important;
}

.bout_gris {
  color: black;
  background: linear-gradient(var(--coul-gris-sombre), var(--coul-gris-clair));
  border: 1px solid var(--coul-gris);
}

.bout_gris:hover {
  color: white;
  background: linear-gradient(var(--coul-gris-clair), var(--coul-gris-sombre));
}

.bout_gris:active,
.gris-ts {
  color: var(--coul-gris-tres-sombre);
}

.bord_gris {
  border: 1px solid var(--coul-gris);
}

.bord-md_gris {
  border: none;
}

.cadre_titre_gris {
  background-color: var(--coul-gris);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_gris {
  background-image: linear-gradient(
    to right,
    var(--coul-gris),
    var(--coul-gris-clair),
    var(--coul-gris),
    var(--coul-gris-sombre)
  );
  color: var(--coul-gris-tres-sombre);
}

.fond-md_gris-c,
.fond-md_gris-tc,
.fond-md_gris-ttc {
  background-color: transparent;
}

.fond_gris,
.fond_gris_survol:hover {
  background-color: var(--coul-gris) !important;
}

.fond_gris-c,
.fond_gris-c_survol:hover {
  background-color: var(--coul-gris-clair) !important;
}

.fond_gris-tc,
.fond_gris-tc_survol:hover {
  background-color: var(--coul-gris-tres-clair) !important;
}

.fond_gris-ttc,
.fond_gris-ttc_survol:hover {
  background-color: var(--coul-gris-tres-tres-clair) !important;
}

.fond_gris-s,
.fond_gris-s_survol:hover {
  background-color: var(--coul-gris-sombre) !important;
}

.fond_gris-ts,
.fond_gris-ts_survol:hover {
  background-color: var(--coul-gris-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_gris-c {
    background-color: var(--coul-gris-clair);
  }

  .fond-md_gris-tc {
    background-color: var(--coul-gris-tres-clair);
  }

  .fond-md_gris-ttc {
    background-color: var(--coul-gris-tres-tres-clair);
  }
  .bord-md_gris {
    border: 1px solid var(--coul-gris);
  }
  .fond_inv_vignette_gris:hover {
    background-color: var(--coul-gris-tres-tres-clair);
    color: var(--coul-gris) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_gris:active {
    transform: none !important;
  }
}

.fond_inv_vignette_gris:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_gris:hover {
  background-color: var(--coul-gris-tres-tres-clair);
  color: var(--coul-gris) !important;
}

.gris,
.menu_gris a:hover,
.menu_gris li:hover,
.bout_agenda_gris span {
  color: var(--coul-gris) !important;
}

.onglet_gris_0 {
  background: var(--coul-gris);
  border-bottom: 2px solid var(--coul-gris);
  color: white;
}

.onglet_gris_1 {
  background-color: var(--coul-gris-tres-clair);
  border-bottom: 2px solid var(--coul-gris-tres-clair);
  padding-bottom: 4px;
}

.onglet_gris_accueil {
  border-top: 1px solid var(--coul-gris-clair);
}

.onglet_gris_accueil:hover {
  background: var(--coul-gris);
}

.fond_gris-z,
.tab_zebre_gris > div:nth-of-type(odd) {
  background: var(--coul-gris-zebre);
}

.ombre-gris {
  box-shadow: 5px 5px 10px 3px var(--coul-gris-tres-sombre);
}
/* 
.tableau_utile_gris {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-gris);
  border-collapse: collapse;
}

.tableau_utile_gris td {
  height: 40px;
  margin: 0 auto;
  border: 2px solid var(--coul-gris);
  border-collapse: collapse;
} */

/* marron */
.menu_vignette_titre-marron:hover {
  outline: solid var(--coul-marron);
}

.bout_vide-marron {
  color: var(--coul-marron);
  background: transparent !important;
  border: 1px solid var(--coul-marron);
  border-radius: 0.3rem;
}

.bout_vide-marron:hover {
  color: white;
  background: var(--coul-marron) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-marron:active {
  border: 1px solid var(--coul-marron-sombre);
  background: var(--coul-marron-sombre) !important;
}

.bout_marron {
  color: var(--coul-marron-tres-sombre);
  background: linear-gradient(var(--coul-marron), var(--coul-marron-clair));
  border: 1px solid var(--coul-marron-sombre);
}

.bout_marron:hover {
  color: white;
  background: linear-gradient(var(--coul-marron-clair), var(--coul-marron));
}

.bout_marron:active,
.marron-ts {
  color: var(--coul-marron-tres-sombre);
}

.bord_marron {
  border: 1px solid var(--coul-marron);
}

.bord-md_marron {
  border: none;
}

.cadre_titre_marron {
  background-color: var(--coul-marron);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_marron {
  background-image: linear-gradient(
    to right,
    var(--coul-marron),
    var(--coul-marron-clair),
    var(--coul-marron),
    var(--coul-marron-sombre)
  );
  color: var(--coul-marron-tres-sombre);
}

.fond-md_marron-c,
.fond-md_marron-tc,
.fond-md_marron-ttc {
  background-color: transparent;
}

.fond_marron,
.fond_marron_survol:hover {
  background-color: var(--coul-marron) !important;
}

.fond_marron-c,
.fond_marron-c_survol:hover {
  background-color: var(--coul-marron-clair) !important;
}

.fond_marron-tc,
.fond_marron-tc_survol:hover {
  background-color: var(--coul-marron-tres-clair) !important;
}

.fond_marron-ttc,
.fond_marron-ttc_survol:hover {
  background-color: var(--coul-marron-tres-tres-clair) !important;
}

.fond_marron-s,
.fond_marron-s_survol:hover {
  background-color: var(--coul-marron-sombre) !important;
}

.fond_marron-ts,
.fond_marron-ts_survol:hover {
  background-color: var(--coul-marron-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_marron-c {
    background-color: var(--coul-marron-clair) !important;
  }

  .fond-md_marron-tc {
    background-color: var(--coul-marron-tres-clair) !important;
  }

  .fond-md_marron-ttc {
    background-color: var(--coul-marron-tres-tres-clair) !important;
  }
  .bord-md_marron {
    border: 1px solid var(--coul-marron);
  }
  .fond_inv_vignette_marron:hover {
    background-color: var(--coul-marron-tres-tres-clair);
    color: var(--coul-marron) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_marron:active {
    transform: none !important;
  }
}

.fond_inv_vignette_marron:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_marron:hover {
  background-color: var(--coul-marron-tres-tres-clair);
  color: var(--coul-marron) !important;
}

.marron,
.menu_marron a:hover,
.menu_marron li:hover,
.bout_agenda_marron span {
  color: var(--coul-marron) !important;
}

.onglet_marron_0 {
  background: var(--coul-marron);
  border-bottom: 2px solid var(--coul-marron);
  color: white;
}

.onglet_marron_1 {
  background-color: var(--coul-marron-tres-clair);
  border-bottom: 2px solid var(--coul-marron-tres-clair);
  padding-bottom: 4px;
}

.onglet_marron_accueil {
  border-top: 1px solid var(--coul-marron-clair);
}

.onglet_marron_accueil:hover {
  background: var(--coul-marron);
}

.fond_marron-z,
.tab_zebre_marron > div:nth-of-type(odd) {
  background: var(--coul-marron-zebre);
}

.ombre-marron {
  box-shadow: 5px 5px 10px 3px var(--coul-marron-tres-sombre);
}

/* 
.tableau_utile_marron {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-marron);
  border-collapse: collapse;
}

.tableau_utile_marron td {
  height: 40px;
  border: 1px solid var(--coul-marron);
} */

/* rouge */
.menu_vignette_titre-rouge:hover {
  outline: solid var(--coul-rouge);
}

.bout_vide-rouge {
  color: var(--coul-rouge);
  background: transparent !important;
  border: 1px solid var(--coul-rouge);
  border-radius: 0.3rem;
}

.bout_vide-rouge:hover {
  color: white;
  background: var(--coul-rouge) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-rouge:active {
  border: 1px solid var(--coul-rouge-sombre);
  background: var(--coul-rouge-sombre) !important;
}

.bout_rouge {
  color: var(--coul-rouge-tres-sombre);
  background: linear-gradient(var(--coul-rouge), var(--coul-rouge-clair));
  border: 1px solid var(--coul-rouge-sombre);
}

.bout_rouge:hover {
  color: white;
  background: linear-gradient(var(--coul-rouge-clair), var(--coul-rouge));
}

.bout_rouge:active,
.rouge-ts {
  color: var(--coul-rouge-tres-sombre);
}

.survol-btn-rouge {
  color: var(--coul-rouge);
  background: transparent;
}

.survol-btn-rouge:hover {
  color: white;
  background: var(--coul-rouge);
}

.bord_rouge {
  border: 1px solid var(--coul-rouge);
}

.bord-md_rouge {
  border: none;
}

.cadre_titre_rouge {
  background-color: var(--coul-rouge);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_rouge {
  background-image: linear-gradient(
    to right,
    var(--coul-rouge),
    var(--coul-rouge-clair),
    var(--coul-rouge),
    var(--coul-rouge-sombre)
  );
  color: var(--coul-rouge-tres-sombre);
}

.fond-md_rouge-c,
.fond-md_rouge-tc,
.fond-md_rouge-ttc {
  background-color: transparent;
}

.fond_rouge,
.fond_rouge_survol:hover {
  background-color: var(--coul-rouge) !important;
}

.fond_rouge-c,
.fond_rouge-c_survol:hover {
  background-color: var(--coul-rouge-clair) !important;
}

.fond_rouge-tc,
.fond_rouge-tc_survol:hover {
  background-color: var(--coul-rouge-tres-clair) !important;
}

.fond_rouge-ttc,
.fond_rouge-ttc_survol:hover {
  background-color: var(--coul-rouge-tres-tres-clair) !important;
}

.fond_rouge-s,
.fond_rouge-s_survol:hover {
  background-color: var(--coul-rouge-sombre) !important;
}

.fond_rouge-ts,
.fond_rouge-ts_survol:hover {
  background-color: var(--coul-rouge-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_rouge-c {
    background-color: var(--coul-rouge-clair) !important;
  }

  .fond-md_rouge-tc {
    background-color: var(--coul-rouge-tres-clair) !important;
  }

  .fond-md_rouge-ttc {
    background-color: var(--coul-rouge-tres-tres-clair) !important;
  }
  .bord-md_rouge {
    border: 1px solid var(--coul-rouge);
  }
  .fond_inv_vignette_rouge:hover {
    background-color: var(--coul-rouge-tres-tres-clair);
    color: var(--coul-rouge) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_rouge:active {
    transform: none !important;
  }
}

.fond_inv_vignette_rouge:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_rouge:hover {
  background-color: var(--coul-rouge-tres-tres-clair);
  color: var(--coul-rouge) !important;
}

.rouge,
.menu_rouge a:hover,
.menu_rouge li:hover,
.bout_agenda_rouge span {
  color: var(--coul-rouge) !important;
}

.onglet_rouge_0 {
  background: var(--coul-rouge);
  border-bottom: 2px solid var(--coul-rouge);
  color: white;
}

.onglet_rouge_1 {
  background-color: var(--coul-rouge-tres-clair);
  border-bottom: 2px solid var(--coul-rouge-tres-clair);
  padding-bottom: 4px;
}

.onglet_rouge_accueil {
  border-top: 1px solid var(--coul-rouge-clair);
}

.onglet_rouge_accueil:hover {
  background: var(--coul-rouge);
}

.fond_rouge-z,
.tab_zebre_rouge > div:nth-of-type(odd) {
  background: var(--coul-rouge-zebre);
}

.ombre-rouge {
  box-shadow: 5px 5px 10px 3px var(--coul-rouge-tres-sombre);
}
/* 
.tableau_utile_rouge {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-rouge);
  border-collapse: collapse;
}

.tableau_utile_rouge td {
  height: 40px;
  border: 1px solid var(--coul-rouge);
} */

.inso_text a {
  font-weight: bold !important;
  color: var(--coul-rouge) !important;
}

.inso_text a:hover {
  color: var(--coul-rouge-sombre) !important;
}

/* orange */
.menu_vignette_titre-orange:hover {
  outline: solid var(--coul-orange);
}

.bout_vide-orange {
  color: var(--coul-orange);
  background: transparent !important;
  border: 1px solid var(--coul-orange);
  border-radius: 0.3rem;
}

.bout_vide-orange:hover {
  color: white;
  background: var(--coul-orange) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-orange:active {
  border: 1px solid var(--coul-orange-sombre);
  background: var(--coul-orange-sombre) !important;
}

.bout_orange {
  color: var(--coul-orange-tres-sombre);
  background: linear-gradient(var(--coul-orange), var(--coul-orange-clair));
  border: 1px solid var(--coul-orange-sombre);
}

.bout_orange:hover {
  color: white;
  background: linear-gradient(var(--coul-orange-clair), var(--coul-orange));
}

.bout_orange:active,
.orange-ts {
  color: var(--coul-orange-tres-sombre);
}

.bord_orange {
  border: 1px solid var(--coul-orange);
}

.bord-md_orange {
  border: none;
}

.cadre_titre_orange {
  background-color: var(--coul-orange);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_orange {
  background-image: linear-gradient(
    to right,
    var(--coul-orange),
    var(--coul-orange-clair),
    var(--coul-orange),
    var(--coul-orange-sombre)
  );
  color: var(--coul-orange-tres-sombre);
}

.fond-md_orange-c,
.fond-md_orange-tc,
.fond-md_oranges-ttc {
  background-color: transparent;
}

.fond_orange,
.fond_orange_survol:hover {
  background-color: var(--coul-orange) !important;
}

.fond_orange-c,
.fond_orange-c_survol:hover {
  background-color: var(--coul-orange-clair) !important;
}

.fond_orange-tc,
.fond_orange-tc_survol:hover {
  background-color: var(--coul-orange-tres-clair) !important;
}

.fond_orange-ttc,
.fond_orange-ttc_survol:hover {
  background-color: var(--coul-orange-tres-tres-clair) !important;
}

.fond_orange-s,
.fond_orange-s_survol:hover {
  background-color: var(--coul-orange-sombre) !important;
}

.fond_orange-ts,
.fond_orange-ts_survol:hover {
  background-color: var(--coul-orange-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_orange-c {
    background-color: var(--coul-orange-clair) !important;
  }

  .fond-md_orange-tc {
    background-color: var(--coul-orange-tres-clair) !important;
  }

  .fond-md_orange-ttc {
    background-color: var(--coul-orange-tres-tres-clair) !important;
  }

  .bord-md_orange {
    border: 1px solid var(--coul-orange);
  }

  .fond_inv_vignette_orange:hover {
    background-color: var(--coul-orange-tres-tres-clair);
    color: var(--coul-orange) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_orange:active {
    transform: none !important;
  }
}

.fond_inv_vignette_orange:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_orange:hover {
  background-color: var(--coul-orange-tres-tres-clair);
  color: var(--coul-orange) !important;
}

.orange,
.menu_orange a:hover,
.menu_orange li:hover,
.bout_agenda_orange span {
  color: var(--coul-orange) !important;
}

.onglet_orange_0 {
  background: var(--coul-orange);
  border-bottom: 2px solid var(--coul-orange);
  color: white;
}

.onglet_orange_1 {
  background-color: var(--coul-orange-tres-clair);
  border-bottom: 2px solid var(--coul-orange-tres-clair);
  padding-bottom: 4px;
}

.onglet_orange_accueil {
  border-top: 1px solid var(--coul-orange-clair);
}

.onglet_orange_accueil:hover {
  background: var(--coul-orange);
}

.fond_orange-z,
.tab_zebre_orange > div:nth-of-type(odd) {
  background: var(--coul-orange-zebre);
}

.ombre-orange {
  box-shadow: 5px 5px 10px 3px var(--coul-orange-tres-sombre);
}
/* 
.tableau_utile_orange {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-orange);
  border-collapse: collapse;
}

.tableau_utile_orange td {
  height: 40px;
  border: 1px solid var(--coul-orange);
} */

/* jaune */
.menu_vignette_titre-jaune:hover {
  outline: solid var(--coul-jaune);
}

.bout_vide-jaune {
  color: var(--coul-jaune);
  background: transparent !important;
  border: 1px solid var(--coul-jaune);
  border-radius: 0.3rem;
}

.bout_vide-jaune:hover {
  color: white;
  background: var(--coul-jaune) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-jaune:active {
  border: 1px solid var(--coul-jaune-sombre);
  background: var(--coul-jaune-sombre) !important;
}

.bout_jaune {
  color: var(--coul-jaune-tres-sombre);
  background: linear-gradient(var(--coul-jaune), var(--coul-jaune-clair));
  border: 1px solid var(--coul-jaune-sombre);
}

.bout_jaune:hover {
  color: white;
  background: linear-gradient(var(--coul-jaune-clair), var(--coul-jaune));
}

.bout_jaune:active,
.jaune-ts {
  color: var(--coul-jaune-tres-sombre);
}

.bord_jaune {
  border: 1px solid var(--coul-jaune);
}

.bord-md_jaune {
  border: none;
}

.cadre_titre_jaune {
  background-color: var(--coul-jaune);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_jaune {
  background-image: linear-gradient(
    to right,
    var(--coul-jaune),
    var(--coul-jaune-clair),
    var(--coul-jaune),
    var(--coul-jaune-sombre)
  );
  color: var(--coul-jaune-tres-sombre);
}

.fond-md_jaune-c,
.fond-md_jaune-tc,
.fond-md_jaune-ttc {
  background-color: transparent;
}

.fond_jaune,
.fond_jaune_survol:hover {
  background-color: var(--coul-jaune) !important;
}

.fond_jaune-c,
.fond_jaune-c_survol:hover {
  background-color: var(--coul-jaune-clair) !important;
}

.fond_jaune-tc,
.fond_jaune-tc_survol:hover {
  background-color: var(--coul-jaune-tres-clair) !important;
}

.fond_jaune-ttc,
.fond_jaune-ttc_survol:hover {
  background-color: var(--coul-jaune-tres-tres-clair) !important;
}

.fond_jaune-s,
.fond_jaune-s_survol:hover {
  background-color: var(--coul-jaune-sombre) !important;
}

.fond_jaune-ts,
.fond_jaune-ts_survol:hover {
  background-color: var(--coul-jaune-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_jaune-c {
    background-color: var(--coul-jaune-clair) !important;
  }

  .fond-md_jaune-tc {
    background-color: var(--coul-jaune-tres-clair) !important;
  }

  .fond-md_jaune-ttc {
    background-color: var(--coul-jaune-tres-tres-clair) !important;
  }

  .bord-md_jaune {
    border: 1px solid var(--coul-jaune);
  }
  .fond_inv_vignette_jaune:hover {
    background-color: var(--coul-jaune-tres-tres-clair);
    color: var(--coul-jaune) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_jaune:active {
    transform: none !important;
  }
}

.fond_inv_vignette_jaune:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_jaune:hover {
  background-color: var(--coul-jaune-tres-tres-clair) !important;
  color: var(--coul-jaune) !important;
}

.jaune,
.menu_jaune a:hover,
.menu_jaune li:hover,
.bout_agenda_jaune span {
  color: var(--coul-jaune) !important;
}

.onglet_jaune_0 {
  background: var(--coul-jaune);
  border-bottom: 2px solid var(--coul-jaune);
  color: white;
}

.onglet_jaune_1 {
  background-color: var(--coul-jaune-tres-clair);
  border-bottom: 2px solid var(--coul-jaune-tres-clair);
  padding-bottom: 4px;
}

.onglet_jaune_accueil {
  border-top: 1px solid var(--coul-jaune-clair);
}

.onglet_jaune_accueil:hover {
  background: var(--coul-jaune);
}

.fond_jaune-z,
.tab_zebre_jaune > div:nth-of-type(odd) {
  background: var(--coul-jaune-zebre);
}

.ombre-jaune {
  box-shadow: 5px 5px 10px 3px var(--coul-jaune-tres-sombre);
}
/* 
.tableau_utile_jaune {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-jaune);
  border-collapse: collapse;
}

.tableau_utile_jaune td {
  height: 40px;
  border: 1px solid var(--coul-jaune);
} */

/* vert */
.menu_vignette_titre-vert:hover {
  outline: solid var(--coul-vert);
  color: var(--coul-vert);
}

.bout_vide-vert-fluo {
  color: var(--coul-vert-fluo);
  background: var(--coul-vert-tres-tres-clair) !important;
  border: 1px solid var(--coul-vert-fluo);
  border-radius: 0.3rem;
}

.bout_vide-vert-fluo:hover {
  color: white;
  background: var(--coul-vert-fluo) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-vert-fluo:active {
  border: 1px solid var(--coul-vert-sombre);
  background: var(--coul-vert-sombre) !important;
}

.bout_vide-vert {
  color: var(--coul-vert);
  background: transparent !important;
  border: 1px solid var(--coul-vert);
  border-radius: 0.3rem;
}

.bout_vide-vert:hover {
  color: white;
  background: var(--coul-vert) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-vert:active {
  border: 1px solid var(--coul-vert-sombre);
  background: var(--coul-vert-sombre) !important;
}

.bout_vert {
  color: var(--coul-vert-tres-sombre);
  background: linear-gradient(var(--coul-vert), var(--coul-vert-clair));
  border: 1px solid var(--coul-vert-sombre);
}

.bout_vert:hover {
  color: white;
  background: linear-gradient(var(--coul-vert-clair), var(--coul-vert));
}

.bout_vert:active,
.vert-ts {
  color: var(--coul-vert-tres-sombre);
}

.survol-btn-vert {
  color: var(--coul-vert);
  background: transparent;
}

.survol-btn-vert:hover {
  color: white;
  background: var(--coul-vert);
}

.bord_vert {
  border: 1px solid var(--coul-vert);
}

.bord-md_vert {
  border: none;
}

.cadre_titre_vert {
  background-color: var(--coul-vert);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_vert {
  background-image: linear-gradient(
    to right,
    var(--coul-vert),
    var(--coul-vert-clair),
    var(--coul-vert),
    var(--coul-vert-sombre)
  );
  color: var(--coul-vert-tres-sombre);
}

.fond-md_vert-c,
.fond-md_vert-tc,
.fond-md_vert-ttc {
  background-color: transparent;
}

.fond_vert,
.fond_vert_survol:hover {
  background-color: var(--coul-vert) !important;
}

.fond_vert-fluo {
  background-color: var(--coul-vert-fluo) !important;
}

.fond_vert-c,
.fond_vert-c_survol:hover {
  background-color: var(--coul-vert-clair) !important;
}

.fond_vert-tc,
.fond_vert-tc_survol:hover {
  background-color: var(--coul-vert-tres-clair) !important;
}

.fond_vert-ttc,
.fond_vert-ttc_survol:hover {
  background-color: var(--coul-vert-tres-tres-clair) !important;
}

.fond_vert-s,
.fond_vert-s_survol:hover {
  background-color: var(--coul-vert-sombre) !important;
}

.fond_vert-ts,
.fond_vert-ts_survol:hover {
  background-color: var(--coul-vert-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_vert-c {
    background-color: var(--coul-vert-clair) !important;
  }

  .fond-md_vert-tc {
    background-color: var(--coul-vert-tres-clair) !important;
  }

  .fond-md_vert-ttc {
    background-color: var(--coul-vert-tres-tres-clair) !important;
  }

  .bord-md_vert {
    border: 1px solid var(--coul-vert);
  }
  .fond_inv_vignette_vert:hover {
    background-color: var(--coul-vert-tres-tres-clair);
    color: var(--coul-vert) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_vert:active {
    transform: none !important;
  }
}

.fond_inv_vignette_vert:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_vert:hover {
  background-color: var(--coul-vert-tres-tres-clair);
  color: var(--coul-vert) !important;
}

.vert,
.menu_vert a:hover,
.menu_vert li:hover,
.bout_agenda_vert span {
  color: var(--coul-vert) !important;
}

.onglet_vert_0 {
  background: var(--coul-vert);
  border-bottom: 2px solid var(--coul-vert);
  color: white;
}

.onglet_vert_1 {
  background-color: var(--coul-vert-tres-clair);
  border-bottom: 2px solid var(--coul-vert-tres-clair);
  padding-bottom: 4px;
}

.onglet_vert_accueil {
  border-top: 1px solid var(--coul-vert-clair);
}

.onglet_vert_accueil:hover {
  background: var(--coul-vert);
}

.fond_vert-z,
.tab_zebre_vert > div:nth-of-type(odd) {
  background: var(--coul-vert-zebre);
}

.ombre-vert {
  box-shadow: 5px 5px 10px 3px var(--coul-vert-tres-sombre);
}
/* 
.tableau_utile_vert {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-vert);
  border-collapse: collapse;
}

.tableau_utile_vert td {
  height: 40px;
  border: 1px solid var(--coul-vert);
} */

/* gris_bleu */
.menu_vignette_titre-gris_bleu:hover {
  outline: solid var(--coul-gris_bleu);
}

.bout_vide-gris_bleu {
  color: var(--coul-gris_bleu);
  background: transparent !important;
  border: 1px solid var(--coul-gris_bleu);
  border-radius: 0.3rem;
}

.bout_vide-gris_bleu:hover {
  color: white;
  background: var(--coul-gris_bleu) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-gris_bleu:active {
  border: 1px solid var(--coul-gris_bleu-sombre);
  background: var(--coul-gris_bleu-sombre) !important;
}

.bout_gris_bleu {
  color: black;
  background: linear-gradient(
    var(--coul-gris_bleu-sombre),
    var(--coul-gris_bleu-clair)
  );
  border: 1px solid var(--coul-gris_bleu);
}

.bout_gris_bleu:hover {
  color: white;
  background: linear-gradient(
    var(--coul-gris_bleu-clair),
    var(--coul-gris_bleu-sombre)
  );
}

.bout_gris_bleu:active,
.gris_bleu-ts {
  color: var(--coul-gris_bleu-tres-sombre);
}

.bord_gris_bleu {
  border: 1px solid var(--coul-gris_bleu);
}

.bord-md_gris_bleu {
  border: none;
}

.cadre_titre_gris_bleu {
  background-color: var(--coul-gris_bleu);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_gris_bleu {
  background-image: linear-gradient(
    to right,
    var(--coul-gris_bleu),
    var(--coul-gris_bleu-clair),
    var(--coul-gris_bleu),
    var(--coul-gris_bleu-sombre)
  );
  color: var(--coul-gris_bleu-tres-sombre);
}

.fond-md_gris_bleu-c,
.fond-md_gris_bleu-tc,
.fond-md_gris_bleu-ttc {
  background-color: transparent;
}

.fond_gris_bleu,
.fond_gris_bleu_survol:hover {
  background-color: var(--coul-gris_bleu) !important;
}

.fond_gris_bleu-c,
.fond_gris_bleu-c_survol:hover {
  background-color: var(--coul-gris_bleu-clair) !important;
}

.fond_gris_bleu-tc,
.fond_gris_bleu-tc_survol:hover {
  background-color: var(--coul-gris_bleu-tres-clair) !important;
}

.fond_gris_bleu-ttc,
.fond_gris_bleu-ttc_survol:hover {
  background-color: var(--coul-gris_bleu-tres-tres-clair) !important;
}

.fond_gris_bleu-s,
.fond_gris_bleu-s_survol:hover {
  background-color: var(--coul-gris_bleu-sombre) !important;
}

.fond_gris_bleu-ts,
.fond_gris_bleu-ts_survol:hover {
  background-color: var(--coul-gris_bleu-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_gris_bleu-c {
    background-color: var(--coul-gris_bleu-clair) !important;
  }

  .fond-md_gris_bleu-tc {
    background-color: var(--coul-gris_bleu-tres-clair) !important;
  }

  .fond-md_gris_bleu-ttc {
    background-color: var(--coul-gris_bleu-tres-tres-clair) !important;
  }

  .bord-md_gris_bleu {
    border: 1px solid var(--coul-gris_bleu);
  }
  .fond_inv_vignette_gris_bleu:hover {
    background-color: var(--coul-gris_bleu-tres-tres-clair);
    color: var(--coul-gris_bleu) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_gris_bleu:active {
    transform: none !important;
  }
}

.fond_inv_vignette_gris_bleu:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_gris_bleu:hover {
  background-color: var(--coul-gris_bleu-tres-tres-clair);
  color: var(--coul-gris_bleu) !important;
}

.gris_bleu,
.menu_gris_bleu a:hover,
.menu_gris_bleu li:hover,
.bout_agenda_gris_bleu span {
  color: var(--coul-gris_bleu) !important;
}

.onglet_gris_bleu_0 {
  background: var(--coul-gris_bleu);
  border-bottom: 2px solid var(--coul-gris_bleu);
  color: white;
}

.onglet_gris_bleu_1 {
  background-color: var(--coul-gris_bleu-tres-clair);
  border-bottom: 2px solid var(--coul-gris_bleu-tres-clair);
  padding-bottom: 4px;
}

.onglet_gris_bleu_accueil {
  border-top: 1px solid var(--coul-gris_bleu-clair);
}

.onglet_gris_bleu_accueil:hover {
  background: var(--coul-gris_bleu);
}

.fond_gris_bleu-z,
.tab_zebre_gris_bleu > div:nth-of-type(odd) {
  background: var(--coul-gris_bleu-zebre);
}

.ombre-gris_bleu {
  box-shadow: 5px 5px 10px 3px var(--coul-gris_bleu-tres-sombre);
}
/* 
.tableau_utile_gris_bleu {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-gris_bleu);
  border-collapse: collapse;
}

.tableau_utile_gris_bleu td {
  height: 40px;
  margin: 0 auto;
  border: 2px solid var(--coul-gris_bleu);
  border-collapse: collapse;
} */

/* bleu-logo*/

.bleu-logo {
  color: var(--coul-bleu-logo);
}

.bord_bleu-logo {
  border: 1px solid var(--coul-bleu-logo);
}

/* bleu */
.menu_vignette_titre-bleu:hover {
  outline: solid var(--coul-bleu);
}

.bout_vide-bleu {
  color: var(--coul-bleu);
  background: transparent !important;
  border: 1px solid var(--coul-bleu);
  border-radius: 0.3rem;
}

.bout_vide-bleu:hover {
  color: white;
  background: var(--coul-bleu) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-bleu:active {
  border: 1px solid var(--coul-bleu-sombre);
  background: var(--coul-bleu-sombre) !important;
}

.bout_bleu,
.cadre_tri {
  color: var(--coul-bleu-tres-sombre);
  background: linear-gradient(var(--coul-bleu), var(--coul-bleu-clair));
  border: 1px solid var(--coul-bleu-sombre);
}

.bout_bleu:hover {
  color: white;
  background: linear-gradient(var(--coul-bleu-clair), var(--coul-bleu));
}

.bout_bleu:active,
.bleu-ts {
  color: var(--coul-bleu-tres-sombre);
}

.bord_bleu {
  border: 1px solid var(--coul-bleu);
}

.bord-md_bleu {
  border: none;
}

.cadre_titre_bleu {
  background-color: var(--coul-bleu);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_bleu {
  background-image: linear-gradient(
    to right,
    var(--coul-bleu),
    var(--coul-bleu-clair),
    var(--coul-bleu),
    var(--coul-bleu-sombre)
  );
  color: var(--coul-bleu-tres-sombre);
}

.fond-md_bleu-c,
.fond-md_bleu-tc,
.fond-md_bleu-ttc {
  background-color: transparent;
}

.fond_bleu,
.fond_bleu_survol:hover {
  background-color: var(--coul-bleu) !important;
}

.fond_bleu-c,
.fond_bleu-c_survol:hover {
  background-color: var(--coul-bleu-clair) !important;
}

.fond_bleu-tc,
.fond_bleu-tc_survol:hover {
  background-color: var(--coul-bleu-tres-clair) !important;
}

.fond_bleu-ttc,
.fond_bleu-ttc_survol:hover {
  background-color: var(--coul-bleu-tres-tres-clair) !important;
}

.fond_bleu-s,
.fond_bleu-s_survol:hover {
  background-color: var(--coul-bleu-sombre) !important;
}

.fond_bleu-ts,
.fond_bleu-ts_survol:hover {
  background-color: var(--coul-bleu-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_bleu-c {
    background-color: var(--coul-bleu-clair) !important;
  }

  .fond-md_bleu-tc {
    background-color: var(--coul-bleu-tres-clair) !important;
  }

  .fond-md_bleu-ttc {
    background-color: var(--coul-bleu-tres-tres-clair) !important;
  }

  .bord-md_bleu {
    border: 1px solid var(--coul-bleu);
  }
  .fond_inv_vignette_bleu:hover {
    background-color: var(--coul-bleu-tres-tres-clair);
    color: var(--coul-bleu) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_bleu:active {
    transform: none !important;
  }
}

.fond_inv_vignette_bleu:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_bleu:hover {
  background-color: var(--coul-bleu-tres-tres-clair);
  color: var(--coul-bleu) !important;
}

.bleu,
.menu_bleu a:hover,
.menu_bleu li:hover,
.bout_agenda_bleu span {
  color: var(--coul-bleu) !important;
}

.onglet_bleu_0 {
  background: var(--coul-bleu);
  border-bottom: 2px solid var(--coul-bleu);
  color: white;
}

.onglet_bleu_1 {
  background-color: var(--coul-bleu-tres-clair);
  border-bottom: 2px solid var(--coul-bleu-tres-clair);
  padding-bottom: 4px;
}

.onglet_bleu_accueil {
  border-top: 1px solid var(--coul-bleu-clair);
}

.onglet_bleu_accueil:hover {
  background: var(--coul-bleu);
}

.fond_bleu-z,
.tab_zebre_bleu > div:nth-of-type(odd) {
  background: var(--coul-bleu-zebre);
}

.ombre-bleu {
  box-shadow: 5px 5px 10px 3px var(--coul-bleu-tres-sombre);
}
/* 
.tableau_utile_bleu {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-bleu);
  border-collapse: collapse;
}

.tableau_utile_bleu td {
  height: 40px;
  border: 1px solid var(--coul-bleu);
} */

/* bleu_roi */
.menu_vignette_titre-bleu_roi:hover {
  outline: solid var(--coul-bleu_roi);
}

.bout_vide-bleu_roi {
  color: var(--coul-bleu_roi);
  background: transparent !important;
  border: 1px solid var(--coul-bleu_roi);
  border-radius: 0.3rem;
}

.bout_vide-bleu_roi:hover {
  color: white;
  background: var(--coul-bleu_roi) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-bleu_roi:active {
  border: 1px solid var(--coul-bleu_roi-sombre);
  background: var(--coul-bleu_roi-sombre) !important;
}

.bout_bleu_roi {
  color: black;
  background: linear-gradient(
    var(--coul-bleu_roi-sombre),
    var(--coul-bleu_roi-clair)
  );
  border: 1px solid var(--coul-bleu_roi);
}

.bout_bleu_roi:hover {
  color: white;
  background: linear-gradient(
    var(--coul-bleu_roi-clair),
    var(--coul-bleu_roi-sombre)
  );
}

.bout_bleu_roi:active,
.bleu_roi-ts {
  color: var(--coul-bleu_roi-tres-sombre);
}

.bord_bleu_roi {
  border: 1px solid var(--coul-bleu_roi);
}

.bord-md_bleu_roi {
  border: none;
}

.cadre_titre_bleu_roi {
  background-color: var(--coul-bleu_roi);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_bleu_roi {
  background-image: linear-gradient(
    to right,
    var(--coul-bleu_roi),
    var(--coul-bleu_roi-clair),
    var(--coul-bleu_roi),
    var(--coul-bleu_roi-sombre)
  );
  color: var(--coul-bleu_roi-tres-sombre);
}

.fond-md_bleu_roi-c,
.fond-md_bleu_roi-tc,
.fond-md_bleu_roi-ttc {
  background-color: transparent;
}

.fond_bleu_roi,
.fond_bleu_roi_survol:hover {
  background-color: var(--coul-bleu_roi) !important;
}

.fond_bleu_roi-c,
.fond_bleu_roi-c_survol:hover {
  background-color: var(--coul-bleu_roi-clair) !important;
}

.fond_bleu_roi-tc,
.fond_bleu_roi-tc_survol:hover {
  background-color: var(--coul-bleu_roi-tres-clair) !important;
}

.fond_bleu_roi-ttc,
.fond_bleu_roi-ttc_survol:hover {
  background-color: var(--coul-bleu_roi-tres-tres-clair);
}

.fond_bleu_roi-s,
.fond_bleu_roi-s_survol:hover {
  background-color: var(--coul-bleu_roi-sombre) !important;
}

.fond_bleu_roi-ts,
.fond_bleu_roi-ts_survol:hover {
  background-color: var(--coul-bleu_roi-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_bleu_roi-c {
    background-color: var(--coul-bleu_roi-clair) !important;
  }

  .fond-md_bleu_roi-tc {
    background-color: var(--coul-bleu_roi-tres-clair) !important;
  }

  .fond-md_bleu_roi-ttc {
    background-color: var(--coul-bleu_roi-tres-tres-clair);
  }

  .bord-md_bleu_roi {
    border: 1px solid var(--coul-bleu_roi);
  }
  .fond_inv_vignette_bleu_roi:hover {
    background-color: var(--coul-bleu_roi-tres-tres-clair);
    color: var(--coul-bleu_roi) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_bleu_roi:active {
    transform: none !important;
  }
}

.fond_inv_vignette_bleu_roi:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_bleu_roi:hover {
  background-color: var(--coul-bleu_roi-tres-tres-clair);
  color: var(--coul-bleu_roi) !important;
}

.bleu_roi,
.menu_bleu_roi a:hover,
.menu_bleu_roi li:hover,
.bout_agenda_bleu_roi span {
  color: var(--coul-bleu_roi) !important;
}

.onglet_bleu_roi_0 {
  background: var(--coul-bleu_roi);
  border-bottom: 2px solid var(--coul-bleu_roi);
  color: white;
}

.onglet_bleu_roi_1 {
  background-color: var(--coul-bleu_roi-tres-clair);
  border-bottom: 2px solid var(--coul-bleu_roi-tres-clair);
  padding-bottom: 4px;
}

.onglet_bleu_roi_accueil {
  border-top: 1px solid var(--coul-bleu_roi-clair);
}

.onglet_bleu_roi_accueil:hover {
  background: var(--coul-bleu_roi);
}

.fond_bleu_roi-z,
.tab_zebre_bleu_roi > div:nth-of-type(odd) {
  background: var(--coul-bleu_roi-zebre);
}

.ombre-bleu_roi {
  box-shadow: 5px 5px 10px 3px var(--coul-bleu_roi-tres-sombre);
}
/* 
.tableau_utile_bleu_roi {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-bleu_roi);
  border-collapse: collapse;
}

.tableau_utile_bleu_roi td {
  height: 40px;
  border: 1px solid var(--coul-bleu_roi);
} */

/* mauve */
.menu_vignette_titre-mauve:hover {
  outline: solid var(--coul-mauve);
}

.bout_vide-mauve {
  color: var(--coul-mauve);
  background: transparent !important;
  border: 1px solid var(--coul-mauve);
  border-radius: 0.3rem;
}

.bout_vide-mauve:hover {
  color: white;
  background: var(--coul-mauve) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-mauve:active {
  border: 1px solid var(--coul-mauve-sombre);
  background: var(--coul-mauve-sombre) !important;
}

.bout_mauve {
  color: black;
  background: linear-gradient(
    var(--coul-mauve-sombre),
    var(--coul-mauve-clair)
  );
  border: 1px solid var(--coul-mauve);
}

.bout_mauve:hover {
  color: white;
  background: linear-gradient(
    var(--coul-mauve-clair),
    var(--coul-mauve-sombre)
  );
}

.bout_mauve:active,
.mauve-ts {
  color: var(--coul-mauve-tres-sombre);
}

.bord_mauve {
  border: 1px solid var(--coul-mauve);
}

.bord-md_mauve {
  border: none;
}

.cadre_titre_mauve {
  background-color: var(--coul-mauve);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_mauve {
  background-image: linear-gradient(
    to right,
    var(--coul-mauve),
    var(--coul-mauve-clair),
    var(--coul-mauve),
    var(--coul-mauve-sombre)
  );
  color: var(--coul-mauve-tres-sombre);
}

.fond-md_mauve-c,
.fond-md_mauve-tc,
.fond-md_mauve-ttc {
  background-color: transparent;
}

.fond_mauve,
.fond_mauve_survol:hover {
  background-color: var(--coul-mauve) !important;
}

.fond_mauve-c,
.fond_mauve-c_survol:hover {
  background-color: var(--coul-mauve-clair) !important;
}

.fond_mauve-tc,
.fond_mauve-tc_survol:hover {
  background-color: var(--coul-mauve-tres-clair) !important;
}

.fond_mauve-ttc,
.fond_mauve-ttc_survol:hover {
  background-color: var(--coul-mauve-tres-tres-clair) !important;
}

.fond_mauve-s,
.fond_mauve-s_survol:hover {
  background-color: var(--coul-mauve-sombre) !important;
}

.fond_mauve-ts,
.fond_mauve-ts_survol:hover {
  background-color: var(--coul-mauve-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_mauve-c {
    background-color: var(--coul-mauve-clair) !important;
  }

  .fond-md_mauve-tc {
    background-color: var(--coul-mauve-tres-clair) !important;
  }

  .fond-md_mauve-ttc {
    background-color: var(--coul-mauve-tres-tres-clair) !important;
  }

  .bord-md_mauve {
    border: 1px solid var(--coul-mauve);
  }
  .fond_inv_vignette_mauve:hover {
    background-color: var(--coul-mauve-tres-tres-clair);
    color: var(--coul-mauve) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_mauve:active {
    transform: none !important;
  }
}
.fond_inv_vignette_mauve:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_mauve:hover {
  background-color: var(--coul-mauve-tres-tres-clair);
  color: var(--coul-mauve) !important;
}

.mauve,
.menu_mauve a:hover,
.menu_mauve li:hover,
.bout_agenda_mauve span {
  color: var(--coul-mauve) !important;
}

.onglet_mauve_0 {
  background: var(--coul-mauve);
  border-bottom: 2px solid var(--coul-mauve);
  color: white;
}

.onglet_mauve_1 {
  background-color: var(--coul-mauve-tres-clair);
  border-bottom: 2px solid var(--coul-mauve-tres-clair);
  padding-bottom: 4px;
}

.onglet_mauve_accueil {
  border-top: 1px solid var(--coul-mauve-clair);
}

.onglet_mauve_accueil:hover {
  background: var(--coul-mauve);
}

.fond_mauve-z,
.tab_zebre_mauve > div:nth-of-type(odd) {
  background: var(--coul-mauve-zebre);
}

.ombre-mauve {
  box-shadow: 5px 5px 10px 3px var(--coul-mauve-tres-sombre);
}
/* 
.tableau_utile_mauve td {
  height: 40px;
  border: 1px solid var(--coul-mauve);
}

.tableau_utile_mauve td {
  height: 40px;
  border: 1px solid var(--coul-mauve);
} */

/* rose */
.menu_vignette_titre-rose:hover {
  outline: solid var(--coul-rose);
}

.bout_vide-rose {
  color: var(--coul-rose);
  background: transparent !important;
  border: 1px solid var(--coul-rose);
  border-radius: 0.3rem;
}

.bout_vide-rose:hover {
  color: white;
  background: var(--coul-rose) !important;
  transition: all 0.3s ease-in-out !important;
}

.bout_vide-rose:active {
  border: 1px solid var(--coul-rose-sombre);
  background: var(--coul-rose-sombre) !important;
}

.bout_rose {
  color: var(--coul-rose-tres-sombre);
  background: linear-gradient(var(--coul-rose), var(--coul-rose-clair));
  border: 1px solid var(--coul-rose-sombre);
}

.bout_rose:hover {
  color: white;
  background: linear-gradient(var(--coul-rose-clair), var(--coul-rose));
}

.bout_rose:active,
.rose-ts {
  color: var(--coul-rose-tres-sombre);
}

.bord_rose {
  border: 1px solid var(--coul-rose);
}

.bord-md_rose {
  border: none;
}

.cadre_titre_rose {
  background-color: var(--coul-rose);
  color: white;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

.damier_rose {
  background-image: linear-gradient(
    to right,
    var(--coul-rose),
    var(--coul-rose-clair),
    var(--coul-rose),
    var(--coul-rose-sombre)
  );
  color: var(--coul-rose-tres-sombre);
}

.fond-md_rose-c,
.fond-md_rose-tc,
.fond-md_rose-ttc {
  background-color: transparent;
}

.fond_rose,
.fond_rose_survol:hover {
  background-color: var(--coul-rose) !important;
}

.fond_rose-c,
.fond_rose-c_survol:hover {
  background-color: var(--coul-rose-clair) !important;
}

.fond_rose-tc,
.fond_rose-tc_survol:hover {
  background-color: var(--coul-rose-tres-clair) !important;
}

.fond_rose-ttc,
.fond_rose-ttc_survol:hover {
  background-color: var(--coul-rose-tres-tres-clair) !important;
}

.fond_rose-s,
.fond_rose-s_survol:hover {
  background-color: var(--coul-rose-sombre) !important;
}

.fond_rose-ts,
.fond_rose-ts_survol:hover {
  background-color: var(--coul-rose-tres-sombre) !important;
}

@media only screen AND (min-width: 768px) {
  .fond-md_rose-c {
    background-color: var(--coul-rose-clair) !important;
  }

  .fond-md_rose-tc {
    background-color: var(--coul-rose-tres-clair) !important;
  }

  .fond-md_rose-ttc {
    background-color: var(--coul-rose-tres-tres-clair) !important;
  }

  .bord-md_rose {
    border: 1px solid var(--coul-rose);
  }
  .fond_inv_vignette_rose:hover {
    background-color: var(--coul-rose-tres-tres-clair);
    color: var(--coul-rose) !important;
    border-radius: 0.75rem;
  }
  .fond_inv_vignette_rose:active {
    transform: none !important;
  }
}

.fond_inv_vignette_rose:active {
  transform: scale(1.005, 1.005);
}

.fond_inv_rose:hover {
  background-color: var(--coul-rose-tres-tres-clair);
  color: var(--coul-rose) !important;
}

.rose,
.menu_rose a:hover,
.menu_rose li:hover,
.bout_agenda_rose span {
  color: var(--coul-rose) !important;
}

.onglet_rose_0 {
  background: var(--coul-rose);
  border-bottom: 2px solid var(--coul-rose);
  color: white;
}

.onglet_rose_1 {
  background-color: var(--coul-rose-tres-clair);
  border-bottom: 2px solid var(--coul-rose-tres-clair);
  padding-bottom: 4px;
}

.onglet_rose_accueil {
  border-top: 1px solid var(--coul-rose-clair);
}

.onglet_rose_accueil:hover {
  background: var(--coul-rose);
}

.fond_rose-z,
.tab_zebre_rose > div:nth-of-type(odd) {
  background: var(--coul-rose-zebre);
}

.ombre-rose {
  box-shadow: 5px 5px 10px 3px var(--coul-rose-tres-sombre);
}
/* 
.tableau_utile_rose {
  width: 100%;
  margin: 0 auto;
  border: 2px solid var(--coul-rose);
  border-collapse: collapse;
}

.tableau_utile_rose td {
  height: 40px;
  border: 1px solid var(--coul-rose);
} */

/*autres couleurs*/

.menu_texte,
.texte_footer {
  color: #4d4d4d;
}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/* Fin couleurs */
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/

/* Couleurs mélangées */
.session-cercle {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../vue/images/icones/arrow-right-circle.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1.5rem;
}

.session-cercle-gris:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-gris.svg");
}

.session-cercle-marron:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-marron.svg");
}

.session-cercle-rouge:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-rouge.svg");
}

.session-cercle-jaune:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-jaune.svg");
}

.session-cercle-bleu:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-bleu.svg");
}

.session-cercle-vert:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-vert.svg");
}

.session-cercle-orange:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-orange.svg");
}

.session-cercle-gris_bleu:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-gris_bleu.svg");
}

.session-cercle-mauve:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-mauve.svg");
}

.session-cercle-bleu_roi:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-bleu_roi.svg");
}

.session-cercle-rose:hover {
  background-image: url("../vue/images/icones/arrow-right-circle-fill-rose.svg");
}

.imagefleche {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../vue/images/icones/arrow-up-circle.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1.5rem;
}

.imagefleche-gris:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-gris.svg");
}

.imagefleche-marron:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-marron.svg");
}

.imagefleche-rouge:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-rouge.svg");
}

.imagefleche-orange:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-orange.svg");
}

.imagefleche-jaune:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-jaune.svg");
}

.imagefleche-vert:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-vert.svg");
}

.imagefleche-gris_bleu:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-gris_bleu.svg");
}

.imagefleche-bleu:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-bleu.svg");
}

.imagefleche-bleu_roi:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-bleu_roi.svg");
}

.imagefleche-mauve:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-mauve.svg");
}

.imagefleche-rose:hover {
  background-image: url("../vue/images/icones/arrow-up-circle-fill-rose.svg");
}

/* Fin couleurs mélangées */

/* Icônes colorées */
.ico-lien-play-gris,
.ico-lien-play-marron,
.ico-lien-play-rouge,
.ico-lien-play-orange,
.ico-lien-play-jaune,
.ico-lien-play-vert,
.ico-lien-play-gris_bleu,
.ico-lien-play-bleu,
.ico-lien-play-bleu_roi,
.ico-lien-play-mauve,
.ico-lien-play-rose {
  background-image: url("../vue/images/icones/play-btn.svg");
}

.ico-lien-play-gris:hover {
  background-image: url("../vue/images/icones/play-btn-fill-gris.svg");
}

.ico-lien-play-marron:hover {
  background-image: url("../vue/images/icones/play-btn-fill-marron.svg");
}

.ico-lien-play-rouge:hover {
  background-image: url("../vue/images/icones/play-btn-fill-rouge.svg");
}

.ico-lien-play-orange:hover {
  background-image: url("../vue/images/icones/play-btn-fill-orange.svg");
}

.ico-lien-play-jaune:hover {
  background-image: url("../vue/images/icones/play-btn-fill-jaune.svg");
}

.ico-lien-play-vert:hover {
  background-image: url("../vue/images/icones/play-btn-fill-vert.svg");
}

.ico-lien-play-gris_bleu:hover {
  background-image: url("../vue/images/icones/play-btn-fill-gris_bleu.svg");
}

.ico-lien-play-bleu:hover {
  background-image: url("../vue/images/icones/play-btn-fill-bleu.svg");
}

.ico-lien-play-bleu_roi:hover {
  background-image: url("../vue/images/icones/play-btn-fill-bleu_roi.svg");
}

.ico-lien-play-mauve:hover {
  background-image: url("../vue/images/icones/play-btn-fill-mauve.svg");
}

.ico-lien-play-rose:hover {
  background-image: url("../vue/images/icones/play-btn-fill-rose.svg");
}

.ico-lien-gal-gris,
.ico-lien-gal-marron,
.ico-lien-gal-rouge,
.ico-lien-gal-orange,
.ico-lien-gal-jaune,
.ico-lien-gal-vert,
.ico-lien-gal-gris_bleu,
.ico-lien-gal-bleu,
.ico-lien-gal-bleu_roi,
.ico-lien-gal-mauve,
.ico-lien-gal-rose {
  background-image: url("../vue/images/icones/galerie.svg");
}

.ico-lien-gal-gris:hover .lulu {
  background-color: var(--coul-gris);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-gris.svg");
}

.ico-lien-gal-marron:hover .lulu {
  background-color: var(--coul-marron);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-marron.svg");
}

.ico-lien-gal-rouge:hover .lulu {
  background-color: var(--coul-rouge);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-rouge.svg");
}

.ico-lien-gal-orange:hover .lulu {
  background-color: var(--coul-orange);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-orange.svg");
}

.ico-lien-gal-jaune:hover .lulu {
  background-color: var(--coul-jaune);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-jaune.svg");
}

.ico-lien-gal-vert:hover .lulu {
  background-color: var(--coul-vert);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-vert.svg");
}

.ico-lien-gal-gris_bleu:hover .lulu {
  background-color: var(--coul-gris_bleu);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-gris_bleu.svg");
}

.ico-lien-gal-bleu:hover .lulu {
  background-color: var(--coul-bleu);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-bleu.svg");
}

.ico-lien-gal-bleu_roi:hover .lulu {
  background-color: var(--coul-bleu_roi);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-bleu_roi.svg");
}

.ico-lien-gal-mauve:hover .lulu {
  background-color: var(--coul-mauve);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-mauve.svg");
}

.ico-lien-gal-rose:hover .lulu {
  background-color: var(--coul-rose);
  border-radius: 5px;
  background-image: url("../vue/images/icones/galerie-fill-rose.svg");
}

.ico-lien-add-gris,
.ico-lien-add-marron,
.ico-lien-add-rouge,
.ico-lien-add-orange,
.ico-lien-add-jaune,
.ico-lien-add-vert,
.ico-lien-add-gris_bleu,
.ico-lien-add-bleu,
.ico-lien-add-bleu_roi,
.ico-lien-add-mauve,
.ico-lien-add-rose {
  background-image: url("../vue/images/icones/file-earmark-plus.svg");
}

.ico-lien-add-gris:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-gris.svg");
}

.ico-lien-add-marron:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-marron.svg");
}

.ico-lien-add-rouge:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-rouge.svg");
}

.ico-lien-add-orange:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-orange.svg");
}

.ico-lien-add-jaune:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-jaune.svg");
}

.ico-lien-add-vert:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-vert.svg");
}

.ico-lien-add-gris_bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-gris_bleu.svg");
}

.ico-lien-add-bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-bleu.svg");
}

.ico-lien-add-bleu_roi:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-bleu_roi.svg");
}

.ico-lien-add-mauve:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-mauve.svg");
}

.ico-lien-add-rose:hover {
  background-image: url("../vue/images/icones/file-earmark-plus-fill-rose.svg");
}

.exclamation-triangle-gris,
.exclamation-triangle-marron,
.exclamation-triangle-rouge,
.exclamation-triangle-orange,
.exclamation-triangle-jaune,
.exclamation-triangle-vert,
.exclamation-triangle-gris_bleu,
.exclamation-triangle-bleu,
.exclamation-triangle-bleu_roi,
.exclamation-triangle-mauve,
.exclamation-triangle-rose {
  background-image: url("../vue/images/icones/exclamation-triangle.svg");
}

.exclamation-triangle-gris:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-gris.svg");
}

.exclamation-triangle-marron:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-marron.svg");
}

.exclamation-triangle-rouge:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-rouge.svg");
}

.exclamation-triangle-orange:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-orange.svg");
}

.exclamation-triangle-jaune:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-jaune.svg");
}

.exclamation-triangle-vert:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-vert.svg");
}

.exclamation-triangle-gris_bleu:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-gris_bleu.svg");
}

.exclamation-triangle-bleu:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-bleu.svg");
}

.exclamation-triangle-bleu_roi:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-bleu_roi.svg");
}

.exclamation-triangle-mauve:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-mauve.svg");
}

.exclamation-triangle-rose:hover {
  background-image: url("../vue/images/icones/exclamation-triangle-fill-rose.svg");
}

.ico-lien-any-gris,
.ico-lien-any-marron,
.ico-lien-any-rouge,
.ico-lien-any-orange,
.ico-lien-any-jaune,
.ico-lien-any-vert,
.ico-lien-any-gris_bleu,
.ico-lien-any-bleu,
.ico-lien-any-bleu_roi,
.ico-lien-any-mauve,
.ico-lien-any-rose {
  background-image: url("../vue/images/icones/file-earmark-arrow-down.svg");
}

.ico-lien-any-gris:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-gris.svg");
}

.ico-lien-any-marron:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-marron.svg");
}

.ico-lien-any-rouge:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-rouge.svg");
}

.ico-lien-any-orange:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-orange.svg");
}

.ico-lien-any-jaune:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-jaune.svg");
}

.ico-lien-any-vert:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-vert.svg");
}

.ico-lien-any-gris_bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-gris_bleu.svg");
}

.ico-lien-any-bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-bleu.svg");
}

.ico-lien-any-bleu_roi:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-bleu_roi.svg");
}

.ico-lien-any-mauve:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-mauve.svg");
}

.ico-lien-any-rose:hover {
  background-image: url("../vue/images/icones/file-earmark-arrow-down-fill-rose.svg");
}

.ico-lien-int-gris,
.ico-lien-int-marron,
.ico-lien-int-rouge,
.ico-lien-int-orange,
.ico-lien-int-jaune,
.ico-lien-int-vert,
.ico-lien-int-gris_bleu,
.ico-lien-int-bleu,
.ico-lien-int-bleu_roi,
.ico-lien-int-mauve,
.ico-lien-int-rose {
  background-image: url("../vue/images/icones/file-earmark-richtext.svg");
}

.ico-lien-int-gris:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-gris.svg");
}

.ico-lien-int-marron:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-marron.svg");
}

.ico-lien-int-rouge:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-rouge.svg");
}

.ico-lien-int-orange:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-orange.svg");
}

.ico-lien-int-jaune:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-jaune.svg");
}

.ico-lien-int-vert:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-vert.svg");
}

.ico-lien-int-gris_bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-gris_bleu.svg");
}

.ico-lien-int-bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-bleu.svg");
}

.ico-lien-int-bleu_roi:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-bleu_roi.svg");
}

.ico-lien-int-mauve:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-mauve.svg");
}

.ico-lien-int-rose:hover {
  background-image: url("../vue/images/icones/file-earmark-richtext-fill-rose.svg");
}

.ico-lien-ext-gris,
.ico-lien-ext-marron,
.ico-lien-ext-rouge,
.ico-lien-ext-orange,
.ico-lien-ext-jaune,
.ico-lien-ext-vert,
.ico-lien-ext-gris_bleu,
.ico-lien-ext-bleu,
.ico-lien-ext-bleu_roi,
.ico-lien-ext-mauve,
.ico-lien-ext-rose {
  background-image: url("../vue/images/icones/lien_absolu.svg");
}

.ico-lien-ext-gris:hover .lulu {
  background-color: var(--coul-gris);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-gris.svg"); */
}

.ico-lien-ext-marron:hover .lulu {
  background-color: var(--coul-marron);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-marron.svg"); */
}

.ico-lien-ext-rouge:hover .lulu {
  background-color: var(--coul-rouge);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-rouge.svg"); */
}

.ico-lien-ext-orange:hover .lulu {
  background-color: var(--coul-orange);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-orange.svg"); */
}

.ico-lien-ext-jaune:hover .lulu {
  background-color: var(--coul-jaune);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-jaune.svg"); */
}

.ico-lien-ext-vert:hover .lulu {
  background-color: var(--coul-vert);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-vert.svg"); */
}

.ico-lien-ext-gris_bleu:hover .lulu {
  background-color: var(--coul-gris_bleu);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-gris_bleu.svg"); */
}

.ico-lien-ext-bleu:hover .lulu {
  background-color: var(--coul-bleu);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-bleu.svg"); */
}

.ico-lien-ext-bleu_roi:hover .lulu {
  background-color: var(--coul-bleu_roi);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-bleu_roi.svg"); */
}

.ico-lien-ext-mauve:hover .lulu {
  background-color: var(--coul-mauve);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-mauve.svg"); */
}

.ico-lien-ext-rose:hover .lulu {
  background-color: var(--coul-rose);
  border-radius: 3px;
  background-image: url("../vue/images/icones/lien_absolu-lulu.svg");
  /* background-image: url("../vue/images/icones/lien_absolu-rose.svg"); */
}

.ico-lien-pdf-gris,
.ico-lien-pdf-marron,
.ico-lien-pdf-rouge,
.ico-lien-pdf-orange,
.ico-lien-pdf-jaune,
.ico-lien-pdf-vert,
.ico-lien-pdf-gris_bleu,
.ico-lien-pdf-bleu,
.ico-lien-pdf-bleu_roi,
.ico-lien-pdf-mauve,
.ico-lien-pdf-rose {
  background-image: url("../vue/images/icones/file-earmark-pdf.svg");
}

.ico-lien-pdf-gris:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-gris.svg");
}

.ico-lien-pdf-marron:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-marron.svg");
}

.ico-lien-pdf-rouge:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-rouge.svg");
}

.ico-lien-pdf-orange:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-orange.svg");
}

.ico-lien-pdf-jaune:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-jaune.svg");
}

.ico-lien-pdf-vert:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-vert.svg");
}

.ico-lien-pdf-gris_bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-gris_bleu.svg");
}

.ico-lien-pdf-bleu:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-bleu.svg");
}

.ico-lien-pdf-bleu_roi:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-bleu_roi.svg");
}

.ico-lien-pdf-mauve:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-mauve.svg");
}

.ico-lien-pdf-rose:hover {
  background-image: url("../vue/images/icones/file-earmark-pdf-fill-rose.svg");
}

.ico-lien-img-gris,
.ico-lien-img-marron,
.ico-lien-img-rouge,
.ico-lien-img-orange,
.ico-lien-img-jaune,
.ico-lien-img-vert,
.ico-lien-img-gris_bleu,
.ico-lien-img-bleu,
.ico-lien-img-bleu_roi,
.ico-lien-img-mauve,
.ico-lien-img-rose {
  background-image: url("../vue/images/icones/file-image.svg");
}

.ico-lien-img-gris:hover {
  background-image: url("../vue/images/icones/file-image-fill-gris.svg");
}

.ico-lien-img-marron:hover {
  background-image: url("../vue/images/icones/file-image-fill-marron.svg");
}

.ico-lien-img-rouge:hover {
  background-image: url("../vue/images/icones/file-image-fill-rouge.svg");
}

.ico-lien-img-orange:hover {
  background-image: url("../vue/images/icones/file-image-fill-orange.svg");
}

.ico-lien-img-jaune:hover {
  background-image: url("../vue/images/icones/file-image-fill-jaune.svg");
}

.ico-lien-img-vert:hover {
  background-image: url("../vue/images/icones/file-image-fill-vert.svg");
}

.ico-lien-img-gris_bleu:hover {
  background-image: url("../vue/images/icones/file-image-fill-gris_bleu.svg");
}

.ico-lien-img-bleu:hover {
  background-image: url("../vue/images/icones/file-image-fill-bleu.svg");
}

.ico-lien-img-bleu_roi:hover {
  background-image: url("../vue/images/icones/file-image-fill-bleu_roi.svg");
}

.ico-lien-img-mauve:hover {
  background-image: url("../vue/images/icones/file-image-fill-mauve.svg");
}

.ico-lien-img-rose:hover {
  background-image: url("../vue/images/icones/file-image-fill-rose.svg");
}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/* Fin icônes colorées */
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/

/* .bord_rayon-2 {
  border-radius: 0.2rem !important;
} */

.bord_rayon-3 {
  border-radius: 0.3rem !important;
}

.bord_rayon-4 {
  border-radius: 0.4rem !important;
}

/* .bord_rayon-5 {
  border-radius: 0.5rem !important;
} */

.bord_rayon-75 {
  border-radius: 0.75rem !important;
}

.separation {
  width: 95%;
  max-width: 1100px;
  margin: auto;
  border-bottom: 2px solid var(--coul-bleu-logo);
}

/*
*___________________________________ PADDING - MARGIN - ALIGNEMENTS ___________________________________
*
*
*___________________________________ DÉBUT FLEX ___________________________________
*/
/* .flex-hor { /* Obsolette le 01/01/2026 remplacé par 'd-flex justify-content-around'
  display: flex;
  justify-content: space-around;
} */

.colonne {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

/* .vignet-wrap { /* Obsolette le 01/01/2026 remplacé par 'flex-wrap'
  flex-wrap: wrap;
} */

/* .vignet { /* Obsolette le 01/01/2026 remplacé par 'd-flex justify-content-between'
  display: flex;
  justify-content: space-between;
} */

/* .vignette { /* Obsolette le 01/01/2026 remplacé par 'd-flex align-content-between'
  display: flex;
  align-content: space-between;
} */

.vignettes {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: space-between;
}

.vign_debut {
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: wrap;
  align-content: space-between;
}

.vi-gest {
  max-width: 385px;
}

@media only screen AND (min-width: 768px) {
  .vi-gest {
    max-width: none;
  }
}
/* classe "vi-gnettes" supprimée le 05/08/2023 - Utilisée uniquement dans ./vue/admin/gestion_expo_vignettes_suite.php
.vi-gnettes {
  display: block;
}

@media only screen AND (min-width: 768px) {
  .vi-gnettes {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: space-between;
  }
} */

main {
  margin: auto;
  display: flex;
  flex-direction: column;
}

.image_centree {
  display: flex;
  justify-content: center;
}

.inso_corps {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vignettes_menu {
  display: flex;
  justify-content: flex-start;
  align-content: space-between;
}

.agenda_ins {
  display: flex;
  flex-direction: row;
}

.centrer-vert {
  display: flex;
  align-items: center;
}
/*___________________________________ FIN FLEX ___________________________________*/

.neg-mt {
  margin-top: -1em;
}

.foot_box {
  padding-left: 20px;
  margin: 5px 0px 5px 10px;
}

.a_gauche {
  margin: 0 auto 0 0;
}

.a_droite {
  margin: 0 0 0 auto;
}

.au_milieu {
  margin: 0 auto 0 auto;
}

.lettrine {
  float: left;
  margin-right: 5px;
}

.lettrine_a_droite {
  display: block;
  margin: 0 auto 0.5rem auto;
}

@media only screen AND (min-width: 576px) {
  .lettrine_a_droite {
    float: right;
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .text_lettrin {
    display: inline;
  }
}

.f-size {
  font-size: 3em;
  line-height: 1em;
}

.sac {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

address {
  color: #263238;
  font-size: x-small;
  font-style: italic !important;
  font-weight: normal;
  text-align: center;
}

.texte_barre {
  text-decoration: wavy line-through rgb(255, 0, 0);
  font-style: italic;
  font-weight: lighter;
}

.texte_normal {
  font-style: normal;
  font-weight: normal;
}

.normal-italic {
  font-style: italic;
  font-weight: normal;
}

.texte_italique {
  font-style: italic;
}

.texte_gras {
  font-weight: bold;
}

.texte_nu {
  list-style-type: none;
}

.texte_centre {
  text-align: center !important;
}

.texte_justifie,
p {
  text-align: justify !important;
  hyphens: auto;
}

.texte_left {
  text-align: left !important;
}

.texte_right {
  text-align: right !important;
}

.message {
  color: #4f5a65;
  text-align: justify;
  padding: 0.25rem;
}
@media only screen AND (min-width: 768px) {
  .message {
    padding: 0.5rem;
  }
}

.font-07 {
  font-size: 0.7rem;
}

.font-08 {
  font-size: 0.8rem;
}

.font-085 {
  font-size: 0.85rem;
}

.font-09 {
  font-size: 0.9rem;
}

.font-10 {
  font-size: 1rem;
}

.font-11 {
  font-size: 1.1rem;
}

.font-12 {
  font-size: 1.2rem;
}

.font-15 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.font-18 {
  font-size: 1.8em;
}

.font_21 {
  font-size: 1.5em !important;
  line-height: 1.2em;
}

.font_21 div {
  margin: 0.2em 0.1em;
}

@media only screen AND (min-width: 576px) {
  .font_21 {
    font-size: 2em !important;
    padding: 0px 5px 10px 5px;
  }

  .font_21 div {
    margin: 0.3em auto 0px;
  }
}

.ligne-34 {
  height: 34px;
  line-height: 34px;
}

.adh-30 {
  height: 30px;
  line-height: 30px;
  border: 1px solid var(--coul-bleu-logo);
  padding-left: 10px;
}

.adh-40 {
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
}

.adh-40a {
  height: 34px;
  line-height: 34px;
}

.adh-40b {
  border: 1px solid var(--coul-bleu-logo);
  padding-left: 10px;
}

.couper-mot {
  width: 100%;
  max-width: 300px;
  word-wrap: break-word;
}

.line-h07 {
  line-height: 0.7rem;
}

.line-h15 {
  line-height: 1.5rem;
}

.popup_texte {
  font-size: 0.9em;
  text-align: justify;
  padding: 0px 4px 0px 4px;
}

.ico-leg {
  position: relative;
  font-size: 0.55rem;
}

.chenille {
  position: relative;
  font-size: small;
}

.chenille a:hover {
  color: #030303 !important;
}

/*
*LARGEURS
*/
/*
*DÉBUT DES LARGEURS EN px
*/
.min_171 {
  min-width: 171px;
}

.min_200 {
  min-width: 200px;
}

.min_342 {
  min-width: 342px;
}

.max_385 {
  max-width: 385px;
}

.max_768 {
  max-width: 768px;
  margin: 0px auto;
}
.max_992 {
  max-width: 992px;
  margin: 0px auto;
}

.max_1100 {
  max-width: 1100px;
  margin: 0px auto;
}

.max_1200 {
  max-width: 1200px;
  margin: 0px auto;
}

.max_1300 {
  max-width: 1300px;
  margin: 0px auto;
}

.max_1400 {
  max-width: 1400px;
  margin: 0px auto;
}

.fond_thema {
  width: 340px;
  height: 255px;
}

.logo_400_amis {
  width: 100%;
  max-width: 300px;
  min-width: 180px;
}

.largeur_700 {
  width: 100%;
  max-width: 700px;
  min-width: 300px;
}

.pastille {
  width: 100%;
  max-width: 100px;
  overflow: hidden;
}

.lang_ronde {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
}

.lg_1100 {
  max-width: 1100px;
  width: 100%;
}

.lg_200 {
  max-width: 200px;
  width: 100%;
}

.lg_360 {
  max-width: 360px;
  width: 100%;
}

.lg_400 {
  max-width: 400px;
  width: 100%;
}

.lg_550 {
  max-width: 550px;
  width: 100%;
}

.lg_700 {
  max-width: 700px;
  width: 100%;
}

.lg-340px {
  width: 340px;
}

.lg-240px {
  width: 100%;
  max-width: 240px;
}

.lg-220px {
  width: 100%;
  max-width: 220px;
}

.lg-200px {
  width: 200px;
}

.lg-150px {
  width: 150px !important;
}

.lg-125px {
  width: 125px !important;
}

.lg-110px {
  width: 110px !important;
}

.lg-90px {
  width: 90px !important;
}

.lg-86px {
  width: 86px !important;
}

.lg-80px {
  width: 80px !important;
}

.lg-60px {
  width: 60px !important;
}

.lg-50px {
  width: 50px !important;
}

.lg-20px {
  width: 20px !important;
}

/* .lg-30 {
  width: 130px;
}
@media only screen AND (min-width: 480px) {
  .lg-30 {
    width: 30%;
  }
} */

.vaga150f {
  /*vaga150 responsive, coupure à 768px ; vaga150f largeur fixe*/
  width: 100%;
  max-width: 150px;
  overflow: hidden;
}

.vaga200f {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
}

.vaga150,
.vaga200,
.vaga300,
.vaga370,
.vaga420,
.vaga500,
.vaga600,
.vaga700,
.vaga750 {
  max-width: 100%;
}
@media (min-width: 768px) {
  .vaga750 {
    width: 100%;
    max-width: 750px;
    overflow: hidden;
  }

  .vaga700 {
    width: 100%;
    max-width: 700px;
    overflow: hidden;
  }

  .vaga600 {
    width: 100%;
    max-width: 600px;
    overflow: hidden;
  }

  .vaga500 {
    width: 100%;
    max-width: 500px;
    overflow: hidden;
  }

  .vaga420 {
    width: 100%;
    max-width: 420px;
    overflow: hidden;
  }

  .vaga400 {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
  }

  .vaga370 {
    width: 100%;
    max-width: 370px;
    overflow: hidden;
  }

  .vaga300 {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
  }

  .vaga200 {
    width: 100%;
    max-width: 200px;
    overflow: hidden;
  }

  .vaga150 {
    /*vaga150 responsive, coupure à 768px ; vaga150f largeur fixe*/
    width: 100%;
    max-width: 150px;
    overflow: hidden;
  }
}

.pop400 {
  width: 100%;
  max-width: 400px;
  overflow: hidden;
  word-wrap: break-word;
}

/*
*FIN LARGEURS EN PX
*/
/*
*DÉBUT LARGEURS EN %
*/

.lg-md-auto,
.lg-md-95,
.lg-md-90,
.lg-md-85,
.lg-md-80,
.lg-md-75,
.lg-md-70,
.lg-md-65,
.lg-md-60,
.lg-md-55,
.lg-md-50,
.lg-md-45,
.lg-md-41,
.lg-md-40,
.lg-md-35,
.lg-md-33,
.lg-md-30,
.lg-md-25,
.lg-md-20,
.lg-md-15,
.lg-md-10,
.lg-md-5 {
  width: 100%;
}

.largeur-sp {
  max-width: 100%;
}
@media only screen AND (min-width: 768px) {
  .largeur-sp {
    max-width: 50%;
  }
  .lg-md-auto {
    width: auto !important;
  }
  .lg-md-95 {
    width: 95%;
  }
  .lg-md-90 {
    width: 90%;
  }
  .lg-md-85 {
    width: 85%;
  }
  .lg-md-80 {
    width: 80%;
  }
  .lg-md-75 {
    width: 75%;
  }
  .lg-md-70 {
    width: 70%;
  }
  .lg-md-65 {
    width: 65%;
  }
  .lg-md-60 {
    width: 60%;
  }
  .lg-md-55 {
    width: 55%;
  }
  .lg-md-50 {
    width: 50%;
  }
  .lg-md-45 {
    width: 45%;
  }
  .lg-md-41 {
    /* width: calc(700% / 17); */
    width: 41.1764706%;
  }
  .lg-md-40 {
    width: 40%;
  }
  .lg-md-33 {
    width: 33%;
  }
  .lg-md-35 {
    width: 35%;
  }
  .lg-md-30 {
    width: 30%;
  }
  .lg-md-25 {
    width: 25%;
  }
  .lg-md-20 {
    width: 20%;
  }
  .lg-md-15 {
    width: 15%;
  }
  .lg-md-10 {
    width: 10%;
  }
  .lg-md-5 {
    width: 5%;
  }
}

.lg-95 {
  width: 95%;
}
.lg-90 {
  width: 90%;
}
.lg-85 {
  width: 85%;
}
.lg-80 {
  width: 80%;
}
.lg-75 {
  width: 75%;
}
.lg-70 {
  width: 70%;
}
.lg-65 {
  width: 65%;
}
.lg-60 {
  width: 60%;
}
.lg-55 {
  width: 55%;
}
.lg-50 {
  width: 50%;
}
.lg-45 {
  width: 45%;
}
.lg-40 {
  width: 40%;
}
.lg-33 {
  width: 33%;
}
.lg-35 {
  width: 35%;
}
.lg-30 {
  width: 30%;
}
.lg-25 {
  width: 25%;
}
.lg-20 {
  width: 20%;
}
.lg-15 {
  width: 15%;
}
.lg-10 {
  width: 10%;
}
.lg-5 {
  width: 5%;
}

/*
*FIN DES LARGEURS
*/

/*
*HAUTEURS
*/

.haut105 {
  height: 105px;
}

.haut120 {
  height: 120px !important;
}

.haut140 {
  height: 140px !important;
}

.haut200 {
  height: 200px !important;
}

.h75,
.h100,
.h120,
.h150,
.h200,
.h225,
.h250,
.h275,
.h285,
.h300,
.h325,
.h350,
.h375,
.h400,
.h425,
.h450,
.h475,
.h500,
.h525,
.h550,
.h575,
.h600 {
  height: auto;
}
@media only screen AND (min-width: 768px) {
  .h75 {
    height: 75px;
  }
  .h100 {
    height: 100px;
  }
  .h120 {
    height: 120px;
  }
  .h150 {
    height: 150px;
  }
  .h200 {
    height: 200px;
  }
  .h225 {
    height: 225px;
  }
  .h250 {
    height: 250px;
  }
  .h275 {
    height: 275px;
  }
  .h285 {
    height: 285px;
  }
  .h300 {
    height: 300px;
  }
  .h325 {
    height: 325px;
  }
  .h350 {
    height: 350px;
  }
  .h375 {
    height: 375px;
  }
  .h400 {
    height: 400px;
  }
  .h425 {
    height: 425px;
  }
  .h450 {
    height: 450px;
  }
  .h475 {
    height: 475px;
  }
  .h500 {
    height: 500px;
  }
  .h525 {
    height: 525px;
  }
  .h550 {
    height: 550px;
  }
  .h575 {
    height: 575px;
  }
  .h600 {
    height: 600px;
  }
}

/*
*FIN HAUTEURS
*/

/*___________________________________ HEADER *___________________________________*/

/*====================================================*/

.head_logo {
  position: relative;
  /* margin: 0 10px 0 10px; */
  max-width: 221px;
}
@media only screen AND (min-width: 992px) {
  .head_logo {
    max-width: 290px;
  }
}

.logo_bleu {
  background-color: var(--coul-bleu-logo);
  background-image: radial-gradient(
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  transition: background-color 1s;
}

/*====================================================*/

.liens {
  height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.liens img {
  cursor: pointer;
  max-height: 90px;
  max-width: 500px;
}

/*___________________________________connect oui/non */

.ico-clic:active {
  transform: scale(1.04, 1.04);
}

.adm_choix,
.connect_ico {
  text-align: center;
  height: 1.5rem;
  /* padding: 1px 0 1px 0; */
}

.ico-cont {
  height: 1.5rem;
  width: 1.5rem;
}

.liens_plaques a:any-link {
  text-decoration: none;
  color: currentColor;
}

.adm_choix:hover,
.ico-lien-right:hover,
.ico-lien-left:hover {
  background-color: var(--coul-gris-fond);
  /* background-color: #edf8ff; */
  cursor: pointer;
}
/* 
.liens_plaques:hover {
  color: var(--coul-rouge);
} */

.ico-lien-right {
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1.5rem;
}

.ico-lien-left {
  /* height: 1.5rem; */
  background-repeat: no-repeat;
  /* background-position: left; */ /*Activer pour centrer verticalement l'icone*/
  background-size: 1.5rem;
}

.ico-lien {
  height: 1.5rem;
  background-repeat: no-repeat;
  /* background-position: left; */ /*Activer pour centrer verticalement l'icone*/
  background-size: 1.5rem;
}

.ico-connect-non {
  background-image: url("../vue/images/header/lock.svg");
}

.ico-connect-non-fill:hover {
  /* background-image: none; */
  background-image: url("../vue/images/header/lock-fill.svg");
}

.ico-connect-oui {
  background-image: url("../vue/images/header/unlock.svg");
}

.ico-connect-oui-fill:hover {
  background-image: url("../vue/images/header/unlock-fill.svg");
}

.cadre_light_titre {
  padding: 0.75em;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}

/*==========================-*/

.menu-icon {
  display: block;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  transition: transform 0.5s;
}
@media only screen AND (min-width: 576px) {
  .menu-icon {
    display: none !important;
  }
}

.menu-icon.position_relative {
  position: relative;
}

.menu-icon.position_fixe {
  position: fixed;
}

.menu-icon span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px; /*3px;*/
  background-color: var(--coul-bleu-logo);
  transform: translateX(-50%) translateY(-50%);
  transition: background-color 0.5s;
}

.menu-icon svg {
  fill: #cfd8dc;
  stroke-width: 2px; /*3px;*/
  stroke: var(--coul-bleu-logo);
  stroke-dasharray: 114;
  stroke-dashoffset: 114;
  transition: stroke-dashoffset 0.6s;
}

.menu-icon span::before,
.menu-icon span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 2px; /*3px;*/
  background-color: var(--coul-bleu-logo);
  transition: transform 0.5s;
  /*  transform-origin: 50% 50%; /* pour faire la croix */
}

.menu-icon span::before {
  transform: translateY(-9px);
}

.menu-icon span::after {
  transform: translateY(9px);
}

.menu-icon.is-opened {
  transform: rotate(180deg);
}

.menu-icon:hover span::before {
  transform: translateY(-7px);
}

.menu-icon:hover span::after {
  transform: translateY(7px);
}

.menu-icon.is-opened span {
  background: transparent;
}

.menu-icon.is-opened span::before {
  width: 16px;
  transform: translateX(3px) translateY(0) rotate(45deg);
}

.menu-icon.is-opened span::after {
  width: 16px;
  transform: translateX(3px) translateY(0) rotate(-45deg);
}

.menu-icon.is-opened svg {
  stroke-dashoffset: 0;
}

/*___________________________________ NAV-1 ___________________________________*/
.colza {
  width: 100%;
  max-width: 24%;
}
.nav-1 {
  font-size: 0.8em;
  text-align: center;
  height: 26px;
  width: 100%;
}

.nav-1 a:link {
  display: inline-block;
  padding: 6px;
  border-radius: 0.3rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 12px;
  width: 100%;
  transition: all 0.8s ease-in-out;
}

.nav-1 a:first-child {
  background: #0d47a1;
}
.nav-1 a:nth-child(2) {
  background: #1565c0;
}
.nav-1 a:nth-child(3) {
  background: #1976d2;
}
.nav-1 a:nth-child(4) {
  background: #1e88e5;
}
.nav-1 a:nth-child(5) {
  background: #2196f3;
}
.nav-1 a:nth-child(6) {
  background: #42a5f5;
}
.nav-1 a:nth-child(7) {
  background: #64b5f6;
}
.nav-1 a:nth-child(8) {
  background: #90caf9;
}

.nav-1 a:hover {
  transition: all 0.3s ease-in-out;
  background-color: #19246d;
  color: yellow;
}

.nav-1 a:active {
  color: #8dd4fe;
}

/*====================================================*/

.cont_info {
  height: 90px;
  overflow: hidden;
}

.info_img input {
  transition: all 1s ease-in-out;
}

.info_img input:hover {
  transition: all 0.3s ease-in-out;
  background: #114ea7;
}

.cadre_blason {
  width: 200px;
  height: 235px;
  background-color: #114ea7;
  border: 1px solid #114ea7;
}

.info-iframe {
  position: relative;
  max-width: 501px;
  width: 100%;
  height: 100%;
}

.info-iframe iframe {
  max-width: 501px;
  width: 100%;
  height: 501px;
  border: 1px solid var(--coul-gris_bleu);
}

.plaque-iframe {
  position: relative;
  max-width: 340px;
  width: 100%;
  height: 140px;
}

.plaque-iframe iframe {
  max-width: 340px;
  width: 100%;
  height: 401px;
  border: 1px solid var(--coul-gris_bleu);
}

/*______________________________________Carrousel du header */
div.carrousel-header {
  max-width: 120px;
  overflow: hidden;
}

div.carrousel-header figure {
  position: relative;
  width: 900%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 40s slidy infinite;
}

div.carrousel-header figure img {
  width: calc(100% / 9);
  height: 90px;
  float: left;
}

@keyframes slidy {
  0% {
    left: 0%;
  }
  10% {
    left: 0%;
  }
  12.5% {
    left: -100%;
  }
  22.5% {
    left: -100%;
  }
  25% {
    left: -200%;
  }
  35% {
    left: -200%;
  }
  37.5% {
    left: -300%;
  }
  47.5% {
    left: -300%;
  }
  50% {
    left: -400%;
  }
  60% {
    left: -400%;
  }
  62.5% {
    left: -500%;
  }
  72.5% {
    left: -500%;
  }
  75% {
    left: -600%;
  }
  85% {
    left: -600%;
  }
  87.5% {
    left: -700%;
  }
  97.5% {
    left: -700%;
  }
  100% {
    left: -800%;
  }
}

/*========================================*/

/*___________________________________ MAJOR BLOCK *___________________________________*/

/** Boutons input */

.bouton {
  text-decoration: none;
  padding: 5px 5px;
  margin: 3px 0px;
  /* font-size: 0.95em; */
  cursor: pointer;
  border-radius: 0.3rem;
  /* width: 220px; */
}
/* 
.bout_transp {
  color: var(--coul-bleu-logo) !important;
  background: transparent !important;
  border: 1px solid var(--coul-bleu-logo) !important;
}

.bout_transp:hover {
  color: white !important;
  background: var(--coul-bleu-sombre) !important;
  border: 1px solid #1a1a1a !important;
  transition: all 0.3s ease-in-out;
}

.bout_transp:active {
  background: var(--coul-bleu-logo) !important;
} */

.bout_imprim {
  color: black;
  background: linear-gradient(#4e4e4e, #b9b9b9);
  border: 1px solid black;
}

.bout_imprim:hover {
  color: white;
  background: linear-gradient(#b9b9b9, #4e4e4e);
}

.bout_imprim:active {
  color: black;
}

/** Plan de Clairac */

.carte-int {
  position: relative;
  max-width: 545px;
  width: 90%;
  margin: 5px;
}

.map_text {
  height: 500px;
  width: 300px;
  text-align: justify;
}

.map_text img {
  width: 299px;
}

.mode_emploi {
  max-width: 545px;
  width: 90%;
  text-align: justify;
  padding: 0 5px;
}
/** Fin plan de Clairac */

/** QUI */

.qui_damier {
  position: relative;
  width: 340px;
  margin-bottom: 40px;
}

.qui_bandeau {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.6em;
  font-weight: 800;
}

.qui_ca {
  width: 100%;
  max-width: 696px;
  overflow: hidden;
}

/*______________________________________Accueil et autres...*/

.menu_texte {
  /* display: block; */
  position: relative;
  opacity: 1;
  transition: all 0.7s ease;
  font-size: 0.85em; /* (font-size: 1em;) Modif le 16/11/2022 */
  text-decoration: none;
  /* font-family: "PT Serif", serif; */ /* Modif le 16/11/2022 */
  width: 100%;
  bottom: 0;
}
@media only screen AND (min-width: 768px) {
  .menu_texte {
    position: absolute;
    opacity: 0;
  }
}

.lg-342 {
  max-width: 342px;
  width: 100%;
}

/* Vignettes du menu accueil */
.menu_damier_vignette {
  width: 768px;
  z-index: 99999;
  position: fixed;
  top: 1000px;
  left: auto;
  opacity: 0;
  overflow: hidden;
  /* height: auto; */
  /* margin: auto; */
}

.menu_damier {
  position: relative;
  overflow: hidden;
  margin: 0.25rem;
  padding: 0.25rem;
  max-width: 342px;
}

.damier342 {
  /* pour le JS */
  width: 100%;
  max-width: 342px !important;
}

.minia_vign {
  height: 60px;
}

.minia_vign_w,
.lg60_342 {
  width: 60px;
}

.ico_vign {
  width: 60px;
  margin: 0.5rem;
}

.minia_vign_img,
.icone {
  border-radius: 0.75rem;
  height: 60px;
  width: 60px;
}

.icone:hover {
  transform: scale(1.02, 1.02);
}

.minia_vign_img2 {
  border-radius: 0px;
  /* height: 250px; */
  max-width: 340px;
  width: 100%;
}

@media only screen AND (min-width: 260px) {
  .display260 {
    display: none;
  }
}

@media only screen AND (min-width: 336px) {
  .display336 {
    display: none;
  }
}

@media only screen AND (min-width: 412px) {
  .display412 {
    display: none;
  }
}

@media only screen AND (min-width: 488px) {
  .display488 {
    display: none;
  }
}

@media only screen AND (min-width: 564px) {
  .display564 {
    display: none;
  }
}

@media only screen AND (min-width: 640px) {
  .display640 {
    display: none;
  }
}

@media only screen AND (min-width: 716px) {
  .display716 {
    display: none;
  }
}

@media only screen AND (min-width: 1084px) {
  .display1084 {
    display: none;
  }
}

@media only screen AND (min-width: 768px) {
  .menu_damier {
    width: 342px;
  }

  .lg60_342 {
    width: 342px;
  }

  .minia_vign {
    height: auto;
  }

  .minia_vign_img {
    border-radius: 0px;
    height: 250px;
    width: auto;
  }
}

#circul-expo {
  transition: all 0.5s;
  position: relative;
  /* left: 0%; */
}

.circul_expo_a_gauche {
  left: -100%;
}

.circul_expo_a_droite {
  left: 100%;
}

.circul_expo_au_centre {
  left: 0;
}

.damier_expo_gest {
  position: relative;
  max-width: 342px;
  width: 100%;
  overflow: hidden;
  height: auto;
  margin: 2rem 0;
}

.menu_damier-flottant {
  display: none;
}

@media only screen AND (min-width: 1800px) {
  .menu_damier-flottant {
    display: block;
    position: fixed;
    max-width: 342px;
    width: 100%;
    overflow: hidden;
    height: auto;
    border-radius: 0.4rem;
    margin: 1px;
    z-index: 9999;
    visibility: hidden; /* sera rendu visible par JS à la fin du chargement de la page après le repositionnement (fin de html_page1)*/
  }
}

.menu_damier-accueil {
  position: relative;
  max-width: 342px;
  width: 100%;
  overflow: hidden;
  height: auto;
  margin: 10px auto 20px;
}

@media only screen AND (min-width: 768px) {
  .menu_damier-accueil {
    margin: 21px;
  }
}

.menu_damier-accueil .menu_texte {
  bottom: -0%;
}
@media only screen AND (min-width: 768px) {
  .menu_damier-accueil .menu_texte {
    bottom: -50%;
  }
}

.menu_damier-accueil:hover .menu_texte {
  bottom: 0;
  opacity: 0.9;
}

@media only screen AND (min-width: 768px) {
  .menu_bandeau:hover .cercle {
    visibility: visible;
  }
}

.cercle {
  visibility: hidden;
  position: relative;
  float: left;
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 5px;
}

.cercle-15 {
  line-height: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  border-radius: 50%;
}

.menu_damier_gestion {
  position: relative;
  width: 342px;
  margin: 10px 0;
  overflow: hidden;
}

.menu_damier_mon_compte {
  position: relative;
  width: 324px;
  margin: 10px 0;
  overflow: hidden;
}

.menu_damier_mon_compte_suite {
  position: relative;
  max-width: 385px;
  width: 100%;
  overflow: hidden;
}

.menu_liens_texte li,
.menu_liens_texte ul li a:link {
  font-size: 1.1em;
  text-decoration: none;
  color: #4f5a65;
  font-family: "PT Serif", serif;
}

.menu_liens_texte li:hover,
.menu_liens_texte ul li a:hover {
  background-color: #f0f8ff;
  color: black;
  cursor: pointer;
}

a:hover .pied_inso,
.pied_inso:hover,
.compte-rendu a:hover {
  font-weight: bold;
}

.menu_bandeau {
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.6em;
  font-weight: 800;
}

.cache_menu,
.damier {
  display: none;
}

/* .damier-pied { /* obsolete le 01/01/2026
  display: none;
} */

@media only screen AND (min-width: 768px) {
  .cache_menu,
  .damier {
    display: block;
  }

  /* .damier-pied { /* obsolete le 01/01/2026
    display: flex;
    bottom: 0;
  } */
}

/*______________________________________Slider */

.slider {
  display: none;
}
@media only screen AND (min-width: 768px) {
  .slider {
    display: block;
    position: relative;
    width: 340px;
    height: 255px;
    overflow: hidden;
  }
}

.slid {
  position: absolute; /* Les images vont se superposer*/
  left: 0px;
  top: 0px;
  display: none; /* Par défaut, elles ne seront pas affichées*/
}

/*______________________________________Edito */
.edito {
  text-align: justify;
  width: 100%;
  hyphens: auto;
}

.edito_left {
  text-align: left;
  width: 100%;
  hyphens: auto;
}

.inso_edit {
  column-count: 1;
}
@media only screen AND (min-width: 992px) {
  .inso_edit {
    column-count: 2;
    column-rule: 2px solid silver;
  }
}

.inso_edit-md {
  column-count: 1;
}
@media only screen AND (min-width: 768px) {
  .inso_edit-md {
    column-count: 2;
    column-rule: 2px solid silver;
  }
}

.poesie {
  column-count: 1;
  font-size: 1.75rem;
}

.strophe {
  text-align: left;
  font-size: 1.3rem;
}

@media only screen AND (min-width: 576px) {
  .poesie {
    column-count: 2;
    column-rule: 2px solid silver;
    font-size: 1.1rem;
  }
}

@media only screen AND (min-width: 768px) {
  .poesie {
    column-count: 2;
    column-rule: 2px solid silver;
    font-size: 1.35rem;
  }
}

@media only screen AND (min-width: 992px) {
  .poesie {
    column-count: 2;
    column-rule: 2px solid silver;
    font-size: 1.75rem;
  }
}
/*______________________________________Activités */
.compte-rendu {
  display: block;
  width: 100%;
  color: #4f5a65;
  font-size: 1.4em;
  text-decoration: none;
}

.pres_img,
.gest_img {
  overflow: hidden;
}

.gest_img1 {
  max-height: 250px;
  width: 100%;
}

@media only screen AND (min-width: 768px) {
  .gest_img1 {
    max-height: 250px;
    width: auto;
  }
}

.pres_img span {
  display: inline-block;
  padding: 3px;
}

.pres_img img {
  transform: scale(1.07, 1.07);
}

.presse {
  font-size: 0.8em;
  margin: 40px;
}

.image_vignette_menu {
  width: 200px;
  height: 100px;
  margin: auto;
  overflow: hidden;
}

.menu_vignette_description {
  font-size: 0.85em;
  font-weight: normal;
  color: #4f5a65;
}

.presse img:hover,
.min:hover,
.cont_info input:hover,
.enfants img:hover {
  transform: scale(1.08, 1.08);
  opacity: 0.8;
  transition: all 0.8s ease 0.1s;
}

.presse img,
.cont_info input,
.enfants img {
  transition: all 0.8s ease-in-out;
}

.sousmenu {
  text-align: justify;
  display: none;
}

.sousmenu img {
  width: 100%;
}

.logo_400:hover {
  opacity: 0.7;
  transform: scale(1.01, 1.01);
  transition: all 0.4s ease 0.1s;
}

.cible_vignette {
  /* important pour l'ouverture des vignettes expo en mode 'description'*/
  background-color: transparent;
}

.image_t0l0 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.image_t1l1 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 24px;
  height: 24px;
  z-index: 99999999;
  border-radius: 12px;
}

.image1_400 {
  position: relative;
  top: 0;
  left: 0;
}

.image2_400 {
  position: absolute;
  bottom: 30px;
}

.bandeau-accueil-gestion {
  position: relative;
  top: 1.5em;
  width: 100%;
  left: calc(-50% + 1.5em);
  transform-origin: top center;
  transform: rotate(-0.125turn);
  /* background-color: white; */
  opacity: 0.8;
}

.bandeau-accueil {
  position: fixed;
  top: 1.5em;
  width: 100%;
  left: calc(-50% + 1.5em);
  transform-origin: top center;
  transform: rotate(-0.125turn);
  background-color: white;
  opacity: 0.8;
  z-index: 999999999;
}

/*______________________________________Alignement des input text */

.etic-list {
  /* inutilisé 29/19/2023 */
  max-width: 330px;
  width: 100%;
  border: 3px solid var(--coul-bleu-logo);
  border-radius: 5px;
  padding: 5px;
}

.input_texte {
  display: block;
  max-width: 385px;
  width: 100%;
  border-radius: 0.3rem;
}

.mdp_cont {
  max-width: 385px;
  position: relative;
}

.input_mot_pass {
  /* Il y a quand même un petit problème car la fin de mot de passe est cachée pendant 4 ou 5 top */
  padding-right: 40px;
}

.input_reponse {
  /* Il y a quand même un petit problème car la fin de mot de passe est cachée pendant 4 ou 5 top */
  max-width: 600px;
}

.eye {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eye:hover {
  cursor: pointer;
}

/* .eye:active {
  background-color: #93bddb;
} */

.contact {
  display: block;
  width: 150px;
  margin: auto;
  text-align: right;
}

.plancher_fisc {
  line-height: 30px;
  height: 30px;
  width: 50px;
  padding-left: 10px;
  border: 1px solid var(--coul-bleu-logo);
  border-radius: 0.3rem;
}

.texte_gestion {
  /* inutilisé le 29/10/2023 */
  display: block;
  height: 170px;
  width: 100%;
  max-width: 360px;
  padding-left: 10px;
  border: 1px solid var(--coul-bleu-logo);
  border-radius: 0.3rem;
}

.contacter {
  display: block;
  height: 40px;
  width: 100%;
  max-width: 460px;
  padding-left: 10px;
  /* border: 1px solid var(--coul-bleu-logo); */
  border-radius: 0.3rem;
}

.adhes {
  display: block;
  width: 200px;
  float: left;
  text-align: right;
}

.form-legend {
  width: auto;
  border-bottom: none;
}
/* .rem {
  display: block;
  width: 320px;
  float: left;
  text-align: left;
} */

/*______________________________________Insolites */

.bout_inso {
  padding: 0 5px 0 5px;
  border-radius: 0.2rem;
  border: none;
  background-color: #e2f4ff00;
}

.bout_inso:hover {
  background-color: #a5a5a5;
  cursor: pointer;
}

.bout_inso:active {
  background-color: #e9e9e9;
  cursor: pointer;
}

.inso_ctrl {
  max-width: 768px;
  min-width: 300px;
  margin: auto;
}

.inso {
  width: 100%;
  /* max-width: 992px; /*2 lignes supprimées le 15/02/2026*/
  /* min-width: 300px; */
  padding: 5px;
  margin: auto;
}
@media only screen AND (min-width: 768px) {
  .inso {
    padding: 10px;
  }
}

.inso_text a.inso_bleu {
  text-decoration: none;
  color: var(--coul-bleu_roi) !important;
}

.inso_text a.inso_bleu:hover {
  text-decoration: none;
  color: var(--coul-mauve) !important;
}

.inso_text span {
  position: fixed;
  padding: 7px;
  display: none;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  color: yellow;
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
}

.inso_text a:hover {
  cursor: pointer;
}

.inso_text a:active span,
.inso_text a:hover span {
  display: block;
  top: 50px;
  left: 0;
  z-index: 10000; /* supérieur au z-index de .menu_damier-flottant qui vaut 9999*/
}
@media only screen AND (min-width: 2000px) {
  .inso_text a:active span,
  .inso_text a:hover span {
    left: calc(50% - 640px);
  }
}

.inso_text a:active span img,
.inso_text a:hover span img {
  width: 100%;
  max-width: 480px;
}

.loupe_pos {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -10000px;
  left: -10000px;
  width: 200px;
  height: 200px;
  cursor: none;
}

.mag {
  position: relative;
}

/* Fenêtre d'affichage utilisée pour le débugage */

/*______________________________________ */

.fenetre {
  left: 0;
  width: 100%;
  z-index: 99999;
  position: fixed;
  top: -1000px;
  opacity: 0;
}
@media only screen AND (min-width: 480px) {
  .fenetre {
    left: calc(50% - 225px);
    width: 450px;
  }
}

.pop_400_coups {
  z-index: 99999;
  position: fixed;
  top: -10000px;
  opacity: 0;
  left: 0;
  width: 100%;
}
@media only screen AND (min-width: 768px) {
  .pop_400_coups {
    left: calc(50% - 400px);
    width: 800px;
  }
}

.BlaBla {
  padding: 0 10px 5px 10px;
  width: 696px;
  background: rgba(0, 0, 0, 0.75); /* fond noir avec 75% d'opacité */
  border-radius: 0 0 5px 5px;
  text-align: justify;
}

/*______________________________________Affichage des vignettes pour les rubriques Textes */

.lien_vignette {
  text-decoration: none;
  color: #4f5a65;
  overflow: hidden;
}

.lien_vignette:hover {
  opacity: 0.8;
  transition: all 0.2s ease 0.1s;
}

.rota_00 {
  transform: rotate(0turn);
  transition: all 0.3s ease-in-out;
}

.rota_45 {
  transform: rotate(0.125turn);
  transition: all 0.3s ease-in-out;
}

.rota_90 {
  transform: rotate(0.25turn);
  transition: all 0.3s ease-in-out;
}

.rota_135 {
  transform: rotate(-0.125turn);
  transition: all 0.3s ease-in-out;
}

/* bouton année dans les pages agenda */

.bout_agenda,
.bout_vide {
  margin: 10px;
  padding: 0 5px 0 5px;
  border-radius: 0.3rem;
  border: none;
  background-color: transparent;
  text-align: center;
}

.bout_vide {
  color: var(--coul-gris-clair);
}

.bout_vide:hover {
  cursor: default;
}

.bout_agenda:hover {
  background-color: var(--coul-gris-clair);
  cursor: pointer;
}

.bout_agenda:active {
  background-color: var(--coul-gris-tres-clair);
  cursor: pointer;
}

.bout_agenda img,
.centrer-v {
  vertical-align: middle;
}

.bout_agenda span,
.bout_vide span {
  /* width: 200px; */
  vertical-align: middle;
  display: inline-block;
  line-height: 4rem;
  font-size: 2rem;
  font-weight: bold;
  text-align: left;
}

.vign_agenda {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: space-between;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/*______________________________________Menu Bibliographie et mon compte */
.onglet {
  display: inline-block;
  width: 100%;
  padding: 3px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
}
@media only screen AND (min-width: 768px) {
  .onglet {
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 1px;
    border-radius: 5px 5px 0 0;
  }
}

.onglet_accueil {
  display: inline-block;
  width: 100%;
  padding: 3px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
}

.contenu_onglet {
  border-radius: 0.3rem;
  margin-top: -1px;
  padding: 5px;
  display: none;
}

.onglet_accueil:hover,
.class_lien:hover {
  transition: all 0.3s ease-in-out;
  color: white !important;
  /* font-weight: bold; */
}

/*___________________________________ FOOTER *___________________________________*/

.legal_souligne:hover {
  text-decoration: underline;
  cursor: pointer;
}

.adh_vign,
.insc_vign {
  padding: 10px 15px 0px 15px;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  text-decoration: none;
  color: #65574f;
}

.adh_vign:hover {
  border-color: var(--coul-bleu-logo);
  background-color: #ddecf8;
}

.adh_vign:hover p {
  color: var(--coul-bleu-logo);
}

.menu_vignette_titre {
  font-size: 0.9em;
  font-weight: bold;
  width: 208px;
  margin: 5px 23px;
  word-wrap: break-word;
}

.menu_vignette_titre a {
  font-weight: normal;
}

#adh-options a:link {
  color: #212529;
}

#adh-options a:hover {
  text-decoration-line: none;
  color: var(--coul-bleu-logo);
}

.menu_vignette_titre a:hover,
.bandeau-accueil a:hover,
.non_souligne:hover,
a.adh_vign:hover,
a.insc_vign:hover {
  text-decoration: none;
}

.adh_curs:hover {
  cursor: pointer;
}

.maj {
  display: flex;
  justify-content: space-between;
  color: #263238;
  font-size: x-small;
  font-style: italic;
  font-weight: normal;
  border-bottom: 1px solid var(--coul-bleu-logo);
}

/*______________________________________Un peu tout */
.retour_haut {
  display: none;
  z-index: 999;
}

.imagecroix-15 {
  width: 20px;
  height: 20px;
  background-image: url("../vue/images/icones/x-circle.svg");
  background-repeat: no-repeat;
  background-size: 20px;
}

.imagecroix {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../vue/images/icones/x-circle.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
}

.imagecroix-15:hover,
.imagecroix:hover {
  background-image: url("../vue/images/icones/x-circle-fill.svg");
}

.imagecroix-rouge {
  /* max-width: 1.5rem;
  width: 100%; */
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../vue/images/icones/x-circle-rouge.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
}

.imagecroix-rouge:hover {
  background-image: url("../vue/images/icones/x-circle-fill-rouge.svg");
}

.imagecroix-vert {
  max-width: 1.5rem;
  width: 100%;
  height: 1.5rem;
  background-image: url("../vue/images/icones/x-circle-vert.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
}

.imagecroix-vert:hover {
  background-image: url("../vue/images/icones/x-circle-fill-vert.svg");
}

.imagecroix-noir {
  max-width: 1.5rem;
  width: 100%;
  height: 1.5rem;
  background-image: url("../vue/images/icones/x-circle-noir.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
}

.imagecroix-noir:hover {
  background-image: url("../vue/images/icones/x-circle-fill-noir.svg");
}

.info-cercle {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../vue/images/header/info-circle.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1.5rem;
}

.info-cercle-bleu:hover {
  background-image: url("../vue/images/header/info-circle-fill-bleu.svg");
}

.fixe_bas_droite {
  position: fixed;
  right: 3px;
  top: calc(66vh - 0px);
}

.alerte {
  color: red;
  background-color: white;
  margin: auto;
  text-align: center;
}

.acti-mess {
  margin: auto;
  padding: 1rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background-color: var(--coul-bleu-logo);
  color: white;
  width: 380px;
}

.alert-2 {
  padding: 1rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background-color: var(--coul-bleu-logo);
  color: white;
  max-width: 380px;
  width: 100%;
  position: fixed;
  left: 0px;
  top: calc(50vh - 0px);
  transform: translateY(-50%);
  z-index: 99999;
}

@media only screen AND (min-width: 380px) {
  .alert-2 {
    left: calc(50% - 190px);
  }
}

.acti-mess a,
.alert-2 a {
  color: yellow;
}

.acti-mess a:hover,
.alert-2 a:hover {
  color: black;
}

/*
* *********************************************************************************
*/

.ast_rouge::after {
  color: var(--coul-rouge);
  content: "*";
}

.sans_puce {
  list-style-type: none;
  padding: 0;
  margin: 0px;
  margin-left: 24px;
}

.puce_bl::before {
  /* color: var(--coul-bleu-logo); */
  content: "➤ ";
}

.puce_pleine::before {
  color: var(--coul-bleu-logo);
  content: "● "; /* on affiche une chaîne de caractère */
}

.puce_petit-carre::before,
.puce_petit-carre p::before {
  content: "▪ "; /* on affiche une chaîne de caractère */
}

.puce_grand-carre::before,
.puce_grand-carre p::before {
  /* font-weight: bold; */
  content: "■ "; /* on affiche une chaîne de caractère */
}

.puce_vide::before {
  color: var(--coul-bleu-logo);
  content: "◌ "; /* on affiche une chaîne de caractère */
}

ul.puce_fleche {
  color: var(--coul-bleu-logo);
  list-style-image: none;
  list-style-type: "➤ ";
}

/*
* *********************************************************************************
*/

.closebtn {
  position: absolute;
  right: 2px;
  top: 2px;
  color: white;
  font-size: 2em;
  line-height: 0.75em;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.curseur:hover {
  cursor: pointer !important;
}
@media only screen AND (min-width: 768px) {
  .curseur:hover {
    cursor: default;
  }
}

/**___________________________________________FULLSCREEN ON CLICK_________________________________________*/

.fullscreen {
  cursor: zoom-in;
  /* cursor: default; */
}
/* @media only screen AND (min-width: 768px) {
  .fullscreen {
    cursor: zoom-in;
  }
} */

.view_image_body {
  position: fixed;
  background-color: black;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 9999;
}

.view_image {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  cursor: zoom-out;
  z-index: 9999;
}

.view_image_img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 95%;
  max-width: 95%;
  cursor: zoom-out;
}

/*
*/

/*
*/

/*
*/

/*
*/

.onoffswitch {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 90px;
}
.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 20px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 32px;
  padding: 0;
  line-height: 32px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: var(--coul-bleu_roi);
  color: #ffffff;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #eeeeee;
  color: #999999;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 22px;
  height: 22px;
  margin: 6px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 2px solid #999999;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/**
* ************************* Zone id *************************
*/
#message_rouge_comp,
#message_rouge_conn {
  background-color: var(--coul-rouge-clair);
  color: var(--coul-rouge);
  text-align: justify;
  padding: 20px;
}

#infobulle {
  position: absolute;
  visibility: hidden;
  border: 1px solid var(--coul-bleu-logo);
  padding: 0.75em;
  font-size: 0.85em;
  color: red;
  background-color: #ffffcc;
  opacity: 0.8;
  z-index: 999999;
}

#head_nav {
  min-width: 120px;
  max-width: 500px;
}

.attente_chargement {
  position: fixed;
  height: 66px;
  width: 66px;
  left: calc(50vw - 33px);
  top: calc(50vh - 33px);
  overflow: hidden;
  /* background-size: 30%; */
  background: center no-repeat;
  background-image: url("../vue/images/icones/loader.gif");
  z-index: 0;
}

#icone_vide {
  width: 26px;
  height: 26px;
  position: relative;
  display: none;
}

#map {
  width: 100%;
  height: 490px;
}

#BlocNoir {
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 9999;
  opacity: 0;
  transition:
    opacity 0.5s linear,
    width 0.1s linear,
    height 0.1s linear;
}

#pop400 {
  background-color: white;
  border: 1px solid var(--coul-bleu-logo);
  border-radius: 0.3rem;
}

#annonce {
  background-color: #ddd;
  border: 1px solid red;
  position: fixed;
  bottom: 0px;
  left: 20px;
}

#coor_texte,
#pers_texte,
#site_texte,
#plan_texte,
#cotiser_texte,
#adherer_texte,
#don_texte {
  display: none;
}

/* #alerte_connex {
  display: none;
  padding: 20px;
  background-color: var(--coul-bleu-logo);
  color: white;
  max-width: 380px;
  width: 100%;
  position: fixed;
  left: calc(50% - 190px);
  top: 221px;
  z-index: 99999;
}

@media only screen AND (min-width: 380px) {
  #alerte_connex {
    left: calc(50% - 190px);
  }
} */

/*=================================*/
/**=== Partie sur le Swipe Menu ===*/
/*=================================*/
#icone_burger {
  z-index: 9999;
}

/* Main menu (slide) */
#menu_burger {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: space-between;
  position: fixed;
  z-index: 9998;
  right: -100%;
  width: 100%;
  background: var(--coul-gris-fond);
}

#menu_burger > a {
  display: inline-block;
  height: 32px;
  width: 100%;
  max-width: 342px;
  margin: 10px 0px;
  text-align: center;
}

#menu_burger a:link {
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  border-radius: 0.3rem;
  transition: background 0.5s;
  line-height: 32px;
  box-shadow: 1px 1px 0 #666;
}

#menu_burger a {
  background-image: linear-gradient(
    to right,
    var(--coul-bleu_roi-sombre),
    var(--coul-bleu_roi),
    var(--coul-bleu_roi),
    var(--coul-bleu_roi-sombre)
  );
}

#menu_burger a:hover {
  background-image: none;
  background-color: #19246d;
  color: yellow;
  transition: background-color 0.3s ease-in-out;
}

#menu_burger.burger_vu {
  animation: 0.5s slideLeft ease-in forwards;
  transition-delay: 0s;
  right: 0;
}

#menu_burger.burger_cache {
  animation: 1s slideRight ease-out forwards;
  transition-delay: 0s;
  right: -100%;
}

/* Animations pour le menu_burger */
@keyframes slideLeft {
  from {
    /* right: -100%; */
  }
  to {
    right: 0%;
  }
}

@keyframes slideRight {
  from {
    /* right: 0%; */
  }
  to {
    right: -100%;
  }
}