@charset "UTF-8";
:root {
  --blanc: #ffffff;
  --accent1: #0C87BF;
  --accent1hover: #182D56;
  --accent2: #F3C533;
  --accent2hover: #182D56;
  --accent3: #182D56;
  --accent3hover: #0C87BF;
  --clair: rgb(240, 240, 240);
  --blanchover:#84dade;
  --moyen: #C5CEE0;
  --fonce: #182D56;
  --foncehover: #008996;
  --fonttitres:raleway, sans-serif;
  --fonttextes:raleway, sans-serif;
}
html, body {
  max-width: 100% !important;
  margin: 0 !important;
}
/* Styles de textes */
body.adon {
  font-family: var(--fonttextes) !important;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--fonce);
  background-color: var(--blanc);
  word-wrap: normal !important;
  overflow-x: hidden;
  /*.titresouligne-centre-accent1:after {
    content:"_________";
    color:var(--accent1);
    padding-top:0;
    line-height:2px;
    font-weight:900;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-10px;
      }
.titresouligne-gauche-accent1:after {
content:"_________";
    color:var(--accent1);
    padding-top:0;
    line-height:2px;
    font-weight:900;
    margin-bottom:10px;
    margin-top:20px;
    padding-left:20px;
}
      .titresouligne-centre-accent2:after {
    content:"_________";
    color:var(--accent2);
    padding-top:0;
    line-height:2px;
    font-weight:900;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-10px;
      }

      .titresouligne-gauche-moyen:after {
    content:"_________";
    color:var(--moyen);
    padding-top:0;
    line-height:2px;
    font-weight:900;
    margin-bottom:10px;
    margin-top:20px;
    padding-left:20px;
      }*/
  /* Couleurs d'accent */
  /* Couleurs d'accent backgrounds */
  /* recadrer les images */
  /* Boutons couleur accent1 */
  /* Boutons couleur accent2 */
  /* Boutons Couleur background */
  /* Boutons blancs */
  /* Blocs spécifiques */
  /* desktop */
  /* home */
  /* grille agenda */
  /* titres posts */
  /* shortcodes dates */
  /* puces taxonomies wpgb */
}
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 {
  /*font-size:2.5rem;*/
  color: var(--fonce);
  font-weight: 1000;
  /*line-height: 2.8rem;*/
}
body.adon h1 b, body.adon h1 a b {
  font-weight: 900 !important;
  color: var(--fonce);
}
body.adon h2, body.adon h2 a {
  /*font-size:2rem;
    line-height:2.2rem;*/
  color: var(--fonce);
  font-weight: 900;
  /*text-transform: uppercase;*/
}
body.adon h2 b, body.adon h2 a b {
  font-weight: 900;
  color: var(--fonce);
}
body.adon h3, body.adon h3 a {
  /* font-size:1.5rem;
    line-height:1.7rem;*/
  font-weight: 800;
  color: var(--fonce);
}
body.adon .titresouligne-centre-accent1, body.adon .titresouligne-gauche-accent1, body.adon .titresouligne-centre-accent2, body.adon .titresouligne-centre {
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/sourire.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 20px;
  transform: rotate(-2deg);
}
body.adon .titresouligne-gauche-moyen, body.adon .titresouligne-gauche {
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/sourire.svg);
  background-repeat: no-repeat;
  background-position: bottom left 50px;
  padding-bottom: 20px;
  transform: rotate(-2deg);
}
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 .buttonaccent a.fl-button {
  border: 1px solid var(--accent1) !important;
  border-radius: 50px;
  background: none;
  color: var(--accent1);
}
body.adon .buttonaccent a:hover.fl-button {
  border: 1px solid var(--accent1hover) !important;
}
body.adon .buttonaccent a.fl-button .fl-button-text, body.adon .buttonaccent .fl-button-icon {
  color: var(--accent1);
}
body.adon .buttonaccent a:hover.fl-button .fl-button-text {
  color: var(--accent1hover);
}
body.adon .buttonaccent2 a.fl-button {
  border: 1px solid var(--accent2) !important;
  border-radius: 50px;
  background: none;
}
body.adon .buttonaccent2 a:hover.fl-button {
  border: 1px solid var(--accent2hover) !important;
}
body.adon .buttonaccent2 a.fl-button .fl-button-text, body.adon .buttonaccent2 .fl-button-icon {
  color: var(--accent2);
}
body.adon .buttonaccent2 a:hover.fl-button .fl-button-text {
  color: var(--accent2hover);
}
body.adon .buttonfonce a.fl-button {
  border: 1px solid var(--fonce) !important;
  border-radius: 50px;
  background: none;
}
body.adon .buttonfonce a:hover.fl-button {
  border: 1px solid var(--foncehover) !important;
}
body.adon .buttonfonce a.fl-button .fl-button-text, body.adon .buttonfonce .fl-button-icon {
  color: var(--fonce);
}
body.adon .buttonfonce a:hover.fl-button .fl-button-text {
  color: var(--foncehover);
}
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 .menu-icones .menu-item-text .break::before {
  content: "\A";
  white-space: pre-wrap;
}
body.adon .menu-icones .pp-menu-toggle {
  right: 0;
  top: 63%;
}
body.adon #header ul#menu-rli-principal-1 {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100;
  justify-content: space-between;
  flex-direction: row;
}
body.adon #header ul#menu-rli-principal-1 li a {
  text-transform: uppercase;
  font-weight: 1000 !important;
  font-size: 0.9rem;
  text-align: left;
}
body.adon #header ul#menu-rli-principal-1 ul.sub-menu li a {
  text-transform: none !important;
  font-weight: 600 !important;
}
body.adon #header ul#menu-rli-principal-1 ul.sub-menu li a :before {
  content: "> ";
}
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 .menu-actu-mobile a, body.adon .menu-actu-mobile a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-actus.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-offres-mobile a, body.adon .menu-offres-mobile a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-offres.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 50px !important;
  border-radius: 0 !important;
}
body.adon .menu-ateliers-mobile a, body.adon .menu-ateliers-mobile a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-formations.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-contact-mobile a, body.adon .menu-contact-mobile a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-contact.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-actu a, body.adon .menu-actu a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-actus.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-offres a, body.adon .menu-offres a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-offres.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-ateliers a, body.adon .menu-ateliers a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-formations.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-contact a, body.adon .menu-contact a:hover {
  font-size: 13px;
  text-transform: uppercase;
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/I-contact.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 45px !important;
  border-radius: 0 !important;
}
body.adon .menu-emploi {
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/puzzlevert.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 40px !important;
}
body.adon .menu-crea {
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/puzzlebleu.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 40px !important;
}
body.adon .menu-num {
  background-image: url(https://www.rli-les-sablieres.org/wp-content/uploads/2024/05/puzzleorange.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 40px !important;
}
body.adon .menu-rli {
  border-left: 1px solid var(--moyen) !important;
  min-width: 120px !important;
}
body.adon .menu-rli a, body.adon .menu-rli span.menu-item-text, body.adon .menu-rli span.break {
  min-width: 120px !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
}
body.adon .menu-employeur {
  border-left: 1px solid var(--moyen) !important;
}
body.adon #topbar .socialicons a {
  color: var(--blanc);
}
body.adon #topbar .socialicons a:hover {
  color: var(--accent1) !important;
}
body.adon #topbar .socialicons i {
  font-size: 30px;
}
body.adon #fildariane {
  color: var(--moyen) !important;
  font-weight: 300;
}
body.adon #fildariane .breadcrumb_last {
  visibility: hidden;
}
body.adon #fildariane a {
  color: var(--moyen);
}
body.adon #fildariane a:hover {
  color: var(--accent1hover);
}
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 #footer {
  /*background-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;
}
@media screen and (min-width: 1800px) {
  body.adon .homecols .col1 {
    transform: rotate(-4deg);
  }
  body.adon .homecols #col2 {
    transform: rotate(-2deg);
    z-index: 2;
  }
  body.adon .homecols #col3 {
    transform: rotate(4deg);
  }
}
body.adon .devanttoutlemonde {
  position: relative;
  z-index: 10 !important;
}
body.adon #grille-par-mois {
  display: block;
}
body.adon #grille-carto {
  display: none;
}
body.adon #grille-catalogue {
  display: none;
}
body.adon button#charger-plus {
  background-color: var(--accent1);
  border-radius: 50px;
  margin-top: 30px;
  padding: 10px 20px;
  border: none;
}
body.adon button#charger-plus:hover {
  background-color: var(--accent1hover);
}
body.adon div.title-grid h2 {
  padding-top: 30px;
  padding-bottom: 20px;
  text-transform: uppercase !important;
}
body.adon .wpgb-card-content p, body.adon .pp-custom-grid-post-text p, body.adon .grid-item p {
  font-family: var(--fonttextes) !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
body.adon .wpgb-card-content h3, body.adon .wpgb-card-content h3 a, body.adon .pp-custom-grid-post-text h3, body.adon .pp-custom-grid-post-text h3 a, body.adon .grid-item h3, body.adon .grid-item h3 a {
  font-weight: 900 !important;
  font-size: 15px !important;
}
body.adon .carte-formation-titre {
  font-weight: 900 !important;
  font-size: 20px !important;
}
body.adon ul.formation_dates::before {
  content: 'Prochaines dates';
}
body.adon span.formation-periode.fdc-recurrent {
  display: none;
}
body.adon span.formation-prochaine-session::before {
  content: 'Prochaine session > ';
}
body.adon a.wpgb-block-term {
  background: var(--fonce);
  color: var(--blanc) !important;
  border-radius: 25px !important;
  padding: 5px 10px 5px 10px !important;
  margin-bottom: 5px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
body.adon a.wpgb-block-term[data-id="1"] {
  display: none !important;
}
body.adon div.rotatemoins2 {
  transform: rotate(-2deg);
}
@media print {
  body.adon a {
    text-decoration: none;
  }
  body.adon header, body.adon footer, body.adon #ariane-offre, body.adon #partage-impression {
    display: none !important;
  }
  body.adon .offre-contenu .offre-col-titre {
    display: inline-block;
    width: 30% !important;
    vertical-align: top;
  }
  body.adon .offre-contenu .offre-col-contenu {
    display: inline-block;
    width: 60% !important;
    vertical-align: top;
    margin-top: 10px;
  }
}
@media screen {
  body.adon div#offre-logo, body.adon div#offre-contact {
    display: none !important;
  }
}