/* Vert - BASE */
/* Vert foncé */
/* Vert moyen */
/* Vert clair */
/* Vert pastel */
/* Rouge - BASE */
/* Rouge foncé */
/* Rouge moyen */
/* Rouge clair */
/* Rouge pastel */
/* Bleu - BASE */
/* Bleu foncé */
/* Bleu moyen */
/* Bleu clair */
/* Bleu pastel */
.ei_fullsite_wrap .ei_content,
.ei_transac .ei_content {
  padding: 0;
}
.ei_fullsite_wrap .ei_contener,
.ei_transac .ei_contener {
  max-width: none;
}
p.small {
  font-size: 14px;
}
ul li {
  line-height: 1.3;
}
ol li {
  line-height: 1.3;
}
div p:first-child,
div h2:first-child,
div h3:first-child {
  margin-top: 0;
}
.grid3 {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  gap: 50px;
}
@media only screen and (max-width: 992px) {
  .grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid3 img {
  width: auto;
  height: auto;
}
.reassurance p.titre {
  font-size: 60px;
  line-height: 1;
  text-align: center;
  color: #25378D;
  font-weight: bold;
  margin: auto;
}
.reassurance .reassurance-image {
  height: 90px;
  display: flex;
}
.reassurance .reassurance-image img {
  display: block;
  margin: auto;
  max-height: 75px;
}
div.ctxt-formation img {
  width: max-content;
  max-width: 100%;
  display: block;
  margin: auto;
}
div.ctxt-formation p {
  line-height: 1.5em;
}
div.ctxt-formation h1 {
  font-size: 3.75rem;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation h1 {
    font-size: 2.125rem;
  }
}
div.ctxt-formation h2 {
  font-size: 2.25rem;
}
div.ctxt-formation h3 {
  font-size: 1.3rem;
  line-height: normal;
}
div.ctxt-formation main > .content {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
div.ctxt-formation .button {
  border-radius: 5px;
  font-size: 1.125rem;
  border: 2px solid #007C82;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #007C82;
  color: #fff;
  padding: 0.625rem 1.125rem;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  transition: all 1s ease 0s;
}
div.ctxt-formation .button:hover {
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  color: #004B4F;
  border-color: #00C4CF;
  background: #00C4CF;
}
@media only screen and (max-width: 1280px) {
  div.ctxt-formation .content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  div.ctxt-formation .content {
    padding: 10px 20px 10px 20px;
  }
}
div.ctxt-formation .actions .button.dl {
  background-color: #E63812;
  border: 2px solid #E63812;
  color: white;
}
div.ctxt-formation .actions {
  display: flex;
  height: max-content;
}
div.ctxt-formation .actions .button {
  background: #fff;
  color: #007C82;
  border: 2px solid rgba(0, 124, 130, 0.3);
  padding: 6px 40px 6px 20px;
  padding: 0.375rem 2.5rem 0.375rem 1.25rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  letter-spacing: 1px;
}
div.ctxt-formation .actions .more {
  position: relative;
}
div.ctxt-formation .actions .more:after {
  font-family: fts_picto;
  content: "\F01B9";
  position: relative;
  top: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 5px;
  padding-left: 0.3125rem;
  position: absolute;
  top: 50%;
  right: 15px;
}
div.ctxt-formation .actions .more.dl:after {
  content: "\0F00EA";
}
div.ctxt-formation.main article header.hero {
  position: relative;
  padding: 0;
  max-width: none;
  background: transparent;
}
div.ctxt-formation.main article header.hero div.img {
  border-top: none;
  position: relative;
}
div.ctxt-formation.main article header.hero div.img:before {
  background: rgba(65, 65, 65, 0.3) !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
}
div.ctxt-formation.main article header.hero div.img img {
  display: block;
  max-width: 100%;
  height: auto;
}
div.ctxt-formation.main article header.hero div.banner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
  color: #fff;
  padding: 0 30px;
  padding: 0 1.875rem;
  margin: 0 auto;
  max-width: 1280px;
}
div.ctxt-formation.main article header.hero div.banner h1 {
  color: #fff;
  font-size: 3.75rem;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation.main article header.hero div.banner {
    position: static;
    -webkit-transform: initial;
    transform: initial;
    color: #414141;
    text-align: left;
    width: auto;
    padding: 10px 20px 5px;
    padding: 0.625rem 1.25rem 0.3125rem;
  }
  div.ctxt-formation.main article header.hero div.banner h1 {
    color: #007C82;
    width: 100%;
    font-size: 2.125rem;
  }
}
div.ctxt-formation aside.tiles div.tile {
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 0 0 30px;
  padding: 0 0 1.875rem;
  height: 100%;
  position: relative;
  z-index: 50;
}
div.ctxt-formation aside.tiles div.tile .banner,
div.ctxt-formation aside.tiles div.tile .actions {
  padding: 20px 20px 0;
}
div.ctxt-formation aside.tiles div.tile figure {
  margin: 0;
}
div.ctxt-formation .flex {
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex {
    flex-wrap: wrap;
  }
}
div.ctxt-formation .flex.wrap {
  flex-wrap: wrap;
}
div.ctxt-formation .flex.wrap > div {
  width: 100%;
}
div.ctxt-formation .flex .flex50 {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex50 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex40 {
  width: 40%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex40 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex33 {
  width: 33%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex33 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex30 {
  width: 30%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex30 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex15 {
  width: 15%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex15 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex10 {
  width: 10%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex10 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex70 {
  width: 70%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex70 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex80 {
  width: 80%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex80 {
    width: 100%;
  }
}
div.ctxt-formation .flex .flex100 {
  width: 100%;
}
div.ctxt-formation .flex .flex25 {
  width: 25%;
}
@media only screen and (max-width: 992px) {
  div.ctxt-formation .flex .flex25 {
    width: 100%;
  }
}
div.ctxt-formation .flex .gap10,
div.ctxt-formation .flex.gap10 {
  gap: 5px 10px;
}
div.ctxt-formation .flex .gap50,
div.ctxt-formation .flex.gap50 {
  gap: 50px;
}
div.ctxt-formation .flex .gap100,
div.ctxt-formation .flex.gap100 {
  gap: 100px;
}
header .head-titre {
  background-color: rgba(0, 124, 130, 0.05);
  padding: 80px 0;
  display: flex;
}
header .head-titre-content {
  width: 1280px;
  margin: auto;
}
@media only screen and (max-width: 1280px) {
  header .head-titre-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
header .head-titre-content h1 {
  color: #007C82;
  margin: 0;
}
header .head-titre-content .tags {
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
}
header .head-titre-content .tags .tag {
  background: #25378D;
  color: white;
  border-radius: 5px;
  padding: 3px 5px;
  line-height: 1;
  display: flex;
}
header .head-titre-content .tags .tag.duree:before {
  font-family: fts_picto;
  content: "\0F04F4";
  vertical-align: middle;
  margin-right: 3px;
}
header .head-titre-content .tags .tag.niveau:before {
  font-family: fts_picto;
  content: "\0F03CF";
  vertical-align: middle;
  margin-right: 3px;
}
header .head-titre-content .tags .tag.lieu:before {
  font-family: fts_picto;
  content: "\0F053F";
  vertical-align: middle;
  margin-right: 3px;
}
header .head-titre-content .tags .tag.type:before {
  font-family: fts_picto;
  content: "\0F035E";
  vertical-align: middle;
  margin-right: 3px;
}
header .head-titre-content .tags .tag.incontournable {
  background-color: #E63812;
}
header .head-description {
  background-color: #007C82;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
  color: white;
}
@media only screen and (max-width: 992px) {
  header .head-description {
    padding: 80px 1.25rem;
  }
}
header .head-description-content {
  max-width: 1280px;
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 1280px) {
  header .head-description-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
header .head-description-content .bloc-milieu .presentation-prix {
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 992px) {
  header .head-description-content .bloc-milieu .presentation-prix {
    flex-wrap: wrap;
  }
}
header .head-description-content .bloc-milieu .presentation-prix .prix,
header .head-description-content .bloc-milieu .presentation-prix .inter-intra {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  header .head-description-content .bloc-milieu .presentation-prix .prix,
  header .head-description-content .bloc-milieu .presentation-prix .inter-intra {
    width: 100%;
    flex-direction: row;
  }
}
header .head-description-content .bloc-milieu .presentation-prix .prix {
  margin: auto;
  gap: 25px;
}
@media only screen and (max-width: 992px) {
  header .head-description-content .bloc-milieu .presentation-prix .prix .content-adherent {
    width: 50%;
    gap: 25px;
  }
}
header .head-description-content .bloc-milieu .presentation-prix .prix .content-adherent p {
  margin: 0;
}
header .head-description-content .bloc-milieu .presentation-prix .prix .content-adherent .adherent {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
header .head-description-content .bloc-milieu .presentation-prix .prix .content-adherent .prix-adherent p {
  font-size: 60px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  header .head-description-content .bloc-milieu .presentation-prix .prix .content-adherent .prix-adherent p {
    font-size: 50px;
  }
}
@media only screen and (max-width: 768px) {
  header .head-description-content .bloc-milieu .presentation-prix .prix .content-adherent .prix-adherent p {
    font-size: 30px;
  }
}
header .head-description-content .bloc-gauche-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
header .head-description-content .bloc-gauche .presentation-formateur {
  display: flex;
  gap: 20px;
}
header .head-description-content .bloc-gauche .presentation-formateur .photo {
  padding: 0;
}
header .head-description-content .bloc-gauche .presentation-formateur .photo::before {
  content: none;
}
header .head-description-content .bloc-gauche .presentation-formateur .photo img {
  border-radius: 50%;
}
header .head-description-content .bloc-gauche .presentation-formateur .description .nom {
  font-weight: bold;
}
header .head-description-content .bloc-gauche .presentation-formateur .description .nom p {
  margin: 0;
}
header .head-description-content .bloc-gauche .presentation-formateur .experience {
  width: 40%;
}
header .head-description-content .bloc-gauche .texte-recap p {
  font-size: 20px;
  margin-top: 0;
}
header .head-description-content .bloc-droite ul {
  margin: 0;
}
header .head-description-content .bloc-droite ul li {
  list-style: circle;
}
header .head-description-content .bloc-droite h3 {
  margin-top: 0;
}
header .head-description-content.sommaire ul {
  padding: 0;
}
header .head-description-content.sommaire ul li {
  list-style: none;
  background-color: #f2f8f9;
  position: relative;
}
header .head-description-content.sommaire ul li a {
  padding: 1rem;
  width: 100%;
  display: block;
}
header .head-description-content.sommaire ul li a:after {
  font-family: fts_picto;
  content: "\F01B9";
  position: relative;
  top: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 5px;
  padding-left: 0.3125rem;
  position: absolute;
  top: 50%;
  right: 15px;
}
header .notation {
  background-color: #C8F1F3;
}
header .notation .content {
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
}
header .notation .content p {
  margin: 0;
  font-style: normal;
}
header .notation .content p span {
  color: #25378D;
  font-size: 1.2em;
  font-weight: bold;
}
body {
  background-color: white !important;
}
main .content {
  max-width: 1280px;
  margin: auto;
  padding: 80px 0;
}
@media only screen and (max-width: 1280px) {
  main .content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
main .content > .flex {
  gap: 50px 100px;
}
main .content .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
main .content .pagination ul {
  padding-left: 0;
  display: flex;
  gap: 5px;
}
main .content .pagination ul li {
  list-style: none;
  text-align: center;
}
main .content .pagination ul li a {
  background-color: #007C82;
  padding: 5px 7px;
  border-radius: 5px;
  color: white;
}
main .content .pagination ul li a.sel {
  background-color: #004B4F;
}
main .bloc-gauche-content {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
main .bloc-gauche .formation {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
main .bloc-gauche .formation ul li {
  list-style: circle;
}
main .bloc-gauche .details-formation-content {
  background-color: rgba(0, 124, 130, 0.05);
}
main .bloc-gauche .details-formation-content > .flex {
  padding: 2rem;
}
main .bloc-gauche .details-formation-content > .flex h2 {
  margin-top: 0;
}
main .bloc-gauche .details-formation-content .photo {
  display: none;
}
main .bloc-gauche .details-formation-content .nom {
  font-weight: bold;
}
main .bloc-gauche .details-formation .detail-gauche,
main .bloc-gauche .details-formation .detail-droite {
  display: flex;
  width: 50%;
  flex-wrap: wrap;
  gap: 30px;
  align-content: start;
}
@media only screen and (max-width: 992px) {
  main .bloc-gauche .details-formation .detail-gauche,
  main .bloc-gauche .details-formation .detail-droite {
    width: 100%;
  }
}
main .bloc-gauche .details-formation .detail-gauche.-content-droite,
main .bloc-gauche .details-formation .detail-droite.-content-droite,
main .bloc-gauche .details-formation .detail-gauche.-content-gauche,
main .bloc-gauche .details-formation .detail-droite.-content-gauche {
  height: fit-content;
}
main .bloc-gauche .details-formation .detail-tarif {
  background-color: #007C82;
  color: white;
  padding: 2rem;
}
main .bloc-gauche .details-formation .detail-tarif .cout .content-adherent {
  display: flex;
  gap: 5px;
}
main .bloc-gauche .details-formation .detail-tarif .cout .content-adherent .adherent p,
main .bloc-gauche .details-formation .detail-tarif .cout .content-adherent .prix-adherent p {
  margin: 0;
}
main .bloc-droite {
  position: relative;
  height: 100%;
}
main .bloc-droite > div {
  position: sticky;
  top: 170px;
}
main .bloc-droite .sommaire {
  margin-bottom: 2rem;
}
main .bloc-droite .sommaire ul {
  padding: 0;
}
main .bloc-droite .sommaire ul li {
  list-style: none;
}
main .bloc-droite .inter-intra {
  background: #007C82;
  border-radius: 20px;
  padding: 2rem;
}
main .bloc-droite .inter-intra h3 {
  color: white;
  margin-top: 0;
}
main .bloc-droite .inter-intra p {
  color: white;
  margin: 0.5em 0;
}
main .bloc-droite .inter-intra p.adherent {
  text-transform: uppercase;
  margin-top: 1em;
  font-size: 16px;
}
main .bloc-droite .inter-intra p .prix-interintra {
  font-size: 20px;
}
main .rebounds__content .rebounds__title {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
main .rebounds__content .rebounds__title .actions {
  margin-top: 0;
}
main .rebounds__content #filters {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
main .rebounds__content #filters p {
  margin: 0;
}
main .rebounds__content #filters .filter {
  position: relative;
}
main .rebounds__content #filters .filter.list {
  width: 15%;
}
main .rebounds__content #filters .filter > ul.list {
  z-index: 1;
  padding-left: 0;
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
  width: 100%;
  margin: 0;
  background: #fff;
}
main .rebounds__content #filters .filter > ul.list:first-child li a {
  padding-top: 9px;
}
main .rebounds__content #filters .filter > ul.list li {
  display: block;
  margin: 0;
  background: #fff;
}
main .rebounds__content #filters .filter > ul.list li:first-child a {
  padding-top: 12px;
}
main .rebounds__content #filters .filter > ul.list li a {
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  color: #414141;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  border-bottom: 1px solid rgba(37, 55, 141, 0.3);
  border-left: 1px solid rgba(37, 55, 141, 0.3);
  border-right: 1px solid rgba(37, 55, 141, 0.3);
  text-align: left;
  padding: 6px 20px;
  padding: 0.375rem 1.25rem;
}
main .rebounds__content #filters .filter > ul.list li.sel a {
  background: #25378D;
  color: #fff;
}
main .rebounds__content #filters .filter > ul.list li.sel a:after {
  content: "\F00D5";
  font-family: fts_picto;
  padding-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  color: #fff;
  align-self: center;
}
main .rebounds__content p.sel {
  z-index: 2;
  background-color: #f2f8f9;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  padding: 6px 20px;
  padding: 0.375rem 1.25rem;
  border: 1px solid rgba(37, 55, 141, 0.3);
  cursor: pointer;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
main .rebounds__content p.sel:after {
  font-family: fts_picto;
  padding-left: 5px;
  font-size: 20px;
  font-size: 1.25rem;
  content: "\F0327";
  position: absolute;
  right: 10px;
  color: #25378D;
}
main .rebounds__content p.sel a:after {
  content: "\F00D5";
  font-family: fts_picto;
  padding-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  color: #fff;
}
main .rebounds__content .rebounds__articles {
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 992px) {
  main .rebounds__content .rebounds__articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  main .rebounds__content .rebounds__articles {
    grid-template-columns: repeat(1, 1fr);
  }
}
main .rebounds__content .rebounds__articles .article-image {
  background: rgba(0, 124, 130, 0.05);
  margin-bottom: 10px;
}
main .rebounds__content .rebounds__articles .article-tile {
  flex-wrap: wrap;
  cursor: pointer;
}
main .rebounds__content .rebounds__articles .article-tile__body {
  align-self: self-end;
}
main .rebounds__content .rebounds__articles .article-tile__tag-container {
  width: 100%;
}
main .rebounds__content .rebounds__articles .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}
main .rebounds__content .rebounds__articles .tags .tag {
  background: #25378D;
  color: white;
  border-radius: 5px;
  padding: 3px 5px;
  line-height: 1;
}
main .rebounds__content .rebounds__articles .tags .tag.incontournable {
  background-color: #E63812;
}
main .agenda .flex {
  padding: 0px 20px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  main .agenda-legende {
    display: none !important;
  }
}
main .agenda-date > div:nth-child(2n+1) {
  background-color: rgba(0, 124, 130, 0.05);
}
main .agenda-date > .flex {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
main .agenda-date > .flex p {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  main .agenda-date > .flex > div {
    width: max-content !important;
  }
  main .agenda-date > .flex .flex40 {
    width: 100% !important;
  }
  main .agenda-date > .flex .flex40 p {
    font-weight: bold;
  }
}