@charset "UTF-8";
/* éléments communs */
:root {
  --blanc: #ffffff;
  --accent1: #009FE3;
  --accent1hover: #3CBBF0;
  --accent2: #29235C;
  --accent2hover: #393368;
  --accent3: #E44725;
  --accent3hover: #E36144;
  --clair: #EFF8FD;
  --blanchover:#EFF8FD;
  --moyen: #C7EAF9;
  --fonce: #181B24;
  --foncehover: #29235C;
  --fonttitres:museo-sans-rounded, sans-serif;
  --fonttextes:museo-sans-rounded, sans-serif;
}
/* Styles de textes */
body.adon {
  font-family: var(--fonttextes) !important;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--fonce);
  overflow: hidden;
  /* Couleurs d'accent */
  /* Couleurs d'accent backgrounds */
  /* recadrer les images */
  /* Boutons de base */
  /* Boutons lienfleche */
  /* Boutons blancs */
  /* Blocs spécifiques */
  /* boutons et modules inline */
  /* carousel home actus */
  /* styles wpfd */
  /* masquer la preview */
  /* éléments à mettre en var foncé */
  /* couleur texte bouton télécharger */
  /* fonds clair docs téléchargés */
  /* h2 titres catégories */
  /* formulaires page mon compte */
  /* cadenas */
  /* carte collaborateur */
  /* éléments spécifiques à la section */
}
body.adon h1, body.adon h2, body.adon h3, body.adon h4, body.adon h5, body.adon h6 {
  font-family: var(--fonttitres) !important;
  /*letter-spacing: 0px;*/
}
body.adon b, body.adon strong {
  font-weight: 600 !important;
}
body.adon p, body.adon li {
  color: var(--fonce);
  font-weight: 300;
}
body.adon p a, body.adon li a {
  color: var(--accent1);
  font-weight: 600 !important;
}
body.adon p a:hover, body.adon li a:hover {
  color: var(--accent1hover);
}
body.adon blockquote {
  padding-left: 30px;
  font-style: italic;
  font-weight: bold !important;
}
body.adon h1, body.adon h1 a {
  color: var(--accent2);
  font-weight: 600;
}
body.adon h1 b, body.adon h1 a b {
  font-weight: 900 !important;
  color: var(--accent2);
}
body.adon h2, body.adon h2 a {
  color: var(--accent2);
  font-weight: 300;
  /*text-transform: uppercase;*/
}
body.adon h2 b, body.adon h2 a b {
  font-weight: 600;
  color: var(--accent2);
}
body.adon h3, body.adon h3 a {
  font-weight: 600;
  color: var(--accent2);
}
body.adon .sourire {
  background-image: url(https://unsafessad.org/wp-content/uploads/2025/07/trait-bas.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 30px;
}
body.adon .accent1 h1, body.adon .accent1 h2, body.adon .accent1 h3, body.adon .accent1 h4, body.adon .accent1 h5, body.adon .accent1 h6, body.adon .accent1 p, body.adon .accent1 li, body.adon .accent1 a, body.adon .accent1 b {
  color: var(--accent1);
}
body.adon .accent2 h1, body.adon .accent2 h2, body.adon .accent2 h3, body.adon .accent2 h4, body.adon .accent2 h5, body.adon .accent2 h6, body.adon .accent2 p, body.adon .accent2 li, body.adon .accent2 a, body.adon .accent2 b {
  color: var(--accent2);
}
body.adon .blanc h1, body.adon .blanc h2, body.adon .blanc h3, body.adon .blanc h4, body.adon .blanc h5, body.adon .blanc h6, body.adon .blanc p, body.adon .blanc li, body.adon .blanc a, body.adon .blanc b {
  color: var(--blanc);
}
body.adon .blanc a:hover {
  color: var(--blanchover);
}
body.adon .clair h1, body.adon .clair h2, body.adon .clair h3, body.adon .clair h4, body.adon .clair h5, body.adon .clair h6, body.adon .clair p, body.adon .clair li, body.adon .clair a, body.adon .clair b {
  color: var(--clair);
}
body.adon .moyen h1, body.adon .moyen h2, body.adon .moyen h3, body.adon .moyen h4, body.adon .moyen h5, body.adon .moyen h6, body.adon .moyen p, body.adon .moyen li, body.adon .moyen a, body.adon .moyen b {
  color: var(--moyen);
}
body.adon .fonce h1, body.adon .fonce h2, body.adon .fonce h3, body.adon .fonce h4, body.adon .fonce h5, body.adon .fonce h6, body.adon .fonce p, body.adon .fonce li, body.adon .fonce a, body.adon .fonce b {
  color: var(--fonce);
}
body.adon .bgaccent1 {
  background-color: var(--accent1);
}
body.adon .bgaccent2 {
  background-color: var(--accent2);
}
body.adon .bgclair {
  background-color: var(--clair);
}
body.adon .bgmoyen {
  background-color: var(--moyen);
}
body.adon .bgfonce {
  background-color: var(--fonce);
}
body.adon .recadre img {
  object-fit: cover !important;
  height: 250px !important;
  max-width: 500px !important;
  padding-bottom: 30px;
}
body.adon a.fl-button, body.adon input.fl-button {
  border: 0px;
  border-radius: 50px;
  background-color: var(--accent1);
}
body.adon a:hover.fl-button, body.adon input.fl-button:hover {
  background-color: var(--accent1hover);
}
body.adon .fl-button-text, body.adon .fl-button-icon, body.adon input.fl-button {
  color: var(--blanc);
}
body.adon .fl-button-text {
  font-family: var(--fontextes) !important;
  text-transform: uppercase;
  font-weight: bold !important;
}
body.adon a:hover.fl-button .fl-button-text {
  color: var(--blanchover);
}
body.adon .lienfleche a.fl-button {
  border: 0;
  border-radius: 0;
  background: none;
}
body.adon .lienfleche a:hover.fl-button {
  border: 0;
  background: none;
}
body.adon .lienfleche .fl-button-text, body.adon .lienfleche .fl-button-icon {
  color: var(--accent1);
}
body.adon .lienfleche .fl-button-text {
  font-family: var(--fontextes) !important;
  text-transform: none !important;
  font-weight: bold !important;
}
body.adon .lienfleche a:hover.fl-button .fl-button-text {
  color: var(--accent1hover);
}
body.adon .buttonblanc a.fl-button {
  border: 1px solid var(--blanc) !important;
  border-radius: 50px;
  background: none;
}
body.adon .buttonblanc a:hover.fl-button {
  border: 1px solid var(--blanchover) !important;
}
body.adon .buttonblanc .fl-button-text, body.adon .buttonblanc .fl-button-icon {
  color: var(--blanc) !important;
}
body.adon .buttonblanc a:hover.fl-button .fl-button-text {
  color: var(--blanchover) !important;
}
body.adon #topbar a {
  font-size: 0.8rem !important;
}
@media (max-width: 768px) {
  body.adon #header {
    display: flex;
    align-items: center;
  }
  body.adon #header #logo {
    max-width: 30% !important;
    flex: 0 0 30%;
  }
  body.adon #header #logo img {
    width: 100%;
    height: auto;
  }
  body.adon #header #logotexte {
    background: none !important;
    padding-left: 20px;
    max-width: 60%;
    flex: 0 0 60%;
    min-width: 0;
    /* important pour le retour à la ligne */
  }
}
body.adon #header #logo {
  max-width: 150px;
  margin: 0 !important;
  margin-right: 10px;
  padding: 0 !important;
}
body.adon #header #logo img {
  max-width: 140px;
}
body.adon #header #logotexte {
  padding-left: 40px;
  margin-left: -20px;
  background-image: url(https://unsafessad.org/wp-content/uploads/2025/07/trait-droite.svg);
  background-repeat: no-repeat;
  background-position: left center;
  width: auto;
  max-width: 80%;
  min-width: 0;
  flex: 1 1 auto;
}
body.adon #header #logotexte p {
  margin: 0 !important;
  padding: 0 !important;
}
body.adon #header #logotexte span {
  margin: 0 !important;
  padding: 0 !important;
}
body.adon #header #logotexte .surtitre {
  color: var(--accent2);
  font-size: 0.9rem;
}
body.adon #header #logotexte .nom-section {
  color: var(--accent2);
  font-weight: 900;
  font-size: 1.5rem;
}
body.adon #header #logotexte .nom-entreprise {
  color: var(--accent1);
  font-weight: bold;
  font-size: 1.2rem;
  white-space: normal;
  overflow-wrap: break-word;
}
body.adon #header ul#menu-principal {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100;
  justify-content: space-between;
  flex-direction: row;
}
body.adon #header ul#menu-principal li a {
  text-transform: uppercase;
  font-size: 0.9rem;
  text-align: left;
}
body.adon #header ul#menu-principal ul.sub-menu li a {
  text-transform: none !important;
}
body.adon #header #menu li a {
  color: var(--fonce);
  font-weight: 400;
  font-size: 0.95rem;
}
body.adon #header #menu li a:hover {
  color: var(--accent1);
}
body.adon #topbar, body.adon #topbar .inline {
  margin: 0 !important;
  padding: 0 !important;
}
body.adon #topbar .socialicons a, body.adon #topbar .inline .socialicons a {
  color: var(--blanc);
}
body.adon #topbar .socialicons a:hover, body.adon #topbar .inline .socialicons a:hover {
  color: var(--accent1) !important;
}
body.adon #topbar .socialicons i, body.adon #topbar .inline .socialicons i {
  font-size: 30px;
}
body.adon #fildariane {
  font-weight: 300;
}
body.adon #fildariane .breadcrumb_last {
  visibility: hidden;
}
body.adon #actu .fl-post-grid-title h2, body.adon #actu h2 a {
  font-size: 1.3rem;
  font-weight: bold;
}
body.adon #actu .fl-post-grid-content p {
  font-size: 0.85rem;
  line-height: 1.3rem;
}
body.adon .sidebar .wpfd-file-type, body.adon .sidebar .wpfd-file-size {
  color: var(--fonce);
}
body.adon #footer h3 {
  font-size: 0.8rem;
  font-weight: bold;
}
body.adon #footer p, body.adon #footer li, body.adon #footer a {
  font-size: 0.8rem;
}
body.adon #footer .socialicons a {
  color: var(--blanc);
}
body.adon #footer .socialicons a:hover {
  color: var(--blanchover);
}
body.adon #footer .socialicons i {
  font-size: 30px;
}
body.adon #footer #logotexte p, body.adon #footer #logotexte span {
  margin: 0 !important;
  padding: 0 !important;
}
body.adon #footer #logotexte .surtitre {
  color: var(--blanc);
  font-size: 0.8rem;
}
body.adon #footer #logotexte .nom-section {
  color: var(--blanc);
  font-weight: 900;
  font-size: 1rem;
}
body.adon #footer #logotexte .nom-entreprise {
  color: var(--blanc);
  font-weight: bold;
  font-size: 0.9rem;
}
body.adon .fl-col.inline .fl-col-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  /* aligne verticalement */
  justify-content: flex-start !important;
  gap: 10px;
  /* ajuster selon besoin */
}
body.adon .fl-col.inline .fl-module {
  flex: 0 0 auto !important;
}
body.adon .wpgb-page-dots {
  margin-top: 20px;
}
body.adon .wpfd_previewlink {
  display: none !important;
}
body.adon span.wpfd-file-crop-title, body.adon a.wpfd-file-link, body.adon a.wpfdcategory span, body.adon a.wpfdcategory i, body.adon a.wpfd_downloadlink, body.adon div.file-xinfo, body.adon tr.file td, body.adon a.catlink {
  color: var(--fonce) !important;
}
body.adon a.downloadlink.wpfd_downloadlink {
  color: var(--blanc) !important;
}
body.adon div.file.is_downloaded {
  background-color: var(--clair) !important;
}
body.adon h2.wpfd-category-theme-title {
  font-family: var(--fonttitres) !important;
  font-size: 2rem;
  line-height: 1;
  text-transform: none;
  color: var(--accent2);
}
body.adon a.wpfd_downloadlink.wpfd-single-file-button.wpfd-button-download {
  background-color: var(--accent1);
  color: var(--blanc) !important;
  padding: 15px;
}
body.adon form.form-user input {
  margin-bottom: 20px;
}
body.adon input[type="submit"] {
  display: block !important;
  margin-top: 1em;
}
body.adon img.cadenas {
  height: 15px !important;
  width: auto;
  padding: 0;
  margin-top: -7px;
  margin-right: 5px;
}
body.adon .collaborateur_image {
  max-width: 220px;
}
body.adon .collaborateur_lieu::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 0.45em;
  vertical-align: -2px;
  background: url("https://unsafessad.org/wp-content/uploads/2025/12/map-marker.svg") no-repeat center / contain;
}
body.adon .gf_step_active .gf_step_number {
  background-color: var(--accent1);
  color: var(--blanc);
}
body.adon .gf_step.gf_step_completed span.gf_step_number {
  background-color: var(--moyen) !important;
  opacity: 50%;
}
body.adon .gf_step_pending .gf_step_number {
  background-color: var(--clair);
}