/* Fonts */
/* Couleurs */
div.formation-home div.illustration {
  text-align: center;
}
div.formation-home div.illustration img {
  width: 80%;
}

div.formation-agenda div.agenda div.group {
  margin-top: 20px;
}
div.formation-agenda div.agenda div.group div.occurrence {
  display: flex;
  align-items: stretch;
}
div.formation-agenda div.agenda div.group div.occurrence div {
  padding: 4px;
}
div.formation-agenda div.agenda div.group div.occurrence div p {
  margin: 0px;
}
div.formation-agenda div.agenda div.group div.occurrence div.intitule {
  width: 50%;
}
div.formation-agenda div.agenda div.group div.occurrence div.intitule p.sous-titre {
  font-size: 13px;
  font-style: italic;
  color: #555555;
}
div.formation-agenda div.agenda div.group div.occurrence div.date {
  width: 15%;
}
div.formation-agenda div.agenda div.group div.occurrence div.date p {
  font-size: 14px;
  line-height: 15px;
}
div.formation-agenda div.agenda div.group div.occurrence div.ville {
  width: 5%;
}
div.formation-agenda div.agenda div.group div.occurrence div.ville p {
  font-weight: bold;
  font-size: 14px;
}
div.formation-agenda div.agenda div.group div.occurrence div.inscriptions {
  width: 15%;
  font-size: 14px;
}
div.formation-agenda div.agenda div.group div.occurrence div.inscriptions span span {
  font-size: 12px;
}
div.formation-agenda div.agenda div.group div.occurrence div.formateurs {
  width: 15%;
}
div.formation-agenda div.agenda div.group div.occurrence div.formateurs p {
  font-size: 14px;
}
div.formation-agenda div.agenda div.group div.occurrence.even div {
  background-color: #fafafa;
}
div.formation-agenda div.agenda div.group div.occurrence:hover > div {
  background-color: #f8ebe0;
}
div.formation-agenda div.agenda-modes {
  padding: 5px;
  margin: 10px 0px 10px 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
div.formation-agenda div.agenda-modes a {
  display: block;
  padding: 10px 10px 10px 60px;
  width: 240px;
  font-size: 20px;
  color: #fafafa;
  background-color: #206074;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 15px 3px;
}
div.formation-agenda div.agenda-modes a.mode-date {
  background-image: url("../../../img/icon/calendar-icon.svg");
}
div.formation-agenda div.agenda-modes a.mode-formateur {
  background-image: url("../../../img/icon/account-white-icon.svg");
}
div.formation-agenda div.agenda-modes a.mode-theme {
  background-image: url("../../../img/icon/grid-icon.svg");
}

span.occupation {
  display: block;
  padding-top: 18px;
  font-size: 14px;
  background-size: 48px 16px;
  background-repeat: no-repeat;
}
span.occupation.open {
  color: rgb(33, 129, 33);
  background-image: url("../../../img/icon/open-icon.svg");
}
span.occupation.almost-full {
  color: rgb(165, 107, 0);
  background-image: url("../../../img/icon/almost-full-icon.svg");
}
span.occupation.full {
  color: rgb(177, 54, 54);
  background-image: url("../../../img/icon/full-icon.svg");
}
span.occupation span {
  color: #4a4a4a;
  font-size: 12px;
}

div.formation-occurrence h2 {
  border: none;
  font-size: 20px;
  color: #99999b;
  font-style: italic;
}
div.formation-occurrence div.occurrence-view {
  display: flex;
  gap: 20px;
}
div.formation-occurrence div.occurrence-view div.info-panel {
  flex-grow: 8;
}
div.formation-occurrence div.occurrence-view div.info-panel div.theme-infos {
  padding: 8px;
}
div.formation-occurrence div.occurrence-view div.info-panel div.theme-infos p, div.formation-occurrence div.occurrence-view div.info-panel div.theme-infos ol li {
  margin-top: 2px;
  font-size: 14px;
}
div.formation-occurrence div.occurrence-view div.info-panel div#more-theme li {
  margin-left: 30px;
}
div.formation-occurrence div.occurrence-view div.info-panel div.theme-occurrences {
  border-radius: 4px;
  padding: 5px 10px 5px 80px;
  background: url("../../../img/icon/calendar-blue-icon.svg") 10px 10px no-repeat #ecf9fc;
  background-size: 60px;
}
div.formation-occurrence div.occurrence-view div.info-panel div.theme-occurrences p {
  margin: 2px;
  color: #004c59;
  font-weight: bold;
}
div.formation-occurrence div.occurrence-view div.inscription-panel {
  min-width: 320px;
  flex-grow: 3;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons {
  display: flex;
  gap: 5px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a {
  display: block;
  border: solid thin #555555;
  padding: 4px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-size: 24px 24px;
  width: 100px;
  cursor: pointer;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.inscription-button {
  background-color: #e6007e;
  color: #fafafa;
  padding-left: 30px;
  background-image: url("../../../img/icon/checklist-icon.svg");
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.disabled-inscription-button {
  background-color: #e8e9ec;
  color: #4a4a4a;
  padding-left: 30px;
  background-image: url("../../../img/icon/disabled-icon.svg");
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.interet-button, div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.print-button {
  width: 20px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.interet-button.unmarked {
  background-image: url("../../../img/icon/heart-icon.svg");
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.interet-button.unmarked:hover {
  background-image: url("../../../img/icon/heart-full-icon.svg");
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.interet-button.marked {
  background-image: url("../../../img/icon/heart-full-icon.svg");
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.action-buttons a.print-button {
  background-image: url("../../../img/icon/print-icon.svg");
  background-position: 6px 2px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.more-info-panel {
  margin-top: 10px;
  border: solid thin #555555;
  max-width: 400px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.more-info-panel div.info-block {
  display: flex;
  gap: 10px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.more-info-panel div.info-block p.panel-name {
  min-width: 120px;
  padding-left: 10px;
  font-weight: bold;
  font-style: italic;
  border-right: solid thin #555555;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.more-info-panel div.info-block div.formateur-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.more-info-panel div.info-block div.formateur-list div.image-card {
  height: 80px;
}
div.formation-occurrence div.occurrence-view div.inscription-panel div.more-info-panel div.info-block div.formateur-list div.image-card img {
  box-shadow: 2px 2px 2px #888888;
}

div.formation-catalogue div.catalogue-content div.catalogue-competence {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-title {
  width: 250px;
  height: 250px;
  color: #fafafa;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-title h2 {
  color: #fafafa;
  border: none;
  text-align: center;
  font-size: 22px;
  height: 170px;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-title p {
  font-size: 14px;
  font-style: italic;
  text-align: center;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-content {
  flex-grow: 10;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-content div.competence-description {
  padding: 10px;
  height: 230px;
  max-width: 1000px;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-content div.competence-agenda {
  transition: height 0.3s ease-in-out;
  display: none;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-content div.competence-agenda ul li ul {
  padding-left: 0px;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-content div.competence-agenda ul li ul li {
  padding-left: 18px;
  list-style-type: none;
  background: url("../../../img/icon/calendar-blue-icon.svg") no-repeat;
  background-size: 16px 16px;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_0 div.competence-title {
  background-color: #b00064;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_0 div.competence-content {
  background-color: #ffc6e2;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_1 div.competence-title {
  background-color: #5c722c;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_1 div.competence-content {
  background-color: #e0ffd3;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_2 div.competence-title {
  background-color: #004c59;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_2 div.competence-content {
  background-color: #c4f9ff;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_3 div.competence-title {
  background-color: #915f19;
}
div.formation-catalogue div.catalogue-content div.catalogue-competence.competence_3 div.competence-content {
  background-color: #ffe6ad;
}

div.formation-formateurs div.formateur {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #f5f5f5;
}
div.formation-formateurs div.formateur div.formateur-image {
  width: 160px;
}
div.formation-formateurs div.formateur div.formateur-image img {
  box-shadow: 2px 2px 2px #99999b;
  max-width: 150px;
}
div.formation-formateurs div.formateur div.formateur-info {
  max-width: 900px;
}
div.formation-formateurs div.formateur div.formateur-info h2 {
  border-bottom: none;
}
div.formation-formateurs div.formateur div.formateur-info a {
  padding-left: 20px;
  background: url("../../../img/icon/calendar-blue-icon.svg") no-repeat;
  background-size: 18px 18px;
  color: #e6007e;
}

div.formation-formateur-view {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
div.formation-formateur-view div.formateur-image img {
  box-shadow: 2px 2px 2px #99999b;
  max-width: 220px;
}
div.formation-formateur-view div.formateur-info {
  max-width: 900px;
}

div.formateur-agenda .occurrence p.intitule {
  margin: 0px;
  padding-left: 22px;
  background: url("../../../img/icon/calendar-blue-icon.svg") no-repeat;
  background-size: 18px 18px;
}
div.formateur-agenda .occurrence p.intitule a.inscription {
  color: #e6007e;
}

div.newsletter {
  max-width: 1024px;
  margin: auto;
  margin-top: 25px;
}
div.newsletter div.newsletter-intro {
  padding-top: 279px;
  background-image: url("../../../img/formation/banniere-newsletter.webp");
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}
div.newsletter div.newsletter-form div.form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
div.newsletter div.newsletter-form div.form div.form-textfield {
  width: 350px;
}
div.newsletter div.newsletter-social {
  display: flex;
  justify-content: center;
  gap: 10px;
}
div.newsletter div.newsletter-social a {
  display: block;
}
div.newsletter div.newsletter-social a img {
  max-width: 40px;
}

div.stats-occurrence div.results {
  margin-top: 15px;
}

@media (max-width: 897px) {
  div.newsletter div.newsletter-intro {
    padding-top: 100px;
  }
  div.formation-catalogue div.catalogue-content div.catalogue-competence div.competence-title {
    width: 100%;
  }
  div.formation-agenda div.agenda div.group div.occurrence div.intitule {
    width: 70% !important;
  }
  div.formation-agenda div.agenda div.group div.occurrence div.inscriptions {
    width: 30% !important;
  }
  div.formation-agenda div.agenda div.group div.occurrence div.date {
    display: none;
  }
  div.formation-agenda div.agenda div.group div.occurrence div.ville {
    display: none;
  }
  div.formation-agenda div.agenda div.group div.occurrence div.formateurs {
    display: none;
  }
  div.occurrence-view {
    flex-wrap: wrap;
  }
  div.occurrence-view div.info-panel {
    order: 2;
  }
  div.occurrence-view div.inscription-panel {
    order: 1;
  }
}
@media print {
  div.action-buttons *, div.link-section * {
    visibility: hidden;
  }
}

/*# sourceMappingURL=formation.css.map */