/*
 * Theme Name: Stephenson
 * Author: Thibault Demoury
 * Template:     bootscore-main
 * Version:      5.1.3.1
 * Text Domain:  bootscore
*/
.text-gris {
  color: #363636 !important;
}

.text-rose {
  color: #E6007E !important;
}

.text-orange {
  color: #FF9900 !important;
}

html body {
  color: #363636;
}
html body * {
  font-family: "Urbanist", sans-serif;
}
html body a, html body a:hover {
  color: #363636;
}
html body h1, html body h2, html body h3, html body h4, html body h5 {
  font-weight: 700;
}
html body h2 {
  font-size: 34px;
}
html body h3 {
  font-size: 22px;
}
html body h4 {
  font-size: 18px;
}
html body .container {
  max-width: 1224px;
  padding-left: 20px;
  padding-right: 20px;
}
html body.page-template-template-formations .container {
  max-width: 1440px;
}
html body .image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
html body .imageContainer {
  position: relative;
  overflow: hidden;
  display: block;
}
html body .imageContainer img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
html body .socialContainer a {
  display: inline-block;
  width: 38px;
  line-height: 38px;
  height: 38px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  color: #FFF;
  text-decoration: none;
  font-size: 13px;
  transition-property: all;
  transition-duration: 0.3s;
  margin-right: 8px;
}
html body .socialContainer a:hover {
  background: #FFF;
  color: #363636;
}
html body .nf-form-cont .nf-response-msg {
  text-align: center;
  color: #E6007E;
  font-weight: bold;
}
html body .nf-form-cont h3 {
  text-align: center;
  font-size: 34px;
  margin-bottom: 50px;
}
html body .nf-form-cont form h4 {
  font-size: 16px;
}
html body .nf-form-cont form .nf-before-form-content {
  display: none;
}
html body .nf-form-cont form .nf-form-content {
  max-width: 775px;
}
html body .nf-form-cont form .nf-form-content .checkbox-container .checkbox-wrap label {
  font-weight: 500;
}
html body .nf-form-cont form .nf-form-content .nf-error * {
  color: #F00;
  border-color: #F00;
}
html body .nf-form-cont form .nf-form-content .nf-cell {
  padding: 0 20px;
}
html body .nf-form-cont form .nf-form-content label {
  font-size: 16px;
}
html body .nf-form-cont form .nf-form-content .submit-container {
  text-align: center;
  margin-top: 40px;
}
html body .arrow {
  background-image: url(./img/miniFleche.svg);
  display: inline-block;
  height: 8px;
  width: 15px;
  background-position: center;
  background-size: countain;
  background-repeat: no-repeat;
}
html body .btn, html body .nf-element[type=button] {
  border-radius: 0;
  font-size: 15px;
  font-weight: 600;
  height: 38px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 38px;
  border: 1px solid transparent;
}
html body .btn svg, html body .nf-element[type=button] svg {
  transition-property: all;
  transition-duration: 0.3s;
  margin-left: 15px;
}
html body .btn ~ .btn, html body .nf-element[type=button] ~ .btn {
  margin-left: 17px;
}
html body .btn.nf-element[type=button], html body .nf-element[type=button].nf-element[type=button] {
  background-image: url(./img/miniFlecheBlanche.svg);
  background-position: right 20px center;
  padding-right: 45px;
  background-repeat: no-repeat;
}
html body .btn.nf-element[type=button]:hover, html body .nf-element[type=button].nf-element[type=button]:hover {
  background-image: url(./img/miniFlecheOrange.svg);
}
html body .btn.btn-secondary, html body .btn.btn-orange, html body .btn.nf-element[type=button], html body .nf-element[type=button].btn-secondary, html body .nf-element[type=button].btn-orange, html body .nf-element[type=button].nf-element[type=button] {
  background-color: #FF9900;
  border-color: #FF9900;
  color: #FFF;
}
html body .btn.btn-secondary:after, html body .btn.btn-orange:after, html body .btn.nf-element[type=button]:after, html body .nf-element[type=button].btn-secondary:after, html body .nf-element[type=button].btn-orange:after, html body .nf-element[type=button].nf-element[type=button]:after {
  display: inline-block;
}
html body .btn.btn-secondary:before, html body .btn.btn-secondary:after, html body .btn.btn-orange:before, html body .btn.btn-orange:after, html body .btn.nf-element[type=button]:before, html body .btn.nf-element[type=button]:after, html body .nf-element[type=button].btn-secondary:before, html body .nf-element[type=button].btn-secondary:after, html body .nf-element[type=button].btn-orange:before, html body .nf-element[type=button].btn-orange:after, html body .nf-element[type=button].nf-element[type=button]:before, html body .nf-element[type=button].nf-element[type=button]:after {
  background-image: url(./img/miniFlecheBlanche.svg);
}
html body .btn.btn-secondary:hover, html body .btn.btn-orange:hover, html body .btn.nf-element[type=button]:hover, html body .nf-element[type=button].btn-secondary:hover, html body .nf-element[type=button].btn-orange:hover, html body .nf-element[type=button].nf-element[type=button]:hover {
  color: #FF9900;
  background-color: transparent;
}
html body .btn.btn-secondary:hover:before, html body .btn.btn-secondary:hover:after, html body .btn.btn-orange:hover:before, html body .btn.btn-orange:hover:after, html body .btn.nf-element[type=button]:hover:before, html body .btn.nf-element[type=button]:hover:after, html body .nf-element[type=button].btn-secondary:hover:before, html body .nf-element[type=button].btn-secondary:hover:after, html body .nf-element[type=button].btn-orange:hover:before, html body .nf-element[type=button].btn-orange:hover:after, html body .nf-element[type=button].nf-element[type=button]:hover:before, html body .nf-element[type=button].nf-element[type=button]:hover:after {
  background-image: url(./img/miniFlecheOrange.svg);
}
html body .btn:before, html body .btn:after, html body .nf-element[type=button]:before, html body .nf-element[type=button]:after {
  content: "";
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}
html body .btn:after, html body .nf-element[type=button]:after {
  margin-left: 10px;
}
html body .btn:before, html body .nf-element[type=button]:before {
  margin-right: 10px;
  transform: rotate(180deg);
}
html body .btn.btn-back:after, html body .nf-element[type=button].btn-back:after {
  display: none !important;
}
html body .btn.btn-back:before, html body .nf-element[type=button].btn-back:before {
  display: inline-block;
}
html body .btn.btn-dark, html body .nf-element[type=button].btn-dark {
  background-color: #363636;
  border-color: #363636;
  color: #FFF;
}
html body .btn.btn-dark:after, html body .nf-element[type=button].btn-dark:after {
  display: inline-block;
}
html body .btn.btn-dark:before, html body .btn.btn-dark:after, html body .nf-element[type=button].btn-dark:before, html body .nf-element[type=button].btn-dark:after {
  background-image: url(./img/miniFlecheBlanche.svg);
}
html body .btn.btn-dark:hover, html body .nf-element[type=button].btn-dark:hover {
  color: #363636;
  background-color: transparent;
}
html body .btn.btn-dark:hover:before, html body .btn.btn-dark:hover:after, html body .nf-element[type=button].btn-dark:hover:before, html body .nf-element[type=button].btn-dark:hover:after {
  background-image: url(./img/miniFlecheGris.svg);
}
html body .btn.btn-primary, html body .btn.btn-rose, html body .nf-element[type=button].btn-primary, html body .nf-element[type=button].btn-rose {
  background-color: #E6007E;
  border-color: #E6007E;
  color: #FFF;
}
html body .btn.btn-primary:after, html body .btn.btn-rose:after, html body .nf-element[type=button].btn-primary:after, html body .nf-element[type=button].btn-rose:after {
  display: inline-block;
}
html body .btn.btn-primary:before, html body .btn.btn-primary:after, html body .btn.btn-rose:before, html body .btn.btn-rose:after, html body .nf-element[type=button].btn-primary:before, html body .nf-element[type=button].btn-primary:after, html body .nf-element[type=button].btn-rose:before, html body .nf-element[type=button].btn-rose:after {
  background-image: url(./img/miniFlecheBlanche.svg);
}
html body .btn.btn-primary:hover, html body .btn.btn-rose:hover, html body .nf-element[type=button].btn-primary:hover, html body .nf-element[type=button].btn-rose:hover {
  color: #E6007E;
  background-color: transparent;
}
html body .btn.btn-primary:hover:before, html body .btn.btn-primary:hover:after, html body .btn.btn-rose:hover:before, html body .btn.btn-rose:hover:after, html body .nf-element[type=button].btn-primary:hover:before, html body .nf-element[type=button].btn-primary:hover:after, html body .nf-element[type=button].btn-rose:hover:before, html body .nf-element[type=button].btn-rose:hover:after {
  background-image: url(./img/miniFlecheRose.svg);
}
html body .btn.btn-bleu, html body .nf-element[type=button].btn-bleu {
  background-color: #00749b;
  border-color: #00749b;
  color: #FFF;
}
html body .btn.btn-bleu:after, html body .nf-element[type=button].btn-bleu:after {
  display: inline-block;
}
html body .btn.btn-bleu:before, html body .btn.btn-bleu:after, html body .nf-element[type=button].btn-bleu:before, html body .nf-element[type=button].btn-bleu:after {
  background-image: url(./img/miniFlecheBlanche.svg);
}
html body .btn.btn-bleu:hover, html body .nf-element[type=button].btn-bleu:hover {
  color: #00749b;
  background-color: transparent;
}
html body .btn.btn-bleu:hover:before, html body .btn.btn-bleu:hover:after, html body .nf-element[type=button].btn-bleu:hover:before, html body .nf-element[type=button].btn-bleu:hover:after {
  background-image: url(./img/miniFlecheBleu.svg);
}
html body .btn.btn-light, html body .btn.btn-white, html body .nf-element[type=button].btn-light, html body .nf-element[type=button].btn-white {
  background-color: transparent;
}
html body .btn.btn-light.btn-white, html body .btn.btn-white.btn-white, html body .nf-element[type=button].btn-light.btn-white, html body .nf-element[type=button].btn-white.btn-white {
  background-color: #FFF;
  border-color: #FFF !important;
}
html body .btn.btn-light:after, html body .btn.btn-white:after, html body .nf-element[type=button].btn-light:after, html body .nf-element[type=button].btn-white:after {
  display: inline-block;
}
html body .btn.btn-light:before, html body .btn.btn-light:after, html body .btn.btn-white:before, html body .btn.btn-white:after, html body .nf-element[type=button].btn-light:before, html body .nf-element[type=button].btn-light:after, html body .nf-element[type=button].btn-white:before, html body .nf-element[type=button].btn-white:after {
  background-image: url(./img/miniFlecheGris.svg);
}
html body .btn.btn-light:hover, html body .btn.btn-white:hover, html body .nf-element[type=button].btn-light:hover, html body .nf-element[type=button].btn-white:hover {
  color: #FFF;
  background-color: #363636;
  border-color: #363636;
}
html body .btn.btn-light:hover:before, html body .btn.btn-light:hover:after, html body .btn.btn-white:hover:before, html body .btn.btn-white:hover:after, html body .nf-element[type=button].btn-light:hover:before, html body .nf-element[type=button].btn-light:hover:after, html body .nf-element[type=button].btn-white:hover:before, html body .nf-element[type=button].btn-white:hover:after {
  background-image: url(./img/miniFlecheBlanche.svg);
}
html body .btn.btn-outline-blue, html body .nf-element[type=button].btn-outline-blue {
  background-color: transparent;
  border-color: #00749b;
  color: #00749b;
}
html body .btn.btn-outline-blue:hover, html body .nf-element[type=button].btn-outline-blue:hover {
  color: #F5F5F5;
  background-color: #00749b;
}
html body .btn.btn-outline-blue:hover svg, html body .nf-element[type=button].btn-outline-blue:hover svg {
  transform: rotate(360deg);
}
html body .btn.btn-outline-blue:hover svg path, html body .nf-element[type=button].btn-outline-blue:hover svg path {
  fill: #FFF;
}
html body .btn.btn-outline, html body .nf-element[type=button].btn-outline {
  background-color: transparent;
}
html body .btn.btn-outline:after, html body .nf-element[type=button].btn-outline:after {
  display: inline-block;
}
html body .btn.btn-outline:before, html body .btn.btn-outline:after, html body .nf-element[type=button].btn-outline:before, html body .nf-element[type=button].btn-outline:after {
  background-image: url(./img/miniFlecheGris.svg);
}
html body .btn.btn-outline:hover, html body .nf-element[type=button].btn-outline:hover {
  color: #F5F5F5 !important;
}
html body .btn.btn-outline:hover:before, html body .btn.btn-outline:hover:after, html body .nf-element[type=button].btn-outline:hover:before, html body .nf-element[type=button].btn-outline:hover:after {
  background-image: url(./img/miniFlecheBlanche.svg);
}
html body .btn.btn-outline-dark, html body .nf-element[type=button].btn-outline-dark {
  background-color: transparent;
  border-color: #363636;
  color: #363636;
}
html body .btn.btn-outline-dark:hover, html body .nf-element[type=button].btn-outline-dark:hover {
  color: #F5F5F5;
  background-color: #363636;
}
html body .offcanvas-header {
  width: 100%;
  background-color: #292929 !important;
}
html body .background-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: #FFF;
  z-index: 1030;
}
html body .fixed-top {
  z-index: 1100 !important;
}
html body .navbar-brand {
  position: relative;
  z-index: 1110;
  width: 72px;
  height: 72px;
}
html body .dropdown-item.active, html body .dropdown-item:active {
  background: transparent;
}
html body .offcanvas-header .btn-close, html body .btn-menu {
  background-color: #363636;
  position: absolute;
  margin: 0;
  right: 0;
  padding: 20px;
  padding-right: 40px;
  top: 20px;
  border: 0;
  color: #FFF;
  background-image: initial;
  opacity: 1;
  height: 22px;
  box-sizing: content-box;
}
@media screen and (max-width: 992px) {
  html body .offcanvas-body {
    margin-top: 70px;
    margin-bottom: 200px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  html body .offcanvas-body .cadreBasMobile {
    padding-top: 25px;
    position: absolute;
    background-color: #363636;
    height: 183px;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 992px) {
  html body .offcanvas-end {
    width: 100%;
    background-color: #292929;
  }
}
html body .navbar.navbar-expand-lg {
  padding-top: 4px;
  padding-bottom: 4px;
  /*
  background-color:#FFF;
  */
}
html body .navbar.navbar-expand-lg .btnLoupe {
  background-image: url(./img/loupeBlanche.svg);
  height: 16px;
  width: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 5px;
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .btnLoupe {
    margin-right: 25px;
    background-image: url(./img/loupe.svg);
  }
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav {
    display: block;
  }
}
@media screen and (min-width: 1700px) {
  html body .navbar.navbar-expand-lg .navbar-nav {
    display: flex;
  }
}
html body .navbar.navbar-expand-lg .navbar-nav > .menu-item {
  /*
  @include xldesktop(){
    width:25%;
  }
  */
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav > .menu-item {
    width: 33%;
    display: block;
    float: left;
  }
}
@media screen and (min-width: 1700px) {
  html body .navbar.navbar-expand-lg .navbar-nav > .menu-item {
    width: initial;
  }
}
html body .navbar.navbar-expand-lg .navbar-nav .menu-item .nav-link {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 20px;
  color: #FFF;
}
@media screen and (min-width: 1300px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .nav-link:after {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .nav-link {
    font-size: 14px;
    color: #363636;
  }
}
@media screen and (min-width: 1300px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .nav-link {
    font-size: 16px;
  }
}
html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu {
  background: initial;
  border: 0;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu {
    background-color: #FFF;
    padding-top: 10px;
  }
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu:before {
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    top: 4px;
    position: absolute;
    border-top: 1px solid #363636;
  }
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu:after {
    content: "";
    display: inline-block;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #363636;
    border-left: 4px solid transparent;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -4px;
  }
}
html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu .dropdown-item {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 0;
}
html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: #FFF;
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu .dropdown-item:hover {
    color: #363636;
  }
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .navbar-nav .menu-item .dropdown-menu .dropdown-item {
    color: #afafaf;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
  }
}
html body .navbar.navbar-expand-lg .searchform {
  width: 226px;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .searchform {
    width: 90px;
  }
}
@media screen and (min-width: 1300px) {
  html body .navbar.navbar-expand-lg .searchform {
    width: 150px;
  }
}
html body .navbar.navbar-expand-lg .searchform .form-control {
  border: 0;
  border-bottom: 1px solid #FFF;
  transition-property: all;
  transition-duration: 0.3s;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  color: #FFF;
  background: transparent;
  margin-bottom: 30px;
  font-size: 17px;
}
@media screen and (min-width: 992px) {
  html body .navbar.navbar-expand-lg .searchform .form-control {
    width: 0%;
    border-bottom: 1px solid #d7d7d7;
    padding-left: 0;
    padding-right: 0;
    color: #363636;
  }
  html body .navbar.navbar-expand-lg .searchform .form-control.actif {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
}
html body .breadcrumb {
  padding-top: 40px;
  font-weight: 500;
  font-size: 14px;
  color: #afafaf;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  html body .breadcrumb {
    margin-bottom: 90px;
  }
}
html body .breadcrumb .divider {
  display: inline-block;
  width: 20px;
  position: relative;
}
html body .breadcrumb .divider:after {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #363636;
  border-right: 1px solid #363636;
  transform: rotate(45deg);
  content: "";
  top: 50%;
  right: 50%;
  margin-top: -7px;
  margin-right: -1px;
}
html body .breadcrumb a {
  color: #00749b;
  text-decoration: none;
}
html body .breadcrumb a:hover {
  text-decoration: underline;
}
html body header.pageHeader > .container, html body .breadcrumb.container {
  max-width: 1280px;
}
html body header.pageHeader {
  position: relative;
}
html body header.pageHeader:after {
  display: block;
  width: calc(50% - (1240px / 2));
  left: 0%;
  content: "";
  position: absolute;
  top: 60px;
  bottom: 60px;
  background-color: rgba(245, 245, 245, 0.95);
}
html body header.pageHeader.start .containerJeCherche {
  width: calc(50% + 200px);
}
html body header.pageHeader.start .containerJeSuis {
  width: calc(100% - 40px);
}
@media screen and (min-width: 992px) {
  html body header.pageHeader.start .containerJeSuis {
    width: calc(50% + -205px);
    left: initial;
  }
}
html body header.pageHeader .containerJeCherche {
  transition-property: all;
  transition-duration: 1s;
  left: 0;
  bottom: 50px;
  height: 173px;
  width: 0;
  position: absolute;
  z-index: 10;
  background-color: rgba(54, 54, 54, 0.05);
}
html body header.pageHeader .containerJeCherche .txtFormation {
  font-size: 22px;
  position: absolute;
  right: 485px;
  top: 0;
  bottom: 0;
  line-height: 25px;
  color: #363636;
  text-decoration: none;
}
html body header.pageHeader .containerJeCherche .txtFormation:after {
  position: absolute;
  right: -30px;
  width: 14px;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  background-image: url(./img/miniFleche.svg);
}
html body header.pageHeader .containerJeCherche .txtFormation.txtFormation2 {
  right: 265px;
}
html body header.pageHeader .containerJeCherche .txt {
  color: #363636;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 25px;
  text-transform: uppercase;
  transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 795px;
  transform-origin: top right;
  width: 173px;
  text-align: center;
  margin-top: -86px;
}
html body header.pageHeader .containerJeCherche .txt:after {
  content: "";
  display: block;
  border-top: 1px solid #363636;
  width: 70px;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  position: absolute;
}
html body header.pageHeader .containerJeSuis {
  transition-property: all;
  transition-duration: 1s;
  right: 0;
  bottom: 50px;
  height: 173px;
  width: 0;
  position: absolute;
  z-index: 1050;
  background-color: rgba(255, 153, 0, 0.85);
}
html body header.pageHeader .containerJeSuis .txt {
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  transform-origin: top right;
  width: 173px;
  padding-bottom: 25px;
  left: 35px;
  top: 28px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  html body header.pageHeader .containerJeSuis .txt {
    text-align: center;
    top: 50%;
    margin-top: -86px;
    left: -143px;
    transform: rotate(-90deg);
  }
}
html body header.pageHeader .containerJeSuis .txt .txtPart2 {
  height: 0px;
  transition-property: all;
  transition-duration: 1s;
  overflow: hidden;
}
html body header.pageHeader .containerJeSuis .txt .txtPart2.start {
  height: 20px;
}
html body header.pageHeader .containerJeSuis .txt:after {
  content: "";
  border-top: 1px solid #FFF;
  width: 70px;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  position: absolute;
  display: none;
}
@media screen and (min-width: 768px) {
  html body header.pageHeader .containerJeSuis .txt:after {
    display: block;
  }
}
html body header.pageHeader .containerJeSuis select {
  border: 0;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  position: absolute;
  top: 50%;
  width: calc(100% - 150px);
  margin-top: -17px;
  background: transparent;
  left: 34px;
}
@media screen and (min-width: 768px) {
  html body header.pageHeader .containerJeSuis select {
    width: 223px;
    left: 160px;
  }
}
html body header.pageHeader .containerJeSuis select option {
  color: #000;
}
html body header.pageHeader .containerJeSuis .chiffre {
  position: absolute;
  top: 50%;
  font-weight: 200;
  color: #FFF;
  opacity: 0.4;
  font-size: 38.75px;
  margin-top: -68px;
  right: 35px;
}
@media screen and (min-width: 768px) {
  html body header.pageHeader .containerJeSuis .chiffre {
    left: 450px;
    right: initial;
  }
}
html body header.pageHeader .containerJeSuis .chiffre .grand {
  font-size: 90px;
}
html body header.pageHeader > .container .image {
  padding-top: 166%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  html body header.pageHeader > .container .image {
    padding-top: 40%;
  }
}
@media screen and (min-width: 992px) {
  html body header.pageHeader > .container .image {
    padding-top: 28%;
  }
}
html body header.pageHeader > .container .image .imageBrunoMars {
  background-image: url(./img/brunoMars.png);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 160px;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  html body header.pageHeader > .container .image .imageBrunoMars {
    left: initial;
    top: initial;
    height: 700px;
    /*
    width:596px;
    */
    width: 480px;
    z-index: 1040;
  }
}
html body header.pageHeader > .container .image .headerTextContent {
  transition-property: all;
  transition-duration: 1s;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 20px;
  color: #363636;
  font-size: 500;
  font-size: 16px;
  background-color: rgba(245, 245, 245, 0.95);
  padding: 35px 20px;
}
@media screen and (min-width: 992px) {
  html body header.pageHeader > .container .image .headerTextContent {
    left: 0px;
    right: 320px;
    top: 60px;
    bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1300px) {
  html body header.pageHeader > .container .image .headerTextContent {
    right: 520px;
  }
}
html body header.pageHeader > .container .image .headerTextContent .taxonomyHeader {
  background: transparent;
  border: 1px solid #000;
  color: #363636;
}
html body header.pageHeader > .container .image .headerTextContent h1 {
  font-size: 30px;
}
@media screen and (min-width: 992px) {
  html body header.pageHeader > .container .image .headerTextContent h1 {
    font-size: 40px;
  }
}
html body header.pageHeader > .container .image .headerTextContent h1 .cadreRncp {
  border: 2px solid #FFF;
  color: #363636;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  font-weight: 700;
  font-size: 13px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 20px;
  position: relative;
  top: -4px;
}
html body footer {
  background-color: #363636;
  color: #FFF;
  position: relative;
  overflow: hidden;
}
html body footer .separateur {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 35px;
  padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
  html body footer .separateur {
    margin-bottom: 45px;
    padding-bottom: 50px;
  }
}
html body footer .adresse {
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
}
html body footer .adresse .logo {
  width: 130px;
  height: 130px;
  border-radius: 130px;
  background-color: #FFF;
  background-image: url(./img/logo/logoHD.png);
  z-index: 15;
  background-size: 120px 120px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
html body footer .adresse .btn {
  margin-top: 23px;
}
html body footer .newsletter {
  font-weight: bold;
  font-size: 16px;
  color: #FFF;
  padding-top: 56px;
}
html body footer .newsletter .txt {
  line-height: 50px;
}
html body footer .newsletter .nf-form-content {
  width: 245px;
  float: right;
}
@media screen and (min-width: 768px) {
  html body footer .newsletter .nf-form-content {
    width: 371px;
  }
}
html body footer .newsletter .nf-form-content input:not([type=button]) {
  border: 0;
  border-bottom: 1px solid #FFF;
  background-color: #363636;
  color: #FFF;
  font-weight: 400;
  font-style: italic;
  font-size: 17px;
  margin-bottom: 0;
  width: 100%;
}
html body footer .socialContainer {
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  padding-top: 56px;
  position: relative;
}
html body footer .sousMenu {
  line-height: 30px;
}
html body footer .sousMenu a {
  color: #FFF;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition-property: all;
  transition-duration: 0.3s;
}
html body footer .sousMenu a:hover {
  padding-left: 20px;
}
html body footer .troisRond {
  left: 770px;
  top: -121.01px;
}
html body footer .content {
  position: relative;
  z-index: 5;
}
html body footer .content .socialContainer .row:first-child a {
  margin-top: 0;
}
html body footer .content .socialContainer a {
  margin-top: 20px;
}
html body footer .content .subFooterContainer {
  font-weight: 400;
  background-color: #292929;
  font-size: 16px;
  color: #FFF;
  padding-top: 0px;
  margin-top: 60px;
  line-height: 70px;
}
html body footer .content .subFooterContainer .unSiteLaFille {
  margin-top: 30px;
  margin-bottom: 33px;
  font-weight: 600;
}
html body footer .content .subFooterContainer .unSiteLaFille a {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  html body footer .content .subFooterContainer .unSiteLaFille {
    margin: 0;
  }
}
html body footer .content .subFooterContainer a {
  color: #FFF;
  text-decoration: none;
  font-weight: 400;
}
html body footer .content .subFooterContainer a:hover {
  text-decoration: underline;
}
html body .barreLecture {
  position: fixed;
  left: 0;
  width: 0%;
  background: #E6007E;
  height: 4px;
  bottom: 0;
  z-index: 15;
}
html body .site-main {
  margin-top: 100px;
}
html body .itemSearch {
  background-color: #f5f5f5;
  margin-bottom: 40px;
  position: relative;
}
html body .itemSearch .imageContainer {
  padding-top: 46%;
}
@media screen and (min-width: 768px) {
  html body .itemSearch .imageContainer {
    padding-top: 100%;
  }
}
html body .itemSearch .textContent {
  font-size: 16px;
  padding: 30px;
}
@media screen and (min-width: 768px) {
  html body .itemSearch .textContent {
    padding-bottom: 0;
  }
}
html body .itemSearch .textContent h3 a {
  display: block;
  color: #363636;
  text-decoration: none;
}
html body .itemSearch .textContent .taxonomyHeader {
  border: 1px solid #000;
  color: #363636;
  background: transparent;
  margin-bottom: 15px;
}
html body *:focus, html body *:active {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
html body .taxonomyHeader {
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  background-color: #00749b;
  height: 38px;
  line-height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
}
html body .btnContacterSide, html body .btnWriteSide {
  border: 1px solid #363636;
  border-right: 0;
  position: fixed;
  right: 0;
  top: 85%;
  z-index: 1060;
  transition-property: all;
  transition-duration: 0.3s;
  text-decoration: none;
  height: 50px;
  background-color: #363636;
  /*
  &:hover{
    background-color:#FFF;
    color:$gris;
    
    svg, svg *{
      fill:$gris;
    }
  }
  */
}
html body .btnContacterSide .text, html body .btnWriteSide .text {
  overflow: hidden;
  font-weight: 600;
  font-size: 17px;
  color: #363636;
  background-color: #f5f5f5;
  height: 48px;
  line-height: 50px;
  text-align: center;
  width: 0px;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .btnContacterSide .text:after, html body .btnWriteSide .text:after {
  display: inline-block;
  width: 15px;
  height: 8px;
  background-image: url(./img/miniFleche.svg);
  content: "";
  margin-left: 5px;
}
html body .btnContacterSide .svgContainer, html body .btnWriteSide .svgContainer {
  background-color: #363636;
  height: 48px;
  width: 48px;
}
html body .btnContacterSide .svgContainer svg, html body .btnContacterSide .svgContainer svg *, html body .btnWriteSide .svgContainer svg, html body .btnWriteSide .svgContainer svg * {
  transition-property: all;
  transition-duration: 0.3s;
  fill: #FFF;
}
html body .btnContacterSide.btnContacterSide, html body .btnWriteSide.btnContacterSide {
  margin-top: -50px;
}
html body .btnContacterSide.btnContacterSide:hover .text, html body .btnWriteSide.btnContacterSide:hover .text {
  width: 120px;
}
html body .btnContacterSide.btnWriteSide, html body .btnWriteSide.btnWriteSide {
  margin-top: 1px;
}
html body .btnContacterSide.btnWriteSide:hover .text, html body .btnWriteSide.btnWriteSide:hover .text {
  width: 140px;
}
html body .starFull {
  position: relative;
}
html body .starFull .fas.fa-star {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
html body .starFull .fas.fa-star.fa-star-0 {
  width: 0%;
}
html body .starFull .fas.fa-star.fa-star-1 {
  width: 10%;
}
html body .starFull .fas.fa-star.fa-star-2 {
  width: 20%;
}
html body .starFull .fas.fa-star.fa-star-3 {
  width: 30%;
}
html body .starFull .fas.fa-star.fa-star-4 {
  width: 40%;
}
html body .starFull .fas.fa-star.fa-star-5 {
  width: 50%;
}
html body .starFull .fas.fa-star.fa-star-6 {
  width: 60%;
}
html body .starFull .fas.fa-star.fa-star-7 {
  width: 70%;
}
html body .starFull .fas.fa-star.fa-star-8 {
  width: 80%;
}
html body .starFull .fas.fa-star.fa-star-9 {
  width: 90%;
}
html body input[type=text], html body input[type=date], html body input[type=email], html body input[type=number], html body .form-select, html body .nf-form-content .list-select-wrap > div select, html body option, html body .nf-form-content textarea, html body .nf-form-content input[type=text], html body .nf-form-content input[type=tel], html body .nf-form-content input[type=email], html body .nf-form-content input[type=number] {
  border: 1px solid #d7d7d7;
  border-radius: 0;
  color: #888C96;
  height: 50px;
  font-style: italic;
  margin-bottom: 16px;
  background-color: #FFF;
}
html body input[type=text]::placeholder, html body input[type=text]::-webkit-input-placeholder, html body input[type=date]::placeholder, html body input[type=date]::-webkit-input-placeholder, html body input[type=email]::placeholder, html body input[type=email]::-webkit-input-placeholder, html body input[type=number]::placeholder, html body input[type=number]::-webkit-input-placeholder, html body .form-select::placeholder, html body .form-select::-webkit-input-placeholder, html body .nf-form-content .list-select-wrap > div select::placeholder, html body .nf-form-content .list-select-wrap > div select::-webkit-input-placeholder, html body option::placeholder, html body option::-webkit-input-placeholder, html body .nf-form-content textarea::placeholder, html body .nf-form-content textarea::-webkit-input-placeholder, html body .nf-form-content input[type=text]::placeholder, html body .nf-form-content input[type=text]::-webkit-input-placeholder, html body .nf-form-content input[type=tel]::placeholder, html body .nf-form-content input[type=tel]::-webkit-input-placeholder, html body .nf-form-content input[type=email]::placeholder, html body .nf-form-content input[type=email]::-webkit-input-placeholder, html body .nf-form-content input[type=number]::placeholder, html body .nf-form-content input[type=number]::-webkit-input-placeholder {
  opacity: 1;
}
html body .nf-field-container {
  margin-bottom: 0;
}
html body .nf-error-msg, html body .ninja-forms-req-symbol {
  display: none;
}
html body .form-check-input[type=radio] {
  height: 15px;
  width: 15px;
  border: 1px solid #d7d7d7;
}
html body .form-check-input[type=radio]:after {
  display: block;
  position: absolute;
  border: 1px solid #d7d7d7;
  background-color: #FFF;
  height: 15px;
  width: 15px;
  border-radius: 9px;
  content: "";
  top: -1px;
  left: -1px;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .form-check-input[type=radio]:checked {
  background-color: transparent;
  border: 1px solid #d7d7d7;
  position: relative;
}
html body .form-check-input[type=radio]:checked:after {
  border: 1px solid #000;
  background-color: #000;
  height: 9px;
  width: 9px;
  top: 2px;
  left: 2px;
}
html body .list-checkbox-wrap .nf-field-element ul, html body .list-checkbox-wrap .nf-field-element ul li, html body .listradio-wrap .nf-field-element ul, html body .listradio-wrap .nf-field-element ul li {
  list-style: none;
}
html body .list-checkbox-wrap .nf-field-element ul:before, html body .list-checkbox-wrap .nf-field-element ul li:before, html body .listradio-wrap .nf-field-element ul:before, html body .listradio-wrap .nf-field-element ul li:before {
  display: none;
}
html body .listcheckbox-wrap .nf-field-label label {
  margin-left: 0px !important;
}
html body .checkbox-wrap .nf-field-element label, html body .checkbox-wrap .nf-field-label label, html body .listcheckbox-wrap .nf-field-element label {
  margin-left: 26px !important;
}
html body .checkbox-wrap .nf-field-element label:after, html body .checkbox-wrap .nf-field-label label:after, html body .listcheckbox-wrap .nf-field-element label:after {
  width: 15px;
  height: 15px;
  border-color: #d7d7d7;
  background: transparent;
  left: -27px;
}
html body .checkbox-wrap .nf-field-element label:before, html body .checkbox-wrap .nf-field-label label:before, html body .listcheckbox-wrap .nf-field-element label:before {
  font-size: 13px;
  left: -26px;
}
html body .checkbox-wrap .nf-field-element label.nf-checked-label:before, html body .checkbox-wrap .nf-field-label label.nf-checked-label:before, html body .listcheckbox-wrap .nf-field-element label.nf-checked-label:before {
  color: #E6007E;
}
html body .form-check-input[type=checkbox] {
  border-radius: 0;
  border-color: #d7d7d7;
  position: relative;
}
html body .form-check-input[type=checkbox]:after, html body .form-check-input[type=checkbox]:before {
  content: "";
  display: block;
  height: 0px;
  border: 1px solid #FFF;
  display: block;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .form-check-input[type=checkbox]:after {
  width: 10px;
  margin-left: -4px;
  transform: rotate(90deg);
}
html body .form-check-input[type=checkbox]:before {
  width: 10px;
  margin-left: -4px;
  transform: rotate(-90deg);
}
html body .form-check-input[type=checkbox]:checked {
  background-color: #FFF;
}
html body .form-check-input[type=checkbox]:checked:after, html body .form-check-input[type=checkbox]:checked:before {
  border-color: #00749b;
}
html body .form-check-input[type=checkbox]:checked:after {
  width: 5px;
  margin-left: -5px;
  transform: rotate(45deg);
}
html body .form-check-input[type=checkbox]:checked:before {
  width: 10px;
  margin-left: -2px;
  transform: rotate(-45deg);
}
html body .categoryContainer {
  background-color: rgba(54, 54, 54, 0.8);
  min-height: 38px;
  line-height: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 20px;
  padding-right: 20px;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
html body .categoryContainer.gris {
  background-color: rgba(54, 54, 54, 0.8);
}
html body .categoryContainer.rose {
  background-color: rgba(230, 0, 126, 0.8);
}
html body .categoryContainer.orange {
  background-color: rgba(255, 153, 0, 0.8);
}
html body .itemArticle {
  position: relative;
  padding-top: calc(113% + 126px);
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  html body .itemArticle {
    padding-top: 194%;
  }
}
html body .itemArticle .imageContainer {
  padding-top: 113%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  html body .itemArticle .imageContainer {
    padding-top: 140%;
  }
}
html body .itemArticle .categoryContainer {
  position: absolute;
  top: 20px;
  left: -10px;
}
@media screen and (min-width: 768px) {
  html body .itemArticle:hover .textContainer {
    background-color: rgba(54, 54, 54, 0.9);
    color: #FFF;
    padding-top: 160%;
  }
  html body .itemArticle:hover .textContainer .textContent .excerpt {
    opacity: 1;
    height: initial;
  }
  html body .itemArticle:hover .textContainer .textContent .lireLaSuite {
    color: #FFF;
  }
  html body .itemArticle:hover .textContainer .textContent .lireLaSuite:after {
    background-image: url(./img/miniFlecheBlanche.svg);
  }
  html body .itemArticle:hover .textContainer .textContent .lireLaSuite .textPart {
    opacity: 1;
  }
}
html body .itemArticle .textContainer {
  background-color: #F5F5F5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition-property: all;
  transition-duration: 0.3s;
  padding-top: 126px;
}
@media screen and (min-width: 768px) {
  html body .itemArticle .textContainer {
    padding-top: 53%;
  }
}
html body .itemArticle .textContainer .textContent {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
html body .itemArticle .textContainer .textContent .excerpt {
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
  height: 0;
}
html body .itemArticle .textContainer .textContent .lireLaSuite {
  color: #363636;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .itemArticle .textContainer .textContent .lireLaSuite:after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/miniFleche.svg);
  margin-left: 10px;
}
html body .itemArticle .textContainer .textContent .lireLaSuite .textPart {
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .itemArticle .textContainer .textContent .lireLaSuite:hover {
  text-decoration: underline;
}
html body .itemArticle .textContainer .textContent h2 {
  font-weight: 600;
  font-size: 17px;
}
html body .itemFormation {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body .itemFormation {
    margin-bottom: 40px;
  }
}
html body .itemFormation .textContainer {
  background-color: #f5f5f5;
  padding: 30px;
}
html body .itemFormation .textContainer h2 {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 20px;
}
html body .itemFormation .textContainer .txt {
  margin-bottom: 20px;
}
html body .itemFormation .categoryContainer {
  position: absolute;
  left: -10px;
}
html body .itemFormation .categoryContainer.categoryContainer0 {
  top: 20px;
}
html body .itemFormation .categoryContainer.categoryContainer1 {
  top: 70px;
}
html body .itemFormation .categoryContainer.categoryContainer2 {
  top: 120px;
}
html body .itemFormation .image {
  padding-top: 58%;
  background-position: center;
  background-size: cover;
  display: block;
  background-color: #d7d7d7;
}
html body .pictoPartenaire {
  background-color: #FFF;
  border: 1px solid #F5F5F5;
  display: block;
}
html body .pictoPartenaire .image {
  width: 80%;
  margin: 0 auto;
  padding-top: 100%;
  background-size: contain;
}
html body .filtreCategorie {
  /*  border-bottom:1px solid #000;*/
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}
html body .filtreCategorie:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 1px solid #000;
  left: 0;
  right: 0;
  bottom: 0;
}
html body .filtreCategorie ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow-x: auto;
}
html body .filtreCategorie ul li {
  display: inline-block;
}
html body .filtreCategorie ul li a {
  position: relative;
  font-size: 22px;
  color: #afafaf;
  font-weight: bold;
  display: inline-block;
  list-style: none;
  height: 60px;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 10px;
  margin-right: 10px;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .filtreCategorie ul li a:after {
  position: absolute;
  bottom: 0;
  height: 0px;
  left: 0;
  right: 0;
  content: "";
  display: block;
  transition-property: all;
  transition-duration: 0.3s;
  background-color: #363636;
}
html body .filtreCategorie ul li a:hover, html body .filtreCategorie ul li a.actif {
  color: #363636;
}
html body .filtreCategorie ul li a:hover:after, html body .filtreCategorie ul li a.actif:after {
  height: 3px;
  background-color: #363636;
}
html body .custom-bloc {
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc {
    padding-bottom: 100px;
  }
}
html body .custom-bloc.fondGrisDroite {
  padding-bottom: 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.fondGrisDroite {
    padding-bottom: 0;
    margin-bottom: 100px;
  }
}
html body .custom-bloc.fondGrisDroite:before {
  display: block;
  content: "";
  background-color: #F5F5F5;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  position: absolute;
}
html body .custom-bloc.bloc-cadreAlaUne {
  padding-bottom: 0 !important;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-cadreAlaUne {
    margin-bottom: 100px;
  }
}
html body .custom-bloc.filigrane .fond {
  background-image: url(./img/filigrane.svg);
  background-repeat: no-repeat;
  background-position: top -10px left -38px;
  background-size: 418px 470px;
}
html body .custom-bloc ul {
  padding-left: 20px;
}
html body .custom-bloc ul li {
  position: relative;
  list-style: none;
}
html body .custom-bloc ul li:before {
  display: block;
  content: "";
  border-radius: 10px;
  width: 7px;
  height: 7px;
  position: absolute;
  left: -20px;
  top: 10px;
  background-color: #363636;
}
html body .custom-bloc .cadreALaUne {
  background-color: rgba(54, 54, 54, 0.9);
  color: #FFF;
  top: 60px;
  height: 173px;
  width: 50%;
  position: absolute;
  z-index: 10;
  left: calc(-50% + 79px);
}
@media screen and (min-width: 992px) {
  html body .custom-bloc .cadreALaUne {
    left: -480px;
  }
}
html body .custom-bloc .cadreALaUne .txt {
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  padding-top: 20px;
  text-transform: uppercase;
  transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 80px;
  transform-origin: top right;
  width: 173px;
  text-align: center;
  margin-top: -86px;
}
html body .custom-bloc .cadreALaUne .txt:after {
  content: "";
  display: block;
  border-top: 1px solid #FFF;
  width: 70px;
  top: 0;
  left: 50%;
  margin-left: -35px;
  position: absolute;
}
html body .custom-bloc.bloc-partenaire .container-partenaire {
  max-width: 833px;
  margin: 0 auto;
}
html body .custom-bloc.bloc-partenaire .container-partenaire .pictoPartenaire {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-partenaire .container-partenaire .pictoPartenaire {
    margin-bottom: 45px;
  }
}
html body .custom-bloc.bloc-formulaire-postuler .nf-form-title, html body .custom-bloc.bloc-formulaire-devis .nf-form-title {
  display: none;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler {
  width: 412px;
  margin-bottom: 45px;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer {
  text-align: center;
  position: relative;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:before, html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:after, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:before, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:after {
  top: 112px;
  position: absolute;
  border-bottom: 1px solid #d7d7d7;
  content: "";
  display: block;
  width: 50%;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:first-child:after, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:first-child:after {
  border-color: #E6007E;
  background-color: #E6007E;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:first-child:before, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:first-child:before {
  left: 50%;
  border-color: #E6007E;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:first-child.current:before, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:first-child.current:before {
  border-color: #d7d7d7;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:last-child:before, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:last-child:before {
  left: 0;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:last-child.current:before, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:last-child.current:before {
  border-color: #E6007E;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer:after, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer:after {
  left: 50%;
  margin-left: -5px;
  border: 1px solid #d7d7d7;
  background-color: #FFF;
  border-radius: 9px;
  height: 9px;
  width: 9px;
  margin-top: -4px;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer.current:after, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer.current:after {
  border-color: #E6007E;
  background-color: #E6007E;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer.current .chiffre, html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer.current .text, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer.current .chiffre, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer.current .text {
  color: #E6007E;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer .text, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer .text {
  font-size: 18px;
  font-weight: bold;
  color: #888C96;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormPostuler .chiffreContainer .chiffre, html body .custom-bloc.bloc-formulaire-devis .headerFormPostuler .chiffreContainer .chiffre {
  font-weight: bold;
  font-size: 80px;
  color: #f9ebf2;
  padding-bottom: 10px;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis {
  width: 372px;
  margin-bottom: 45px;
  margin-top: 45px;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item {
  height: 123px;
  background-color: #FFF;
  border: 1px solid #d7d7d7;
  color: #363636;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding-top: 75px;
  position: relative;
  transition-property: all;
  transition-duration: 0.3s;
  cursor: pointer;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item .picto, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item .picto {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-color: #FF9900;
  top: 30px;
  left: 50%;
  margin-left: -15px;
  text-align: center;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item .picto svg, html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item .picto svg *, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item .picto svg, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item .picto svg * {
  fill: #FFF;
  transition-property: all;
  transition-duration: 0.3s;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item.current, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item.current {
  color: #FFF;
  background-color: #FF9900;
  border-color: #FF9900;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item.current .picto, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item.current .picto {
  background-color: #FFF;
}
html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item.current .picto svg, html body .custom-bloc.bloc-formulaire-postuler .headerFormDevis .item.current .picto svg *, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item.current .picto svg, html body .custom-bloc.bloc-formulaire-devis .headerFormDevis .item.current .picto svg * {
  fill: #000;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container {
  max-width: 775px;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .form-check, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .form-check {
  line-height: 35px;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .form-check .form-check-input, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .form-check .form-check-input {
  top: 6px;
  position: relative;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .small, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .small {
  font-size: 10px;
  margin-top: 12px;
  color: #888C96;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container label a, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container label a {
  color: #00749b;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part1, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part2, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part3, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part1, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part2, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part3 {
  display: none;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part1.actif, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part2.actif, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part3.actif, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part1.actif, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part2.actif, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part3.actif {
  display: block;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part1 .texte_informations, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part2 .texte_informations, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part3 .texte_informations, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part1 .texte_informations, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part2 .texte_informations, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part3 .texte_informations {
  color: #888C96;
  font-weight: 500;
  font-size: 10px;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part1 .btnContainer, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part2 .btnContainer, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part3 .btnContainer, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part1 .btnContainer, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part2 .btnContainer, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part3 .btnContainer {
  margin-top: 35px;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part1 .btnContainer a, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part2 .btnContainer a, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part3 .btnContainer a, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part1 .btnContainer a, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part2 .btnContainer a, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part3 .btnContainer a {
  margin-left: 20px;
  margin-right: 20px;
}
html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part1 h2, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part2 h2, html body .custom-bloc.bloc-formulaire-postuler .formPostuler > .container .part3 h2, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part1 h2, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part2 h2, html body .custom-bloc.bloc-formulaire-devis .formPostuler > .container .part3 h2 {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 4px;
}
html body .custom-bloc.bloc-slider-text-image.accueil-partenaire .owl-nav, html body .custom-bloc.bloc-2-blocs.accueil-partenaire .owl-nav, html body .custom-bloc.accueil-partenaire.accueil-partenaire .owl-nav, html body .custom-bloc.accueil-mise-en-avant-full.accueil-partenaire .owl-nav {
  height: 0;
}
html body .custom-bloc.bloc-slider-text-image.accueil-mise-en-avant-full .owl-nav, html body .custom-bloc.bloc-2-blocs.accueil-mise-en-avant-full .owl-nav, html body .custom-bloc.accueil-partenaire.accueil-mise-en-avant-full .owl-nav, html body .custom-bloc.accueil-mise-en-avant-full.accueil-mise-en-avant-full .owl-nav {
  height: 0;
  top: 0;
  position: relative;
}
html body .custom-bloc.bloc-slider-text-image .owl-nav, html body .custom-bloc.bloc-2-blocs .owl-nav, html body .custom-bloc.accueil-partenaire .owl-nav, html body .custom-bloc.accueil-mise-en-avant-full .owl-nav {
  height: 65px;
}
html body .custom-bloc.bloc-slider-text-image .carousel-prev, html body .custom-bloc.bloc-slider-text-image .carousel-next, html body .custom-bloc.bloc-slider-text-image .owl-next, html body .custom-bloc.bloc-slider-text-image .owl-prev, html body .custom-bloc.bloc-2-blocs .carousel-prev, html body .custom-bloc.bloc-2-blocs .carousel-next, html body .custom-bloc.bloc-2-blocs .owl-next, html body .custom-bloc.bloc-2-blocs .owl-prev, html body .custom-bloc.accueil-partenaire .carousel-prev, html body .custom-bloc.accueil-partenaire .carousel-next, html body .custom-bloc.accueil-partenaire .owl-next, html body .custom-bloc.accueil-partenaire .owl-prev, html body .custom-bloc.accueil-mise-en-avant-full .carousel-prev, html body .custom-bloc.accueil-mise-en-avant-full .carousel-next, html body .custom-bloc.accueil-mise-en-avant-full .owl-next, html body .custom-bloc.accueil-mise-en-avant-full .owl-prev {
  background-color: #363636;
  height: 50px;
  width: 50px;
  background-image: url(./img/miniFlecheBlanche.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  position: absolute;
  left: 50%;
  bottom: -25px;
  transition-property: all;
  transition-duration: 0.3s;
  border: 1px solid #363636;
  border-left: 0;
  z-index: 10;
}
html body .custom-bloc.bloc-slider-text-image .carousel-prev span, html body .custom-bloc.bloc-slider-text-image .carousel-next span, html body .custom-bloc.bloc-slider-text-image .owl-next span, html body .custom-bloc.bloc-slider-text-image .owl-prev span, html body .custom-bloc.bloc-2-blocs .carousel-prev span, html body .custom-bloc.bloc-2-blocs .carousel-next span, html body .custom-bloc.bloc-2-blocs .owl-next span, html body .custom-bloc.bloc-2-blocs .owl-prev span, html body .custom-bloc.accueil-partenaire .carousel-prev span, html body .custom-bloc.accueil-partenaire .carousel-next span, html body .custom-bloc.accueil-partenaire .owl-next span, html body .custom-bloc.accueil-partenaire .owl-prev span, html body .custom-bloc.accueil-mise-en-avant-full .carousel-prev span, html body .custom-bloc.accueil-mise-en-avant-full .carousel-next span, html body .custom-bloc.accueil-mise-en-avant-full .owl-next span, html body .custom-bloc.accueil-mise-en-avant-full .owl-prev span {
  display: none;
}
html body .custom-bloc.bloc-slider-text-image .carousel-prev.carousel-prev, html body .custom-bloc.bloc-slider-text-image .carousel-prev.owl-prev, html body .custom-bloc.bloc-slider-text-image .carousel-next.carousel-prev, html body .custom-bloc.bloc-slider-text-image .carousel-next.owl-prev, html body .custom-bloc.bloc-slider-text-image .owl-next.carousel-prev, html body .custom-bloc.bloc-slider-text-image .owl-next.owl-prev, html body .custom-bloc.bloc-slider-text-image .owl-prev.carousel-prev, html body .custom-bloc.bloc-slider-text-image .owl-prev.owl-prev, html body .custom-bloc.bloc-2-blocs .carousel-prev.carousel-prev, html body .custom-bloc.bloc-2-blocs .carousel-prev.owl-prev, html body .custom-bloc.bloc-2-blocs .carousel-next.carousel-prev, html body .custom-bloc.bloc-2-blocs .carousel-next.owl-prev, html body .custom-bloc.bloc-2-blocs .owl-next.carousel-prev, html body .custom-bloc.bloc-2-blocs .owl-next.owl-prev, html body .custom-bloc.bloc-2-blocs .owl-prev.carousel-prev, html body .custom-bloc.bloc-2-blocs .owl-prev.owl-prev, html body .custom-bloc.accueil-partenaire .carousel-prev.carousel-prev, html body .custom-bloc.accueil-partenaire .carousel-prev.owl-prev, html body .custom-bloc.accueil-partenaire .carousel-next.carousel-prev, html body .custom-bloc.accueil-partenaire .carousel-next.owl-prev, html body .custom-bloc.accueil-partenaire .owl-next.carousel-prev, html body .custom-bloc.accueil-partenaire .owl-next.owl-prev, html body .custom-bloc.accueil-partenaire .owl-prev.carousel-prev, html body .custom-bloc.accueil-partenaire .owl-prev.owl-prev, html body .custom-bloc.accueil-mise-en-avant-full .carousel-prev.carousel-prev, html body .custom-bloc.accueil-mise-en-avant-full .carousel-prev.owl-prev, html body .custom-bloc.accueil-mise-en-avant-full .carousel-next.carousel-prev, html body .custom-bloc.accueil-mise-en-avant-full .carousel-next.owl-prev, html body .custom-bloc.accueil-mise-en-avant-full .owl-next.carousel-prev, html body .custom-bloc.accueil-mise-en-avant-full .owl-next.owl-prev, html body .custom-bloc.accueil-mise-en-avant-full .owl-prev.carousel-prev, html body .custom-bloc.accueil-mise-en-avant-full .owl-prev.owl-prev {
  transform: rotate(180deg);
  margin-left: -50px;
}
html body .custom-bloc.bloc-slider-text-image .carousel-prev:hover, html body .custom-bloc.bloc-slider-text-image .carousel-next:hover, html body .custom-bloc.bloc-slider-text-image .owl-next:hover, html body .custom-bloc.bloc-slider-text-image .owl-prev:hover, html body .custom-bloc.bloc-2-blocs .carousel-prev:hover, html body .custom-bloc.bloc-2-blocs .carousel-next:hover, html body .custom-bloc.bloc-2-blocs .owl-next:hover, html body .custom-bloc.bloc-2-blocs .owl-prev:hover, html body .custom-bloc.accueil-partenaire .carousel-prev:hover, html body .custom-bloc.accueil-partenaire .carousel-next:hover, html body .custom-bloc.accueil-partenaire .owl-next:hover, html body .custom-bloc.accueil-partenaire .owl-prev:hover, html body .custom-bloc.accueil-mise-en-avant-full .carousel-prev:hover, html body .custom-bloc.accueil-mise-en-avant-full .carousel-next:hover, html body .custom-bloc.accueil-mise-en-avant-full .owl-next:hover, html body .custom-bloc.accueil-mise-en-avant-full .owl-prev:hover {
  background-color: #FFF;
  background-image: url(./img/miniFlecheGris.svg);
}
html body .custom-bloc.bloc-slider-text-image {
  position: relative;
}
html body .custom-bloc.bloc-slider-text-image .carousel {
  position: relative;
}
html body .custom-bloc.bloc-slider-text-image .carousel .carousel-item {
  background-color: #F5F5F5;
}
html body .custom-bloc.bloc-slider-text-image .carousel .carousel-item .textContainer {
  padding: 60px 70px;
  padding-bottom: 100px;
  height: 100%;
}
html body .custom-bloc.bloc-slider-text-image .carousel .carousel-item .textContainer .btn {
  position: absolute;
  right: 60px;
  bottom: 40px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-slider-text-image .carousel .carousel-item .textContainer .btn {
    bottom: 60px;
  }
}
html body .custom-bloc.bloc-slider-text-image .carousel .carousel-item .imageContainer {
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: initial;
}
html body .custom-bloc.bloc-slider-text-image .carousel .carousel-item .imageContainer:after {
  content: "";
  display: block;
  border-bottom: 1px solid #000;
  right: -50px;
  width: 100px;
  top: 78px;
  position: absolute;
  z-index: 10;
}
html body .custom-bloc.bloc-text-image {
  padding-bottom: 40px;
}
html body .custom-bloc.bloc-text-image p:last-child {
  margin-bottom: 0;
}
html body .custom-bloc.bloc-text-image ul {
  padding-left: 20px;
}
html body .custom-bloc.bloc-text-image ul li {
  position: relative;
  list-style: none;
}
html body .custom-bloc.bloc-text-image ul li:before {
  display: block;
  content: "";
  border-radius: 10px;
  width: 7px;
  height: 7px;
  position: absolute;
  left: -20px;
  top: 10px;
  background-color: #363636;
}
html body .custom-bloc.bloc-text-image strong {
  color: #363636;
}
html body .custom-bloc.bloc-adresse {
  position: relative;
}
html body .custom-bloc.bloc-adresse > .container {
  position: relative;
  font-size: 14px;
}
html body .custom-bloc.bloc-adresse > .container .col-12 {
  background-color: #F5F5F5;
}
html body .custom-bloc.bloc-adresse > .container iframe {
  height: 430px;
  width: 100%;
}
html body .custom-bloc.bloc-adresse > .container .adresseContainer {
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-adresse > .container .adresseContainer {
    padding-top: 50px;
    padding-left: 40px;
  }
}
html body .custom-bloc.bloc-adresse > .container .adresseContainer h4 {
  margin-bottom: 20px;
  font-size: 22px;
}
html body .custom-bloc.bloc-adresse > .container .adresseContainer .metroContainer {
  margin-top: 40px;
}
html body .custom-bloc.bloc-adresse > .container .adresseContainer .busContainer {
  margin-top: 13px;
}
html body .custom-bloc.bloc-type-formation {
  position: relative;
}
html body .custom-bloc.bloc-type-formation h2 {
  font-size: 34px;
  margin-bottom: 40px;
}
html body .custom-bloc.bloc-type-formation .image {
  padding-top: 41%;
}
html body .custom-bloc.bloc-type-formation .row .item {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-type-formation .row {
    width: 800px;
    margin: 0 auto;
  }
  html body .custom-bloc.bloc-type-formation .row .item {
    margin-bottom: 0px;
  }
}
html body .custom-bloc.bloc-type-formation .textPart {
  background-color: #F5F5F5;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px;
  font-weight: 500;
  font-size: 14px;
}
html body .custom-bloc.bloc-type-formation .textPart .h4 {
  font-weight: 500;
  font-size: 21px;
  margin-bottom: 0;
}
html body .custom-bloc.bloc-type-formation .textPart h3 {
  font-size: 27px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-type-formation .textPart h3 {
    margin-bottom: 25px;
  }
}
html body .custom-bloc.bloc-type-formation .textPart .btn {
  margin-top: 25px;
}
html body .custom-bloc.bloc-date-recrutement-formation.bloc-cadreAlaUne .container {
  padding-left: 100px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-date-recrutement-formation.bloc-cadreAlaUne .container {
    padding-left: 20px;
  }
}
html body .custom-bloc.bloc-date-recrutement-formation .cadreALaUne {
  top: 50%;
  margin-top: -86px;
}
html body .custom-bloc.bloc-date-recrutement-formation .container:not(.fondGris) {
  max-width: 752px;
}
html body .custom-bloc.bloc-date-recrutement-formation .container.fondGris {
  background-color: #F5F5F5;
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-date-recrutement-formation .container.fondGris {
    padding-left: 200px;
  }
}
html body .custom-bloc.bloc-date-recrutement-formation .container h2 {
  margin-bottom: 30px;
}
html body .custom-bloc.bloc-date-recrutement-formation .container .textContent {
  margin-top: 40px;
}
html body .custom-bloc.bloc-date-recrutement-formation .container.containerBloc {
  max-width: 666px;
}
html body .custom-bloc.bloc-date-recrutement-formation .container.containerBloc .item {
  border: 1px solid #d7d7d7;
  padding: 30px;
  font-size: 18px;
  line-height: 25px;
}
html body .custom-bloc.bloc-date-recrutement-formation .container.containerBloc .item .big {
  font-weight: 700;
  font-size: 24px;
}
html body .custom-bloc.bloc-calcul .container {
  position: relative;
}
html body .custom-bloc.bloc-calcul .container .fond {
  background-color: #F5F5F5;
  padding: 60px;
  font-size: 16px;
}
html body .custom-bloc.bloc-calcul .container .fond .formCalcul {
  max-width: 519px;
  margin: 0 auto;
}
html body .custom-bloc.bloc-calcul .container .fond .formCalcul .btnContainer {
  /* 60px - 35px de marge du select au dessus */
  margin-top: 25px;
}
html body .custom-bloc.bloc-calcul .container .fond .caseSalaire {
  font-size: 40px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
}
html body .custom-bloc.bloc-calcul .container .fond .caseSalaire .greyPart {
  display: inline-block;
  height: 71px;
  line-height: 71px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ececec;
}
html body .custom-bloc.bloc-calcul .container .fond h2 {
  font-size: 22px;
  margin-bottom: 45px;
}
html body .custom-bloc.bloc-calcul .container .fond input[type=text], html body .custom-bloc.bloc-calcul .container .fond input[type=date], html body .custom-bloc.bloc-calcul .container .fond input[type=email], html body .custom-bloc.bloc-calcul .container .fond input[type=number], html body .custom-bloc.bloc-calcul .container .fond select {
  margin-bottom: 35px;
}
html body .custom-bloc.bloc-calcul .container .fond .lignePlusInfo {
  font-size: 14px;
}
html body .custom-bloc.bloc-calcul .container .fond .btnContainer {
  margin-top: 35px;
}
html body .custom-bloc.bloc-text-rose.bloc-cadreAlaUne .textContainer {
  padding-left: 80px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-text-rose.bloc-cadreAlaUne .textContainer {
    padding-left: 200px;
  }
}
html body .custom-bloc.bloc-text-rose .cadreALaUne {
  top: 50%;
  margin-top: -86px;
}
html body .custom-bloc.bloc-text-rose .textContainer {
  background-color: #F5F5F5;
  color: #363636;
  font-style: italic;
  font-size: 21px;
  font-weight: 500;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  html body .custom-bloc.bloc-text-rose .textContainer {
    padding-left: 200px;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-temoignage .cadreALaUne {
    top: 50%;
    margin-top: -86px;
  }
}
html body .custom-bloc.bloc-temoignage .textContainer {
  background-color: #F5F5F5;
  padding-left: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
}
html body .custom-bloc.bloc-temoignage .textContainer .contenu.temoignage {
  font-style: italic;
  font-size: 21px;
  font-weight: 500;
}
html body .custom-bloc.bloc-temoignage .textContainer .temoin {
  font-style: italic;
  font-size: 13px;
  font-weight: 700;
  margin-top: 15px;
  position: relative;
  padding-left: 40px;
}
html body .custom-bloc.bloc-temoignage .textContainer .temoin:after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  border-bottom: 1px solid #000;
  left: -90px;
  top: 50%;
}
html body .custom-bloc.bloc-temoignage .image {
  min-height: 350px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-temoignage .image {
    background-size: contain;
  }
}
@media screen and (min-width: 992px) {
  html body .custom-bloc.bloc-temoignage .image {
    background-size: cover;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-2-blocs:not(.no-separator) .owl-carousel:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    top: 0;
    bottom: 0;
    background-color: #FFF;
  }
}
html body .custom-bloc.bloc-2-blocs .owl-carousel .owl-stage-outer {
  background-color: #F5F5F5;
}
html body .custom-bloc.bloc-2-blocs .item {
  background-color: #F5F5F5;
}
html body .custom-bloc.bloc-2-blocs .item .item2bloc {
  font-weight: 400;
  font-size: 16px;
  padding: 50px;
}
html body .custom-bloc.bloc-2-blocs .item .item2bloc h3 {
  color: #363636;
  font-size: 27px;
  margin-bottom: 20px;
}
html body .custom-bloc.bloc-2-blocs .item .item2bloc h4 {
  font-size: 22px;
  margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
  html body .custom-bloc.accueil-offre {
    padding-top: 200px;
    padding-bottom: 200px;
    margin-bottom: 100px;
  }
}
html body .custom-bloc.accueil-offre .btnContainer {
  margin-top: 25px;
}
html body .custom-bloc.accueil-offre .btnContainer .btn {
  position: relative;
  left: 22px;
}
@media screen and (max-width: 768px) {
  html body .custom-bloc.accueil-offre h2 br {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  html body .custom-bloc.accueil-offre:after {
    display: block;
    content: "";
    background-color: #363636;
    width: 29px;
    height: 423px;
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -212px;
  }
}
html body .custom-bloc.accueil-offre .item {
  background-color: #F5F5F5;
  font-size: 14px;
  font-weight: 500;
  padding: 60px;
  position: relative;
  margin-top: 40px;
}
@media screen and (min-width: 992px) {
  html body .custom-bloc.accueil-offre .item {
    margin-bottom: 0px;
  }
}
html body .custom-bloc.accueil-offre .item h3 {
  font-weight: 500;
  font-size: 21px;
}
html body .custom-bloc.accueil-offre .item h3 strong {
  font-weight: 700;
  font-size: 27px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-chiffre {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
html body .custom-bloc.accueil-chiffre h2 {
  font-size: 39px;
  position: relative;
  padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-chiffre h2 {
    width: 270px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  html body .custom-bloc.accueil-chiffre h2 br {
    display: none;
  }
}
html body .custom-bloc.accueil-chiffre h2:after {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  background-color: #363636;
  top: 50%;
  right: -220px;
  margin-top: -35px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-chiffre h2:after {
    display: block;
  }
}
html body .custom-bloc.accueil-chiffre .item {
  font-weight: 600;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-chiffre .item {
    padding-bottom: 70px;
  }
}
html body .custom-bloc.accueil-chiffre .item .grosChiffre {
  font-size: 65px;
  font-weight: 900;
  line-height: 37px;
}
html body .custom-bloc.accueil-chiffre .item .grosChiffre .smallPart {
  font-size: 18px;
}
html body .custom-bloc.accueil-mise-en-avant-full .item {
  position: relative;
}
html body .custom-bloc.accueil-mise-en-avant-full .item:after {
  content: "";
  display: block;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  border-bottom: 1px solid #000000;
  top: 77px;
  position: absolute;
}
html body .custom-bloc.accueil-mise-en-avant-full .item .image {
  padding-top: 100%;
}
html body .custom-bloc.accueil-mise-en-avant-full .item .textContent {
  padding: 60px;
  height: 100%;
  background-color: #F5F5F5;
  font-size: 14px;
  font-weight: 500;
}
html body .custom-bloc.accueil-mise-en-avant-full .item .textContent h3 {
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 40px;
}
html body .custom-bloc.accueil-mise-en-avant-full .item .textContent .lien {
  display: block;
  text-align: right;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  color: #363636;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-mise-en-avant-full .item .textContent .lien {
    position: absolute;
    bottom: 65px;
    right: 70px;
  }
}
html body .custom-bloc.accueil-mise-en-avant-full .item .textContent .lien:after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/miniFleche.svg);
  margin-left: 10px;
}
html body .custom-bloc.accueil-mise-en-avant-full .item .textContent .lien:hover {
  text-decoration: underline;
}
html body .custom-bloc.accueil-temoignage, html body .custom-bloc.bloc-actualites {
  overflow: hidden;
}
html body .custom-bloc.accueil-temoignage .btnContainerBottom a, html body .custom-bloc.bloc-actualites .btnContainerBottom a {
  color: #363636;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
html body .custom-bloc.accueil-temoignage .btnContainerBottom a:hover, html body .custom-bloc.bloc-actualites .btnContainerBottom a:hover {
  text-decoration: underline;
}
html body .custom-bloc.accueil-temoignage .btnContainerBottom a:after, html body .custom-bloc.bloc-actualites .btnContainerBottom a:after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/miniFleche.svg);
  margin-left: 10px;
}
@media screen and (min-width: 992px) {
  html body .custom-bloc.accueil-temoignage.accueil-temoignage .fond, html body .custom-bloc.bloc-actualites.accueil-temoignage .fond {
    height: 587px;
  }
}
html body .custom-bloc.accueil-temoignage .fond, html body .custom-bloc.bloc-actualites .fond {
  background-color: #F5F5F5;
}
html body .custom-bloc.accueil-temoignage .fond .rond, html body .custom-bloc.bloc-actualites .fond .rond {
  height: 550px;
  width: 812px;
  position: absolute;
  z-index: 10;
  top: 0;
  margin-left: -20px;
}
html body .custom-bloc.accueil-temoignage .fond .rond svg, html body .custom-bloc.accueil-temoignage .fond .rond svg *, html body .custom-bloc.bloc-actualites .fond .rond svg, html body .custom-bloc.bloc-actualites .fond .rond svg * {
  fill: #363636;
}
html body .custom-bloc.accueil-temoignage {
  padding-top: 100px;
}
html body .custom-bloc.accueil-temoignage:before {
  top: 100px;
}
html body .custom-bloc.accueil-temoignage .girl {
  background-image: url(./img/girl.png);
  position: absolute;
  bottom: 0;
  left: 90px;
  z-index: 20;
  height: 649px;
  width: 487px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
html body .custom-bloc.accueil-temoignage .avisContainer {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
html body .custom-bloc.accueil-temoignage .avisContainer .titreMobile {
  padding-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
}
html body .custom-bloc.accueil-temoignage .btnContainerBottom {
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 15;
}
html body .custom-bloc.accueil-temoignage .avisContainer {
  position: relative;
  z-index: 10;
}
html body .custom-bloc.accueil-temoignage .avisContainer .avis {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  padding: 30px;
  background-color: #FFF;
  margin-bottom: 30px;
}
html body .custom-bloc.accueil-temoignage .avisContainer .avis .note {
  color: #363636;
  font-size: 24px;
  margin-bottom: 15px;
}
html body .custom-bloc.accueil-temoignage .avisContainer .avis .temoin {
  font-size: 12px;
  font-weight: 600;
  font-style: initial;
  margin-top: 17px;
}
html body .custom-bloc.bloc-actualites {
  overflow: initial;
}
html body .custom-bloc.bloc-actualites .articleContainer {
  position: relative;
  z-index: 15;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 49px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.bloc-actualites .articleContainer {
    width: 890px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 42px;
    top: 19px;
  }
}
html body .custom-bloc.bloc-actualites .articleContainer .titre {
  font-size: 17px;
  font-weight: 600;
  padding: 25px;
  padding-bottom: 0;
  text-decoration: none;
  color: #363636;
  display: block;
}
html body .custom-bloc.bloc-actualites .articleContainer .item {
  background-color: #f5f5f5;
}
html body .custom-bloc.bloc-actualites .articleContainer .item .categoryContainer {
  position: absolute;
  top: 20px;
  left: -10px;
}
html body .custom-bloc.bloc-actualites .articleContainer .item .imageContainer {
  padding-top: 140%;
}
html body .custom-bloc.bloc-actualites .articleContainer .arrow {
  padding: 25px;
}
html body .custom-bloc.accueil-actualites .btnContainerBottom a {
  color: #363636;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
html body .custom-bloc.accueil-actualites .btnContainerBottom a:hover {
  text-decoration: underline;
}
html body .custom-bloc.accueil-actualites .btnContainerBottom a:after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/miniFleche.svg);
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-actualites {
    padding-top: 180px;
  }
}
html body .custom-bloc.accueil-actualites h2.titre {
  font-weight: 700;
  font-size: 130px;
  color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-actualites h2.titre {
    position: absolute;
    top: -230px;
    left: 80px;
    font-size: 282px;
  }
}
html body .custom-bloc.accueil-partenaire {
  position: relative;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-partenaire {
    padding-top: 80px;
  }
}
html body .custom-bloc.accueil-partenaire h2 {
  font-size: 46px;
  font-weight: 700;
  color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  html body .custom-bloc.accueil-partenaire h2 {
    font-size: 139px;
    position: absolute;
    top: -100px;
    left: 80px;
  }
}
html body .custom-bloc.landing-video .videoWrapperContainer {
  max-width: 1200px;
  margin: 0 auto;
}
html body .custom-bloc.landing-video .videoWrapperContainer .videoWrapper {
  position: relative;
  padding-bottom: 50%;
  /* 16:9 */
  height: 0;
}
html body .custom-bloc.landing-video .videoWrapperContainer .videoWrapper iframe, html body .custom-bloc.landing-video .videoWrapperContainer .videoWrapper .wp-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body.page-template-template-formations details summary::-webkit-details-marker {
  display: none;
}
html body.page-template-template-formations details > summary {
  list-style: none;
  margin-bottom: 20px;
}
html body.page-template-template-formations details > summary:after {
  display: inline;
  content: "+";
  position: relative;
}
html body.page-template-template-formations details[open] > summary:after {
  content: "";
}
html body.page-template-template-formations .formFiltreListeProduit {
  margin-bottom: 70px;
}
html body.page-template-template-formations .formFiltreListeProduit h3 {
  margin-bottom: 20px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  transition-property: all;
  transition-duration: 0.3s;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  html body.page-template-template-formations .formFiltreListeProduit h3 {
    cursor: initial;
    padding: 0;
    border: 0;
    font-size: 22px;
  }
}
html body.page-template-template-formations .formFiltreListeProduit h3:after {
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  position: absolute;
  border-right: 1px solid #363636;
  border-bottom: 1px solid #363636;
  transform: rotate(45deg);
  right: 20px;
  top: 50%;
  margin-top: -2px;
  transition-property: all;
  transition-duration: 0.3s;
}
@media screen and (min-width: 768px) {
  html body.page-template-template-formations .formFiltreListeProduit h3:after {
    display: none;
  }
}
html body.page-template-template-formations .formFiltreListeProduit .filtreContent {
  padding-left: 17px;
  padding-right: 17px;
}
@media screen and (min-width: 768px) {
  html body.page-template-template-formations .formFiltreListeProduit .filtreContent {
    padding-left: 0px;
    padding-right: 0px;
  }
}
html body.page-template-template-formations .formFiltreListeProduit.actif .filtreContent {
  display: block;
}
html body.page-template-template-formations .formFiltreListeProduit.actif h3 {
  border-color: #FFF;
}
html body.page-template-template-formations .formFiltreListeProduit.actif h3:after {
  transform: rotate(225deg);
}
html body.page-template-template-formations .formFiltreListeProduit .filtreContent {
  display: none;
}
@media screen and (min-width: 768px) {
  html body.page-template-template-formations .formFiltreListeProduit .filtreContent {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  html body.home .entry-content > .filigrane {
    background-image: url("./img/filigraneGris.svg");
    position: absolute;
    top: 40px;
    left: -94px;
    width: 1023px;
    height: 1154px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body.home .entry-content > .filigrane.filigrane2 {
    top: initial;
    bottom: 90vh;
    right: -94px;
    left: initial;
  }
}
html body.home header.pageHeader {
  margin-bottom: 75px;
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader {
    margin-bottom: 0;
  }
}
html body.home header.pageHeader:after {
  display: none;
}
html body.home header.pageHeader.start > .container .image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(54, 54, 54, 0.05);
}
html body.home header.pageHeader.start > .container .image:after {
  display: none;
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader.start > .container .image .headerTextContent {
    bottom: 220px;
    top: initial;
  }
}
@media screen and (max-width: 768px) {
  html body.home header.pageHeader.start > .container .image .headerTextContent {
    top: 0;
    bottom: initial;
  }
}
@media screen and (max-width: 768px) {
  html body.home header.pageHeader.start > .container .image .headerTextContent {
    background: initial;
  }
}
html body.home header.pageHeader > .container .image {
  padding-top: calc(166% + 160px);
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader > .container .image {
    padding-top: 600px;
  }
}
html body.home header.pageHeader > .container .image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(54, 54, 54, 0.05);
}
html body.home header.pageHeader > .container .image:after {
  display: none;
}
html body.home header.pageHeader > .container .image .headerTextContent {
  background: transparent;
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader > .container .image .headerTextContent {
    padding-left: 100px;
  }
}
html body.home header.pageHeader > .container .image .headerTextContent h1 {
  font-size: 37px;
  color: #363636;
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader > .container .image .headerTextContent h1 {
    font-size: 59px;
  }
}
html body.home header.pageHeader > .container .image .headerTextContent h1 .small {
  font-size: 16px;
  color: #363636;
  position: relative;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader > .container .image .headerTextContent h1 .small {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
html body.home header.pageHeader > .container .image .headerTextContent h1 .small:after {
  display: block;
  border-bottom: 1px solid #000;
  top: 50%;
  content: "";
  position: absolute;
  width: 32px;
  left: -44px;
}
@media screen and (min-width: 768px) {
  html body.home header.pageHeader > .container .image .headerTextContent h1 .small:after {
    left: 0;
    width: 100px;
    margin-left: -150px;
  }
}
html body.single-formation-alternance .custom-bloc.bloc-text-image .container, html body.single-formation-continue .custom-bloc.bloc-text-image .container {
  max-width: 1034px;
}
html body.single-formation-alternance .finFormation, html body.single-formation-continue .finFormation {
  max-width: 827px;
  margin-top: 100px;
  margin-bottom: 100px;
}
html body.single-formation-alternance .finFormation .item, html body.single-formation-continue .finFormation .item {
  background-color: #F5F5F5;
  font-size: 21px;
  font-weight: 500;
  padding: 60px;
}
html body.single-formation-alternance .finFormation .item .small, html body.single-formation-continue .finFormation .item .small {
  font-size: 14px;
}
html body.single-formation-alternance .finFormation .item svg, html body.single-formation-continue .finFormation .item svg {
  margin-bottom: 29px;
}
html body.single-formation-alternance .finFormation .item .big, html body.single-formation-continue .finFormation .item .big {
  font-weight: bold;
  font-size: 27px;
  margin-bottom: 10px;
}
html body.single-formation-alternance .introFormation, html body.single-formation-continue .introFormation {
  max-width: 827px;
  margin-bottom: 70px;
}
html body.single-formation-alternance .introFormation .vae, html body.single-formation-continue .introFormation .vae {
  background-color: #f5f5f5;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  padding-left: 50px;
  /*
  .info{
    background-color:#363636;
    color:#FFF;
    font-size:15px;
    font-weight:700;
    transform:rotate(-90deg);
    text-align:center;
    bottom:0;
    height:38px;
    line-height:38px;
    left:38px;
    position:absolute;
    transform-origin: bottom left;
    
    @include desktop(){
      width:54px;
    }
  }
  */
}
@media screen and (min-width: 768px) {
  html body.single-formation-alternance .introFormation .vae, html body.single-formation-continue .introFormation .vae {
    height: 54px;
  }
}
html body.single-formation-alternance .introFormation .vae .info, html body.single-formation-continue .introFormation .vae .info {
  background-color: #363636;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 38px;
  top: 0;
  bottom: 0;
  width: 38px;
  left: 0;
  position: absolute;
}
html body.single-formation-alternance .introFormation .vae .info .txtInfo, html body.single-formation-continue .introFormation .vae .info .txtInfo {
  position: absolute;
  transform-origin: bottom left;
  width: 76px;
  text-align: center;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  transform: rotate(-90deg);
  height: 38px;
  line-height: 38px;
  left: 38px;
  top: 50%;
}
html body.single-formation-alternance .introFormation .col-6, html body.single-formation-continue .introFormation .col-6 {
  margin-bottom: 20px;
}
html body.single-formation-alternance .introFormation .col-6 .item, html body.single-formation-continue .introFormation .col-6 .item {
  border: 1px solid #d7d7d7;
  font-weight: 700;
  font-size: 18px;
  padding: 30px 20px;
}
html body.single-formation-alternance .introFormation .col-6 .item svg, html body.single-formation-continue .introFormation .col-6 .item svg {
  margin-bottom: 10px;
}
html body.single-formation-alternance .introFormation .col-6 .item .big, html body.single-formation-continue .introFormation .col-6 .item .big {
  font-size: 24px;
  margin-top: 10px;
  line-height: 30px;
}
html body.single-formation-alternance .introFormation .col-6 .item .small, html body.single-formation-continue .introFormation .col-6 .item .small {
  font-size: 14px;
}
html body.single-formation-alternance .wp-block-columns, html body.single-formation-continue .wp-block-columns {
  display: none;
}
html body.single-formation-alternance .wp-block-columns.actif, html body.single-formation-continue .wp-block-columns.actif {
  display: flex;
}
html body.single-formation-alternance #ongletContainer, html body.single-formation-continue #ongletContainer {
  /*
  border-bottom:1px solid #000;
  li{
    list-style:none;
    display:inline-block;
    
    a{
      font-size:22px;
      font-weight:700;
      color:#afafaf;
      text-decoration:none;
      position:relative;
      display:inline-block;
      height:60px;
      transition-property: all;
      transition-duration: 0.3s;    
      margin-left:30px;
      margin-right:30px;
      
      &:after{
        transition-property: all;
        transition-duration: 0.3s;        
        content:'';
        display:block;
        background-color:#000;
        height:0;
        width:83px;
        position:absolute;
        left:50%;
        bottom:-1px;
        margin-left:-41px;
      }
      
      &.actif, &:hover{
        color:$rose;
        
        &:after{
          background-color:$rose;
          height:3px;
        }
      }
    }
  }*/
}
html body.contenu-orange .btn.btn-outline, html body .contenu-orange .btn.btn-outline {
  border-color: #FF9900;
  color: #FF9900;
}
html body.contenu-orange .btn.btn-outline:hover, html body .contenu-orange .btn.btn-outline:hover {
  background-color: #FF9900;
}
html body.contenu-orange .text-couleur, html body .contenu-orange .text-couleur {
  color: #FF9900;
}
html body.contenu-orange ul li:before, html body .contenu-orange ul li:before {
  background-color: #FF9900;
}
html body.contenu-orange .custom-bloc .cadreALaUne, html body .contenu-orange .custom-bloc .cadreALaUne {
  background-color: rgba(255, 153, 0, 0.9);
}
html body.contenu-orange .custom-bloc.bloc-text-image li:before, html body .contenu-orange .custom-bloc.bloc-text-image li:before {
  background-color: #FF9900;
}
html body.contenu-orange .custom-bloc.bloc-text-image strong, html body .contenu-orange .custom-bloc.bloc-text-image strong {
  color: #FF9900;
}
html body.contenu-orange .custom-bloc.accueil-temoignage .fond .rond svg, html body.contenu-orange .custom-bloc.accueil-temoignage .fond .rond svg *, html body.contenu-orange .custom-bloc.bloc-actualites .fond .rond svg, html body.contenu-orange .custom-bloc.bloc-actualites .fond .rond svg *, html body .contenu-orange .custom-bloc.accueil-temoignage .fond .rond svg, html body .contenu-orange .custom-bloc.accueil-temoignage .fond .rond svg *, html body .contenu-orange .custom-bloc.bloc-actualites .fond .rond svg, html body .contenu-orange .custom-bloc.bloc-actualites .fond .rond svg * {
  fill: #FF9900;
}
html body.contenu-orange .custom-bloc.accueil-temoignage .avisContainer .avis .note, html body .contenu-orange .custom-bloc.accueil-temoignage .avisContainer .avis .note {
  color: #FF9900;
}
html body.contenu-orange .custom-bloc.bloc-text-rose .textContainer, html body .contenu-orange .custom-bloc.bloc-text-rose .textContainer {
  color: #FF9900;
}
html body.contenu-orange .custom-bloc.bloc-2-blocs .item h3, html body .contenu-orange .custom-bloc.bloc-2-blocs .item h3 {
  color: #FF9900;
}
html body.contenu-orange #ongletContainer li a.actif, html body.contenu-orange #ongletContainer li a:hover, html body .contenu-orange #ongletContainer li a.actif, html body .contenu-orange #ongletContainer li a:hover {
  color: #FF9900;
}
html body.contenu-orange #ongletContainer li a.actif:after, html body.contenu-orange #ongletContainer li a:hover:after, html body .contenu-orange #ongletContainer li a.actif:after, html body .contenu-orange #ongletContainer li a:hover:after {
  background-color: #FF9900;
}
html body.contenu-rose .btn.btn-outline, html body .contenu-rose .btn.btn-outline {
  border-color: #E6007E;
  color: #E6007E;
}
html body.contenu-rose .btn.btn-outline:hover, html body .contenu-rose .btn.btn-outline:hover {
  background-color: #E6007E;
}
html body.contenu-rose .text-couleur, html body .contenu-rose .text-couleur {
  color: #E6007E;
}
html body.contenu-rose ul li:before, html body .contenu-rose ul li:before {
  background-color: #E6007E;
}
html body.contenu-rose .custom-bloc .cadreALaUne, html body .contenu-rose .custom-bloc .cadreALaUne {
  background-color: rgba(230, 0, 126, 0.9);
}
html body.contenu-rose .custom-bloc.bloc-text-image li:before, html body .contenu-rose .custom-bloc.bloc-text-image li:before {
  background-color: #E6007E;
}
html body.contenu-rose .custom-bloc.bloc-text-image strong, html body .contenu-rose .custom-bloc.bloc-text-image strong {
  color: #E6007E;
}
html body.contenu-rose .custom-bloc.accueil-temoignage .fond .rond svg, html body.contenu-rose .custom-bloc.accueil-temoignage .fond .rond svg *, html body.contenu-rose .custom-bloc.bloc-actualites .fond .rond svg, html body.contenu-rose .custom-bloc.bloc-actualites .fond .rond svg *, html body .contenu-rose .custom-bloc.accueil-temoignage .fond .rond svg, html body .contenu-rose .custom-bloc.accueil-temoignage .fond .rond svg *, html body .contenu-rose .custom-bloc.bloc-actualites .fond .rond svg, html body .contenu-rose .custom-bloc.bloc-actualites .fond .rond svg * {
  fill: #E6007E;
}
html body.contenu-rose .custom-bloc.accueil-temoignage .avisContainer .avis .note, html body .contenu-rose .custom-bloc.accueil-temoignage .avisContainer .avis .note {
  color: #E6007E;
}
html body.contenu-rose .custom-bloc.bloc-text-rose .textContainer, html body .contenu-rose .custom-bloc.bloc-text-rose .textContainer {
  color: #E6007E;
}
html body.contenu-rose .custom-bloc.bloc-2-blocs .item h3, html body .contenu-rose .custom-bloc.bloc-2-blocs .item h3 {
  color: #E6007E;
}
html body.contenu-rose #ongletContainer li a.actif, html body.contenu-rose #ongletContainer li a:hover, html body .contenu-rose #ongletContainer li a.actif, html body .contenu-rose #ongletContainer li a:hover {
  color: #E6007E;
}
html body.contenu-rose #ongletContainer li a.actif:after, html body.contenu-rose #ongletContainer li a:hover:after, html body .contenu-rose #ongletContainer li a.actif:after, html body .contenu-rose #ongletContainer li a:hover:after {
  background-color: #E6007E;
}
html body.contenu-bleu .btn.btn-outline, html body .contenu-bleu .btn.btn-outline {
  border-color: #00749b;
  color: #00749b;
}
html body.contenu-bleu .btn.btn-outline:hover, html body .contenu-bleu .btn.btn-outline:hover {
  background-color: #00749b;
}
html body.contenu-bleu .text-couleur, html body .contenu-bleu .text-couleur {
  color: #00749b;
}
html body.contenu-bleu ul li:before, html body .contenu-bleu ul li:before {
  background-color: #00749b;
}
html body.contenu-bleu .custom-bloc .cadreALaUne, html body .contenu-bleu .custom-bloc .cadreALaUne {
  background-color: rgba(0, 116, 155, 0.9);
}
html body.contenu-bleu .custom-bloc.bloc-text-image li:before, html body .contenu-bleu .custom-bloc.bloc-text-image li:before {
  background-color: #00749b;
}
html body.contenu-bleu .custom-bloc.bloc-text-image strong, html body .contenu-bleu .custom-bloc.bloc-text-image strong {
  color: #00749b;
}
html body.contenu-bleu .custom-bloc.accueil-temoignage .fond .rond svg, html body.contenu-bleu .custom-bloc.accueil-temoignage .fond .rond svg *, html body.contenu-bleu .custom-bloc.bloc-actualites .fond .rond svg, html body.contenu-bleu .custom-bloc.bloc-actualites .fond .rond svg *, html body .contenu-bleu .custom-bloc.accueil-temoignage .fond .rond svg, html body .contenu-bleu .custom-bloc.accueil-temoignage .fond .rond svg *, html body .contenu-bleu .custom-bloc.bloc-actualites .fond .rond svg, html body .contenu-bleu .custom-bloc.bloc-actualites .fond .rond svg * {
  fill: #00749b;
}
html body.contenu-bleu .custom-bloc.accueil-temoignage .avisContainer .avis .note, html body .contenu-bleu .custom-bloc.accueil-temoignage .avisContainer .avis .note {
  color: #00749b;
}
html body.contenu-bleu .custom-bloc.bloc-text-bleu .textContainer, html body .contenu-bleu .custom-bloc.bloc-text-bleu .textContainer {
  color: #00749b;
}
html body.contenu-bleu .custom-bloc.bloc-2-blocs .item h3, html body .contenu-bleu .custom-bloc.bloc-2-blocs .item h3 {
  color: #00749b;
}
html body.contenu-bleu #ongletContainer li a.actif, html body.contenu-bleu #ongletContainer li a:hover, html body .contenu-bleu #ongletContainer li a.actif, html body .contenu-bleu #ongletContainer li a:hover {
  color: #00749b;
}
html body.contenu-bleu #ongletContainer li a.actif:after, html body.contenu-bleu #ongletContainer li a:hover:after, html body .contenu-bleu #ongletContainer li a.actif:after, html body .contenu-bleu #ongletContainer li a:hover:after {
  background-color: #00749b;
}

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