.fade-in {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.fade-in.show {
  opacity: 1;
}
.thumbnail-container img {
  width: 100%;
  height: auto;
  display: block;
}
.news-dots li {
  width: 10px;
  height: 10px;
  background-color: var(--color-gris);
  opacity: 0.25;
  border-radius: 50%;
}
.news-dots li:hover {
  cursor: pointer;
}
.news-dots li.active {
  background-color: var(--color-rouge-vif);
  opacity: 1;
}
section#news,
section#section_notre_ecole_votre_avenir,
section#section_presentation_clinique,
section#section_stages_immersion,
section#section_votre_metier_passion {
  margin-bottom: 0;
}
section#section_formations_completes,
section#section_le_metier,
section#section_notre_adn,
section#section_notre_clinique {
  margin-top: 0;
  margin-bottom: 0;
}
section#section_notre_ecole {
  margin-bottom: 40px;
}
body.eooa main#main section#section_equipe_admin {
  margin-bottom: 15rem;
}
section#section_bde,
section#section_bonnes_raisons,
section#section_ecole_en_images,
section#section_mot_des_directeurs,
section#section_partenaires,
section#section_pourquoi,
section#section_rejoindre,
section#section_rencontrons,
section#section_webinaire {
  margin-top: 0;
}
.site-main section#section_rencontrons,
section#brochure_et_information,
section#organisation_annee,
section#pedagogie_et_evaluation,
section#reconnaissance_officielle,
section#section_jpo,
section#section_metier_vous_interesse,
section#section_reconnaissance,
section#unites_enseignement {
  margin-top: 4rem;
}
section#section_notre_clinique {
  margin-bottom: 10rem;
  margin-top: 0;
}
section#section_temoignages {
  margin-bottom: 1rem;
}
.news-container .news-thumbnail {
  position: relative;
}
body.eooa .news-thumbnail img {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
}
.news-container button.nav:not(:hover):not(:active):not(.has-background) {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  display: none;
}
.news-container button.nav:active,
.news-container button.nav:hover {
  border: none;
}
.news-container button.nav:focus {
  outline: 0;
}
.news-container button.nav {
  background: 0 0;
}
.news-container .news-thumbnail button.next,
.news-container .news-thumbnail button.prev {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
  bottom: 0.5rem;
  background-image: url(../img/icons/icon-arrow-news.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.news-container .news-thumbnail button.prev {
  left: 0;
}
.news-container .news-thumbnail button.next {
  right: 0;
  transform: rotate(180deg);
}
.flex-content.text-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
section.col2 .flex-container .flex-content:nth-child(1),
section.col3 .flex-container .flex-content:nth-child(2) {
  margin-bottom: 2rem;
}
section.col2 .flex-container .flex-content:nth-child(1) p:last-child,
section.col2#news .flex-container .flex-content:nth-child(1) {
  margin-bottom: 0;
}
section.col2#section_le_metier
  .flex-container
  .flex-content:nth-child(1)
  p:last-child {
  margin-bottom: 2rem;
}
section#section_nos_locaux .flex-content.text-container {
  justify-content: center;
}
body.eooa
  #section_youtube.col1
  .flex-container
  .flex-content
  .flex-container
  .flex-content.img {
  margin-top: 2rem;
}
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.raisons
  .flex-content.raisons
  img {
  width: 15%;
}
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.deroule
  .flex-content.deroule,
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.raisons
  .flex-content.raisons {
  text-align: center;
  margin-bottom: 5rem;
}
body.eooa .col1 .flex-container .flex-content .flex-container.raisons {
  align-items: stretch;
}
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.raisons
  .flex-content.raisons {
  padding: 1rem;
  width: 100%;
  background-color: var(--color-rouge-clair);
  border-radius: var(--br-m);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
}
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.deroule
  .flex-content.deroule {
  margin-bottom: 3rem;
}
.page-template-template-clinique section .flex-container.deroule,
.page-template-template-clinique section .flex-container.patients,
.page-template-template-clinique section .flex-container.raisons {
  flex-direction: column;
}
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.patients
  .flex-content.patients {
  padding: 1rem;
  width: 100%;
  background-color: var(--color-blanc);
  border-radius: var(--br-m);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  align-items: center;
}
body.eooa
  .col1
  .flex-container
  .flex-content
  .flex-container.deroule
  .flex-content.deroule {
  padding: 1rem;
  background-color: var(--color-blanc);
  border-radius: var(--br-m);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.eooa .flex-container.pucesContainer {
  flex-direction: column;
}
body.eooa section#news .flex-container .news-container .flex-content:has(.cta) {
  position: relative;
}
body.eooa section#news .flex-container .news-container .flex-content .deco {
  position: absolute;
}
body.eooa
  section#news
  .flex-container
  .news-container
  .flex-container:first-child {
  flex-direction: column-reverse;
}
body.eooa #section_jpo .flex-container {
  display: flex;
  flex-direction: column-reverse;
}
.footer .flex-container,
.header .flex-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap, 1rem);
}
@media (min-width: 768px) {
  body.eooa ul.news-dots {
    margin: 2rem 2rem 2rem 2rem;
  }
  body.eooa
    section#news
    .flex-container
    .news-container
    .flex-container:first-child {
    flex-direction: row-reverse;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons
    img {
    width: 85%;
  }
  section .flex-container .flex-content.text-container {
    margin-bottom: 0;
  }
  body.eooa .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  body.eooa #section_formulaire .flex-container,
  body.eooa #section_jpo .flex-container,
  body.eooa #section_metier_vous_interesse .flex-container,
  body.eooa #section_reconnaissance .flex-container,
  body.eooa #section_rejoindre .flex-container,
  body.eooa #section_votre_metier_passion .flex-container,
  body.eooa #section_webinaire .flex-container,
  body.eooa.page-template-template-fichesFormations section .flex-container {
    align-items: flex-start;
  }
  body.eooa #section_nos_formations .flex-container,
  body.eooa #section_notre_ecole .flex-container {
    align-items: center;
  }
  body.eooa .col1 .flex-container {
    flex-direction: column;
  }
  body.eooa .col1 .flex-container .flex-content .flex-container {
    flex-direction: row;
  }
  body.eooa .col1 .flex-container .flex-content .flex-container.deroule {
    align-items: stretch;
  }
  body.eooa section#news .flex-container .flex-content .flex-container {
    flex-direction: row-reverse;
  }
  body.eooa
    section#news
    .flex-container
    .flex-content
    .flex-container:has(.flex-content.cta) {
    flex-direction: row;
  }
  body.eooa .col1 .flex-container .flex-content .flex-container .flex-content,
  body.eooa .col2 .flex-container .flex-content {
    width: 100%;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.deroule
    .flex-content.deroule,
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons {
    width: 48%;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons {
    justify-content: flex-start;
  }
  body.eooa .col1 .flex-container .flex-content,
  body.eooa .col2 .flex-container.pucesContainer .flex-content.pucesItem,
  body.eooa section#news .flex-container .flex-content,
  body.eooa
    section#news
    .flex-container
    .news-container
    .flex-content.text-column,
  body.eooa.page-template-template-fichesFormations
    section
    .flex-container
    .flex-content.forma_header {
    width: 100%;
  }
  body.eooa section#news .flex-container .news-container .flex-content {
    width: 100%;
  }
  body.eooa
    section#news
    .flex-container
    .news-container
    .flex-content.image-column {
    width: 100%;
  }
  body.eooa section#news .flex-container {
    flex-direction: column;
  }
  body.eooa .news-thumbnail img {
    max-height: 440px;
    max-width: none;
    min-width: 100%;
    margin-bottom: 0;
  }
  body.eooa .flex-content.text-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.eooa section#news .flex-content.text-content {
    justify-content: flex-start;
  }
  body.eooa .flex-content.text-content .cta {
    margin-top: 0;
    margin-bottom: 0;
  }
  body.eooa .col3 .flex-container .flex-content {
    width: 100%;
  }
  body.eooa
    .col3#section_environnement_et_acces
    .flex-container
    .flex-content:nth-child(3) {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  body.eooa
    .col3#section_environnement_et_acces
    .flex-container
    .flex-content:nth-child(3)
    div {
    width: 48%;
  }
  body.eooa .flex-container {
    flex-wrap: wrap;
  }
  body.eooa
    #section_youtube.col1
    .flex-container
    .flex-content
    .flex-container
    .flex-content.img {
    margin-top: 0;
  }
  section#section_debouches .flex-container .flex-content.text-container {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  body.eooa ul.news-dots {
    margin: 2rem 2rem 0 2rem;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons
    img {
    width: 15%;
  }
  body.eooa section#news .flex-container .news-container .flex-content {
    width: 45%;
  }
  body.eooa
    section#news
    .flex-container
    .news-container
    .flex-content.image-column {
    width: 52%;
  }
  body.eooa .col3 .flex-container .flex-content {
    width: 48%;
  }
  body.eooa .col1 .flex-container .flex-content .flex-container {
    align-items: stretch;
  }
  body.eooa .flex-container.patients .flex-content.patients .img,
  body.eooa .flex-container.patients .flex-content.patients h4 {
    width: 100%;
    margin-bottom: 0;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.patients
    .flex-content.patients {
    padding: 1rem;
    width: 31%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  body.eooa #news-page-container .deco-title_stroke,
  body.eooa
    #section_bonnes_raisons
    .flex-container
    .flex-content
    .deco-title_stroke,
  body.eooa
    #section_clinique_en_images
    .flex-container
    .flex-content
    .deco-title_stroke,
  body.eooa
    #section_deroule_seance
    .flex-container
    .flex-content
    .deco-title_stroke,
  body.eooa
    #section_environnement_et_acces
    .flex-container
    .flex-content
    .deco-title_stroke,
  body.eooa
    #section_metier_vous_interesse
    .flex-container
    .flex-content
    .deco-title_stroke,
  body.eooa
    #section_nos_patients
    .flex-container
    .flex-content
    .deco-title_stroke,
  body.eooa section#news .flex-container .flex-content.deco-title_stroke,
  body.eooa
    section#section_ecole_en_images
    .flex-container
    .flex-content
    .deco-title_stroke {
    width: fit-content;
  }
}
@media (min-width: 1200px) {
  body.eooa #section_jpo .flex-container {
    flex-direction: row;
  }
  body.eooa .col1 .flex-container .flex-content .flex-container .flex-content,
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.deroule
    .flex-content.deroule,
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons,
  body.eooa .col2 .flex-container .flex-content {
    width: 48%;
  }
  body.eooa .col2 .flex-container .flex-content:has(.title-container) {
    width: 100%;
  }
  body.eooa section .flex-container .flex-content .flex-content:has(.img) {
    width: 100%;
  }
  section#news .flex-container .news-container .flex-content {
    width: 35%;
  }
  section#news .flex-container .news-container .flex-content.image-column {
    width: 60%;
  }
  body.eooa .col1 .flex-container .flex-content .flex-container.deroule,
  body.eooa .col1 .flex-container .flex-content .flex-container.patients {
    align-items: stretch;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.deroule
    .flex-content.deroule {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.deroule
    .flex-content.deroule,
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons {
    width: 24%;
    text-align: center;
  }
  body.eooa
    .col1
    .flex-container
    .flex-content
    .flex-container.raisons
    .flex-content.raisons
    img {
    width: 25%;
  }
  body.eooa
    main
    section:not(#section_ecole_en_images):not(#section_clinique_en_images)
    .flex-container
    .flex-content
    .flex-content.img {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  body.eooa
    .col3#section_environnement_et_acces
    .flex-container
    .flex-content:nth-child(3) {
    width: 31%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  body.eooa
    .col3#section_environnement_et_acces
    .flex-container
    .flex-content:nth-child(2) {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  body.eooa
    .col3#section_environnement_et_acces
    .flex-container
    .flex-content:nth-child(3)
    div {
    width: 100%;
  }
  body.eooa .flex-container {
    flex-wrap: nowrap;
  }
  body.eooa .col3 .flex-container .flex-content,
  body.eooa section.col3 .flex-container .flex-content.img {
    width: 31%;
  }
  section#section_formations_completes .flex-content.image2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    width: 31%;
  }
  section#section_stages_immersion .flex-content.image2 {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 48%;
  }
  section#section_stages_immersion .flex-content.image2 .img {
    width: 100%;
    margin: 0;
  }
  section#section_pourquoi .flex-content.image2 {
    width: 31%;
    flex-direction: column;
    justify-content: space-around;
  }
  body.eooa .image2 img {
    width: 100%;
    max-height: none;
    min-height: 48%;
  }
}