@font-face {
  font-family: 'cervomedium';
  src: url("../fonts/beaej_ostoja_lniski_-_cervo-medium-webfont.woff2") format("woff2"), url("../fonts/beaej_ostoja_lniski_-_cervo-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.ttf?lwndfw") format("truetype"), url("../fonts/icomoon.woff?lwndfw") format("woff"), url("../fonts/icomoon.svg?lwndfw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-delete:before {
  content: "\E917";
}

.icon-move:before {
  content: "\E919";
}

.icon-edit2:before {
  content: "\E918";
}

.icon-loupe:before {
  content: "\E906";
}

.icon-edit:before {
  content: "\E90F";
}

.icon-fleche7:before {
  content: "\E910";
}

.icon-fleche8:before {
  content: "\E911";
}

.icon-fleche9:before {
  content: "\E912";
}

.icon-ordi:before {
  content: "\E913";
}

.icon-ordi2:before {
  content: "\E914";
}

.icon-voir:before {
  content: "\E915";
}

.icon-voir2:before {
  content: "\E916";
}

.icon-flexhe6:before {
  content: "\E90D";
}

.icon-moins:before {
  content: "\E900";
}

.icon-fleche3:before {
  content: "\E901";
}

.icon-close:before {
  content: "\E902";
}

.icon-telechargement:before {
  content: "\E903";
}

.icon-plus2:before {
  content: "\E904";
}

.icon-plus:before {
  content: "\E905";
}

.icon-info:before {
  content: "\E907";
}

.icon-fleche5:before {
  content: "\E908";
}

.icon-fleche4:before {
  content: "\E909";
}

.icon-fleche2:before {
  content: "\E90A";
}

.icon-fleche:before {
  content: "\E90B";
}

.icon-fichier:before {
  content: "\E90C";
}

.icon-magnifying-glass:before {
  content: "\E90E";
}

/*******************  DEFAULT VARIABLES ***************/
/*******************  SITE VARIABLES ******************/
/*******************  NORMALIZE ***********************/
html {
  margin: 0;
  padding: 0;
  font: normal 10px arial, sans-serif, Arial, Verdana, Helvetica, sans-serif;
  color: #212121;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 1.6rem;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  width: 100%;
  color: #212121;
  height: 100%;
  line-height: normal;
  letter-spacing: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, span, strong, em, u, small, div, table, tbody, tr, td, form, input, select, textarea, fieldset, label, option {
  margin: 0;
  padding: 0;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

b, strong {
  font-weight: 700;
}

a {
  color: #df0720;
  cursor: pointer;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: middle;
}

textarea {
  resize: vertical;
}

input[type=submit] {
  cursor: pointer;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*******************  HELPER CLASSES ******************/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

body.preload * {
  -webkit-transition: none;
  transition: none;
}

form p {
  margin-bottom: 5px;
}

form p.flex, form p.nosite, form .entretien .step1 .start-entretien p.wrap, .entretien .step1 .start-entretien form p.wrap, form .entretien p.radio, .entretien form p.radio,
form .entretien p.radio-boolean, .entretien form p.radio-boolean, form .gab-chiffre-cle .swiper-wrapper p.swiper-slide, .gab-chiffre-cle .swiper-wrapper form p.swiper-slide, form .gab-texte .fullSlider p.swiper-slide, .gab-texte .fullSlider form p.swiper-slide,
form .gab-texte-2col .fullSlider p.swiper-slide, .gab-texte-2col .fullSlider form p.swiper-slide,
form .gab-consequence .fullSlider p.swiper-slide, .gab-consequence .fullSlider form p.swiper-slide, form .gab-memo p.wrap, .gab-memo form p.wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

form input,
form select,
form textarea {
  background-color: #f7f3f0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #f7f3f0;
  width: 100%;
  font-family: arial;
  font-size: 1.6rem;
  padding: 9px;
  color: #212121;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: 0;
}

form input:focus,
form select:focus,
form textarea:focus {
  background-color: rgba(247, 243, 240, 0.4);
  border-color: rgba(247, 243, 240, 0);
}

form input[type="submit"], form input[type="button"],
form select[type="submit"],
form select[type="button"],
form textarea[type="submit"],
form textarea[type="button"] {
  width: auto;
  margin: 30px auto;
  border: 0;
  background-image: url(../img/fleche.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: auto 14px;
}

form input.error,
form select.error,
form textarea.error {
  border-color: rgba(227, 6, 19, 0);
  background-color: rgba(227, 6, 19, 0.2);
}

form .radio input[type="radio"] + label,
form .radio-boolean input[type="radio"] + label {
  cursor: pointer;
  font-weight: 700;
  background-color: #ebe1db;
  border-radius: 20px;
  text-transform: uppercase;
  font-family: "cervomedium";
  font-size: 2.2rem;
  padding: 7px 30px;
  height: 40px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

form .radio input[type="radio"] + label:last-child,
form .radio-boolean input[type="radio"] + label:last-child {
  margin-right: 0;
}

form .radio input[type="radio"]:checked + label,
form .radio-boolean input[type="radio"]:checked + label {
  background-color: #e30613;
  color: #ffffff;
}

form.label-absolute {
  width: 335px;
  margin: 0 auto;
}

form.label-absolute p {
  position: relative;
  padding-top: 20px;
}

form.label-absolute input:not([type="submit"]),
form.label-absolute input:not([type="button"]),
form.label-absolute textarea {
  background-color: #ffffff;
  border-color: #ffffff;
  border-bottom-color: #a8a19c;
  text-align: center;
}

form.label-absolute input:not([type="submit"]).error,
form.label-absolute input:not([type="button"]).error,
form.label-absolute textarea.error {
  border-bottom-color: #e30613;
}

form.label-absolute input[type="submit"].btn-rouge {
  background-color: #e30613;
}

form.label-absolute textarea {
  border-color: #a8a19c;
  height: 90px;
}

form.label-absolute label {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 30px;
  left: 0;
  font-family: "Noto Serif", serif;
  font-style: italic;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 10;
}

form.label-absolute label.active {
  top: 10px;
  font-size: 1.2rem;
  color: #a8a19c;
}

form.label-absolute textarea + label.active {
  opacity: 0;
  font-size: 1.6rem;
  top: 30px;
}

.toasted-container {
  z-index: 1000000 !important;
  padding: 20px;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::-ms-input-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

/*************************************************************/
/************* BLOCK *****************************************/
/*************************************************************/
.flex, .liste3 li, .nosite, header, .entretien .step1 .start-entretien .wrap, .entretien .radio,
.entretien .radio-boolean, .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-texte .fullSlider .swiper-slide,
.gab-texte-2col .fullSlider .swiper-slide,
.gab-consequence .fullSlider .swiper-slide, .gab-memo .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrap {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}

section {
  overflow: auto;
  padding-top: 70px;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
}

.barre {
  width: 37px;
  height: 2px;
  background-color: #ffffff;
  margin: 15px auto 0;
}

/*************************************************************/
/************* TEXTE *****************************************/
/*************************************************************/
.titre1 {
  font-size: 6.5rem;
  font-family: "Noto Serif", serif;
  font-style: italic;
  color: #e30613;
  line-height: 8rem;
}

.titre1-bo {
  font-size: 6rem;
  font-family: "cervomedium";
  text-transform: uppercase;
  color: #e30613;
  line-height: 5rem;
  margin-bottom: 10px;
}

.titre1-bo span {
  display: block;
  font-size: 2.6rem;
  font-family: "Noto Serif", serif;
  font-style: italic;
  text-transform: none;
}

.titre2 {
  color: #e30613;
  font-size: 4.8rem;
  font-family: "cervomedium";
  text-transform: uppercase;
}

.titre3 {
  text-transform: uppercase;
  font-family: "cervomedium";
  font-size: 3rem;
  letter-spacing: 0.2em;
  color: #212121;
}

.titre4 {
  color: #e30613;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 2.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 3.4rem;
}

.titre4:before {
  content: "\E909";
  font-family: "icomoon";
  font-style: normal;
  font-size: 3rem;
  margin-right: 15px;
}

.titre5 {
  color: #e30613;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 2rem;
}

.titre6 {
  color: #e30613;
  font-family: arial;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 22px;
  line-height: 3rem;
}

.back {
  font-family: "cervomedium";
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2rem;
  letter-spacing: 0 .03em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.back i {
  margin: 0 10px;
  font-size: 3.8rem;
}

.rouge {
  color: #e30613;
}

.noto {
  font-style: italic;
  font-family: "Noto Serif", serif;
}

.alerte {
  color: #e30613;
  font-family: "Noto Serif", serif;
  font-style: italic;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.alerte:before {
  content: '\E90D';
  font-family: "icomoon";
  font-size: 0.3rem;
  color: #212121;
  margin-right: 10px;
  font-style: normal;
  position: relative;
  top: 10px;
}

/*************************************************************/
/************* BOUTON ****************************************/
/*************************************************************/
[class^="btn-"] {
  font-family: "cervomedium";
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.03em;
  border-radius: 50px;
  padding: 11px 50px;
  cursor: pointer;
  text-align: center;
  display: table;
  text-transform: uppercase;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (hover: hover) {
  [class^="btn-"]:hover {
    background-color: #ab060f;
    color: #ffffff;
  }
}

.btn-rouge {
  background-color: #e30613;
  color: #ffffff;
}

.btn-rouge-fleche,
.btn-blanc-fleche,
.btn-rouge-back {
  background-color: #e30613;
  color: #ffffff;
  padding-right: 60px;
}

.btn-rouge-fleche:after,
.btn-blanc-fleche:after,
.btn-rouge-back:after {
  content: '\E90B';
  font-family: "icomoon";
  color: #ffffff;
  font-size: 1.2rem;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  display: inline-block;
}

.btn-blanc-fleche {
  background-color: #ffffff;
  color: #e30613;
}

.btn-blanc-fleche:after {
  color: #e30613;
}

@media (hover: hover) {
  .btn-blanc-fleche:hover {
    background-color: #ebe1db;
    color: #e30613;
  }
}

.btn-rouge-back {
  padding-right: 50px;
  padding-left: 60px;
}

.btn-rouge-back:after {
  -webkit-transform: translateY(-50%) scale(-1);
          transform: translateY(-50%) scale(-1);
  left: 15px;
  right: auto;
}

.btn-gris-croix {
  background-color: #a8a19c;
  color: #ffffff;
  padding-right: 60px;
}

.btn-gris-croix:after {
  content: '\E905';
  font-family: "icomoon";
  color: #ffffff;
  font-size: 1.2rem;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 15px;
  display: inline-block;
}

.btn-border {
  font-family: arial;
  font-size: 1.6rem;
  border: 1px solid #ebe1db;
  text-align: left;
  font-weight: 400;
  text-transform: none;
  padding: 9px;
  color: #212121;
}

.btn-beige {
  background-color: #a8a19c;
  color: #ffffff;
}

.btn-beige .icon-plus {
  font-size: 1.4rem;
}

.btn-blanc {
  background-color: #ffffff;
  color: #e30613;
  font-weight: 400;
  font-family: "cervomedium";
}

/*************************************************************/
/************* POPUP *****************************************/
/*************************************************************/
.popup {
  position: fixed;
  background-color: rgba(235, 225, 219, 0.94);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
}

.popup .popup-content {
  border: 14px solid #e30613;
  background-color: #ffffff;
  max-width: 700px;
  width: 90%;
  max-height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 40px;
  overflow-y: auto;
}

.popup .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2.6rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.popup strong:before {
  display: none !important;
}

/*************************************************************/
/************* LISTE *****************************************/
/*************************************************************/
.liste li, .gab-memo .memo ul li {
  list-style-type: none;
  margin-bottom: 15px;
}

.liste li:before, .gab-memo .memo ul li:before {
  content: '\E90B';
  color: #e30613;
  font-family: "icomoon";
  font-size: 1.1rem;
  margin-right: 10px;
}

.liste li a, .gab-memo .memo ul li a {
  color: #212121;
}

.liste2 li {
  list-style-type: none;
  margin-bottom: 7px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.liste2 li:before {
  content: '\E90D';
  font-family: "icomoon";
  font-size: 0.25rem;
  margin-right: 10px;
  margin-top: 8px;
}

.liste3 li {
  list-style-type: none;
  margin-bottom: 10px;
}

.liste3 li p:before {
  content: '-';
  margin-right: 5px;
}

.liste3 li p.no-tiret:before {
  display: none;
}

.liste4 li, .block-wysiwyg ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.liste4 li:before, .block-wysiwyg ul li:before {
  content: '';
  margin-right: 8px;
  background-color: #e30613;
  width: 7px;
  height: 7px;
  display: inline-block;
  top: -3px;
  position: relative;
}

.liste4 li ul, .block-wysiwyg ul li ul {
  margin-left: 30px;
  margin-bottom: 30px;
}

.liste4 li ul li, .block-wysiwyg ul li ul li {
  margin-bottom: 5px;
}

.liste4 li ul li:before, .block-wysiwyg ul li ul li:before {
  width: 5px;
  height: 2px;
}

/*************************************************************/
/************* ACCORDEON *************************************/
/*************************************************************/
.accordeon {
  width: 660px;
  margin: 0 auto 50px;
}

.accordeon .titre-accordeon {
  background-color: #ebe1db;
  border-radius: 30px;
  font-size: 1.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  font-weight: 700;
  padding: 9px 20px;
  position: relative;
  margin-top: 15px;
  cursor: pointer;
}

.accordeon .titre-accordeon i {
  color: #e30613;
  font-size: 2rem;
}

.accordeon .titre-accordeon .icon-fichier {
  margin-right: 10px;
}

.accordeon .titre-accordeon .icon-plus {
  position: absolute;
  right: 15px;
  top: 9px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.accordeon .titre-accordeon.active .icon-plus {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.accordeon .accordeon-content {
  padding: 20px 45px 40px;
  display: none;
}

.accordeon .accordeon-content p, .accordeon .accordeon-content ul {
  margin-bottom: 10px;
}

.accordeon .btn-rouge-fleche {
  margin: 0 auto;
}

/*************************************************************/
/************* SWIPER ****************************************/
/*************************************************************/
.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #a8a19c;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #e30613;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.gab-carousel .panel > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 0;
}

.gab-carousel .panel .swiper-pagination {
  width: 16px;
  left: 280px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.swiper-scrollbar-drag {
  background-color: #e30613;
  z-index: 10;
  -webkit-box-shadow: 5px 7px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 7px 5px rgba(0, 0, 0, 0.2);
  background-image: url(../img/scroll.svg);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.swiper-container-vertical > .swiper-scrollbar {
  height: 130px;
  right: 42px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  background-color: transparent;
}

.swiper-container-vertical > .swiper-scrollbar:after {
  height: 130px;
  width: 1px;
  content: '';
  background-color: #a8a19c;
  position: absolute;
  top: 0;
  left: 50%;
}

.swiper-container-horizontal > .swiper-scrollbar {
  height: 16px;
  right: 42px;
  bottom: 15px;
  max-width: 700px;
  width: 80%;
  background-color: transparent;
  margin: 0 auto;
}

.swiper-container-horizontal > .swiper-scrollbar:after {
  height: 1px;
  width: 100%;
  content: '';
  background-color: #a8a19c;
  position: absolute;
  bottom: 7px;
  left: 0;
}

.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  width: 50px;
  background-image: url(../img/scroll2.svg);
}

.switch {
  font-family: "cervomedium";
  text-transform: uppercase;
  font-size: 2.8rem;
  margin-bottom: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a8a19c;
  margin-top: 35px;
}

.switch span {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.switch .sl {
  color: #e30613;
}

.switch .switch-button {
  width: 42px;
  height: 22px;
  margin: 0 20px;
  background-color: #a8a19c;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}

.switch .switch-button span {
  border-radius: 100%;
  background-color: #e30613;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.switch.active .sl {
  color: #a8a19c;
}

.switch.active .sr {
  color: #e30613;
}

.switch.active .switch-button span {
  left: 22px;
}

.switch-sr,
.switch-sl {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: none;
}

.switch-sr.active,
.switch-sl.active {
  display: block;
}

/*************************************************************/
/************* ANIMATION *************************************/
/*************************************************************/
@-webkit-keyframes carouselPanel {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  99% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes carouselPanel {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  99% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes carreUn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  30% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

@keyframes carreUn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  30% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

@-webkit-keyframes carreDeux {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  30% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

@keyframes carreDeux {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  30% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

@-webkit-keyframes chiffreCle {
  0% {
    color: #212121;
  }
  20% {
    color: #e30613;
  }
  80% {
    color: #e30613;
  }
  100% {
    color: #212121;
  }
}

@keyframes chiffreCle {
  0% {
    color: #212121;
  }
  20% {
    color: #e30613;
  }
  80% {
    color: #e30613;
  }
  100% {
    color: #212121;
  }
}

/*************************************************************/
/************* WYSIWYG ***************************************/
/*************************************************************/
.block-wysiwyg {
  font-size: 1.6rem;
  line-height: 2rem;
}

.block-wysiwyg strong {
  font-weight: 400;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61%, #ffffff), color-stop(61%, #ebe1db), to(#ebe1db));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 61%, #ebe1db 61%, #ebe1db 100%);
}

.block-wysiwyg blockquote {
  margin-left: 280px;
}

.block-wysiwyg h3 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 700;
  color: #e30613;
}

.block-wysiwyg .flex, .block-wysiwyg .liste3 li, .liste3 .block-wysiwyg li, .block-wysiwyg .nosite, .block-wysiwyg header, .block-wysiwyg .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .block-wysiwyg .wrap, .block-wysiwyg .entretien .radio, .entretien .block-wysiwyg .radio,
.block-wysiwyg .entretien .radio-boolean, .entretien .block-wysiwyg .radio-boolean, .block-wysiwyg .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .block-wysiwyg .swiper-slide, .block-wysiwyg .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .block-wysiwyg .swiper-slide,
.block-wysiwyg .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .block-wysiwyg .swiper-slide,
.block-wysiwyg .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .block-wysiwyg .swiper-slide, .block-wysiwyg .gab-memo .wrap, .gab-memo .block-wysiwyg .wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.block-wysiwyg .flex > div, .block-wysiwyg .liste3 li > div, .liste3 .block-wysiwyg li > div, .block-wysiwyg .nosite > div, .block-wysiwyg header > div, .block-wysiwyg .entretien .step1 .start-entretien .wrap > div, .entretien .step1 .start-entretien .block-wysiwyg .wrap > div, .block-wysiwyg .entretien .radio > div, .entretien .block-wysiwyg .radio > div, .block-wysiwyg .entretien .radio-boolean > div, .entretien .block-wysiwyg .radio-boolean > div, .block-wysiwyg .gab-chiffre-cle .swiper-wrapper .swiper-slide > div, .gab-chiffre-cle .swiper-wrapper .block-wysiwyg .swiper-slide > div, .block-wysiwyg .gab-texte .fullSlider .swiper-slide > div, .gab-texte .fullSlider .block-wysiwyg .swiper-slide > div, .block-wysiwyg .gab-texte-2col .fullSlider .swiper-slide > div, .gab-texte-2col .fullSlider .block-wysiwyg .swiper-slide > div, .block-wysiwyg .gab-consequence .fullSlider .swiper-slide > div, .gab-consequence .fullSlider .block-wysiwyg .swiper-slide > div, .block-wysiwyg .gab-memo .wrap > div, .gab-memo .block-wysiwyg .wrap > div {
  width: 42%;
}

.block-wysiwyg .flex i, .block-wysiwyg .liste3 li i, .liste3 .block-wysiwyg li i, .block-wysiwyg .nosite i, .block-wysiwyg header i, .block-wysiwyg .entretien .step1 .start-entretien .wrap i, .entretien .step1 .start-entretien .block-wysiwyg .wrap i, .block-wysiwyg .entretien .radio i, .entretien .block-wysiwyg .radio i, .block-wysiwyg .entretien .radio-boolean i, .entretien .block-wysiwyg .radio-boolean i, .block-wysiwyg .gab-chiffre-cle .swiper-wrapper .swiper-slide i, .gab-chiffre-cle .swiper-wrapper .block-wysiwyg .swiper-slide i, .block-wysiwyg .gab-texte .fullSlider .swiper-slide i, .gab-texte .fullSlider .block-wysiwyg .swiper-slide i, .block-wysiwyg .gab-texte-2col .fullSlider .swiper-slide i, .gab-texte-2col .fullSlider .block-wysiwyg .swiper-slide i, .block-wysiwyg .gab-consequence .fullSlider .swiper-slide i, .gab-consequence .fullSlider .block-wysiwyg .swiper-slide i, .block-wysiwyg .gab-memo .wrap i, .gab-memo .block-wysiwyg .wrap i {
  -ms-flex-item-align: center;
      align-self: center;
  color: #e30613;
  font-size: 6.3rem;
}

.block-wysiwyg .flex img, .block-wysiwyg .liste3 li img, .liste3 .block-wysiwyg li img, .block-wysiwyg .nosite img, .block-wysiwyg header img, .block-wysiwyg .entretien .step1 .start-entretien .wrap img, .entretien .step1 .start-entretien .block-wysiwyg .wrap img, .block-wysiwyg .entretien .radio img, .entretien .block-wysiwyg .radio img, .block-wysiwyg .entretien .radio-boolean img, .entretien .block-wysiwyg .radio-boolean img, .block-wysiwyg .gab-chiffre-cle .swiper-wrapper .swiper-slide img, .gab-chiffre-cle .swiper-wrapper .block-wysiwyg .swiper-slide img, .block-wysiwyg .gab-texte .fullSlider .swiper-slide img, .gab-texte .fullSlider .block-wysiwyg .swiper-slide img, .block-wysiwyg .gab-texte-2col .fullSlider .swiper-slide img, .gab-texte-2col .fullSlider .block-wysiwyg .swiper-slide img, .block-wysiwyg .gab-consequence .fullSlider .swiper-slide img, .gab-consequence .fullSlider .block-wysiwyg .swiper-slide img, .block-wysiwyg .gab-memo .wrap img, .gab-memo .block-wysiwyg .wrap img {
  width: 100%;
}

.block-wysiwyg p, .block-wysiwyg ul {
  margin-bottom: 20px;
}

.block-wysiwyg small {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.block-wysiwyg .icon-fleche {
  font-size: 1.2rem;
}

/*************************************************************/
/************* SCENE *****************************************/
/*************************************************************/
.carre1 {
  display: block;
  background-color: #ffffff;
  height: 8px;
  width: 8px;
  position: absolute;
}

.carre2 {
  display: block;
  background-color: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
}

.scene li {
  list-style-type: none;
}

.scene li:nth-child(1) span {
  left: 186px;
  top: 115px;
  -webkit-animation: carreUn 2s alternate infinite;
          animation: carreUn 2s alternate infinite;
}

.scene li:nth-child(2) span {
  left: 322px;
  top: 76px;
  -webkit-animation: carreUn 2s 1s alternate infinite;
          animation: carreUn 2s 1s alternate infinite;
}

.scene li:nth-child(3) span {
  left: 386px;
  top: 263px;
  -webkit-animation: carreUn 2s 0.9s alternate infinite;
          animation: carreUn 2s 0.9s alternate infinite;
}

.scene li:nth-child(4) span {
  left: 425px;
  top: 289px;
  -webkit-animation: carreDeux 2s 3s alternate infinite;
          animation: carreDeux 2s 3s alternate infinite;
}

.scene li:nth-child(5) span {
  left: 822px;
  top: 51px;
  -webkit-animation: carreUn 2s alternate infinite;
          animation: carreUn 2s alternate infinite;
}

.scene li:nth-child(6) span {
  left: 702px;
  top: 170px;
  -webkit-animation: carreUn 2s 0.3s alternate infinite;
          animation: carreUn 2s 0.3s alternate infinite;
}

.scene li:nth-child(7) span {
  left: 683px;
  top: 195px;
  -webkit-animation: carreDeux 2s 1s alternate infinite;
          animation: carreDeux 2s 1s alternate infinite;
}

.scene li:nth-child(8) span {
  left: 741px;
  top: 202px;
  -webkit-animation: carreUn 2s 1.5s alternate infinite;
          animation: carreUn 2s 1.5s alternate infinite;
}

.scene li:nth-child(9) span {
  left: 803px;
  top: 443px;
  -webkit-animation: carreUn 2s 0.1s alternate infinite;
          animation: carreUn 2s 0.1s alternate infinite;
}

.scene li:nth-child(10) span {
  left: 728px;
  top: 262px;
  -webkit-animation: carreDeux 2s 2s alternate infinite;
          animation: carreDeux 2s 2s alternate infinite;
}

.scene li:nth-child(11) span {
  left: 295px;
  top: 218px;
  -webkit-animation: carreDeux 2s 1.5s alternate infinite;
          animation: carreDeux 2s 1.5s alternate infinite;
}

.scene li:nth-child(12) span {
  left: 397px;
  top: 400px;
  -webkit-animation: carreUn 2s 0.5s alternate infinite;
          animation: carreUn 2s 0.5s alternate infinite;
}

.scene li:nth-child(13) span {
  left: 684px;
  top: 398px;
  -webkit-animation: carreDeux 2s 2s alternate infinite;
          animation: carreDeux 2s 2s alternate infinite;
}

.scene li:nth-child(14) span {
  left: 724px;
  top: 445px;
  -webkit-animation: carreUn 2s alternate infinite;
          animation: carreUn 2s alternate infinite;
}

.scene.scene2 {
  max-width: 943px;
  width: calc(100% - 40px);
  height: 360px;
  z-index: 1;
  overflow: hidden;
}

header.small .scene.scene2 {
  height: 200px;
}

.scene.scene2 li:nth-child(1) span {
  left: 186px;
  top: 115px;
  -webkit-animation: carreUn 2s alternate infinite;
          animation: carreUn 2s alternate infinite;
}

.scene.scene2 li:nth-child(2) span {
  left: 322px;
  top: 76px;
  -webkit-animation: carreUn 2s 1s alternate infinite;
          animation: carreUn 2s 1s alternate infinite;
}

.scene.scene2 li:nth-child(3) span {
  left: 386px;
  top: 263px;
  -webkit-animation: carreUn 2s 0.9s alternate infinite;
          animation: carreUn 2s 0.9s alternate infinite;
}

.scene.scene2 li:nth-child(4) span {
  left: 425px;
  top: 289px;
  -webkit-animation: carreDeux 2s 3s alternate infinite;
          animation: carreDeux 2s 3s alternate infinite;
}

.scene.scene2 li:nth-child(5) span {
  left: 822px;
  top: 51px;
  -webkit-animation: carreUn 2s alternate infinite;
          animation: carreUn 2s alternate infinite;
}

.scene.scene2 li:nth-child(6) span {
  left: 702px;
  top: 170px;
  -webkit-animation: carreUn 2s 0.3s alternate infinite;
          animation: carreUn 2s 0.3s alternate infinite;
}

.scene.scene2 li:nth-child(7) span {
  left: 683px;
  top: 195px;
  -webkit-animation: carreDeux 2s 1s alternate infinite;
          animation: carreDeux 2s 1s alternate infinite;
}

.scene.scene2 li:nth-child(8) span {
  left: 741px;
  top: 202px;
  -webkit-animation: carreUn 2s 1.5s alternate infinite;
          animation: carreUn 2s 1.5s alternate infinite;
}

.scene.scene2 li:nth-child(9) span {
  left: 803px;
  top: 443px;
  -webkit-animation: carreUn 2s 0.1s alternate infinite;
          animation: carreUn 2s 0.1s alternate infinite;
}

.scene.scene2 li:nth-child(10) span {
  left: 728px;
  top: 262px;
  -webkit-animation: carreDeux 2s 2s alternate infinite;
          animation: carreDeux 2s 2s alternate infinite;
}

.scene.scene2 li:nth-child(11) span {
  left: 295px;
  top: 218px;
  -webkit-animation: carreDeux 2s 1.5s alternate infinite;
          animation: carreDeux 2s 1.5s alternate infinite;
}

.scene.scene2 li:nth-child(12) span {
  left: 397px;
  top: 400px;
  -webkit-animation: carreUn 2s 0.5s alternate infinite;
          animation: carreUn 2s 0.5s alternate infinite;
}

.scene.scene2 li:nth-child(13) span {
  left: 684px;
  top: 398px;
  -webkit-animation: carreDeux 2s 2s alternate infinite;
          animation: carreDeux 2s 2s alternate infinite;
}

.scene.scene2 li:nth-child(14) span {
  left: 724px;
  top: 445px;
  -webkit-animation: carreUn 2s alternate infinite;
          animation: carreUn 2s alternate infinite;
}

.image-zoom {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(235, 225, 219, 0.94);
  width: 100vw;
  height: 100vh;
  z-index: -1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}

.image-zoom div {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  border-radius: 0 !important;
  border: 15px solid #ffffff;
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  max-width: 950px;
  max-height: 700px;
  height: auto;
  width: auto;
}

.image-zoom.active {
  z-index: 100000;
  opacity: 1;
}

.image-zoom.active div {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.image-zoom .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2.6rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 1000;
  color: #ffffff;
}

.source {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 1.4rem;
  color: #a8a19c;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 1;
}

table {
  width: 100%;
}

table tr:nth-child(odd) {
  background-color: #f7f3f0;
}

table tr td {
  padding: 8px;
}

/*************************************************************/
/************* TRANSITIONS ***********************************/
/*************************************************************/
.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.slide-left-enter-active, .slide-right-enter-active {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.slide-left-leave-active, .slide-right-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-left-leave-to, .slide-right-enter {
  -webkit-transform: translateX(-60px);
          transform: translateX(-60px);
  opacity: 0;
}

.slide-left-enter, .slide-right-leave-to {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  opacity: 0;
}

.patho-cardiologie-angiologie.swiper-slide h2 {
  color: #a9403d !important;
}

.patho-cardiologie-angiologie.swiper-pagination-bullet-active {
  color: #a9403d !important;
}

.patho-cardiologie-angiologie.swiper-pagination-bullet-active:after {
  background-color: #a9403d !important;
}

.patho-cardiologie-angiologie .rond {
  border-color: #a9403d !important;
}

.patho-cardiologie-angiologie .rond.active {
  background-color: #a9403d !important;
}

.patho-cardiologie-angiologie.gab .titre1 {
  color: #a9403d !important;
}

.patho-dermatologie.swiper-slide h2 {
  color: #ff7500 !important;
}

.patho-dermatologie.swiper-pagination-bullet-active {
  color: #ff7500 !important;
}

.patho-dermatologie.swiper-pagination-bullet-active:after {
  background-color: #ff7500 !important;
}

.patho-dermatologie .rond {
  border-color: #ff7500 !important;
}

.patho-dermatologie .rond.active {
  background-color: #ff7500 !important;
}

.patho-dermatologie.gab .titre1 {
  color: #ff7500 !important;
}

.patho-douleurs-inflammation.swiper-slide h2 {
  color: #764278 !important;
}

.patho-douleurs-inflammation.swiper-pagination-bullet-active {
  color: #764278 !important;
}

.patho-douleurs-inflammation.swiper-pagination-bullet-active:after {
  background-color: #764278 !important;
}

.patho-douleurs-inflammation .rond {
  border-color: #764278 !important;
}

.patho-douleurs-inflammation .rond.active {
  background-color: #764278 !important;
}

.patho-douleurs-inflammation.gab .titre1 {
  color: #764278 !important;
}

.patho-endocrinologie.swiper-slide h2 {
  color: #e760aa !important;
}

.patho-endocrinologie.swiper-pagination-bullet-active {
  color: #e760aa !important;
}

.patho-endocrinologie.swiper-pagination-bullet-active:after {
  background-color: #e760aa !important;
}

.patho-endocrinologie .rond {
  border-color: #e760aa !important;
}

.patho-endocrinologie .rond.active {
  background-color: #e760aa !important;
}

.patho-endocrinologie.gab .titre1 {
  color: #e760aa !important;
}

.patho-gastro-enterologie-hepatologie.swiper-slide h2 {
  color: #929500 !important;
}

.patho-gastro-enterologie-hepatologie.swiper-pagination-bullet-active {
  color: #929500 !important;
}

.patho-gastro-enterologie-hepatologie.swiper-pagination-bullet-active:after {
  background-color: #929500 !important;
}

.patho-gastro-enterologie-hepatologie .rond {
  border-color: #929500 !important;
}

.patho-gastro-enterologie-hepatologie .rond.active {
  background-color: #929500 !important;
}

.patho-gastro-enterologie-hepatologie.gab .titre1 {
  color: #929500 !important;
}

.patho-infectiologie.swiper-slide h2 {
  color: #f05a43 !important;
}

.patho-infectiologie.swiper-pagination-bullet-active {
  color: #f05a43 !important;
}

.patho-infectiologie.swiper-pagination-bullet-active:after {
  background-color: #f05a43 !important;
}

.patho-infectiologie .rond {
  border-color: #f05a43 !important;
}

.patho-infectiologie .rond.active {
  background-color: #f05a43 !important;
}

.patho-infectiologie.gab .titre1 {
  color: #f05a43 !important;
}

.patho-medicaments-generiques.swiper-slide h2 {
  color: #ed1c24 !important;
}

.patho-medicaments-generiques.swiper-pagination-bullet-active {
  color: #ed1c24 !important;
}

.patho-medicaments-generiques.swiper-pagination-bullet-active:after {
  background-color: #ed1c24 !important;
}

.patho-medicaments-generiques .rond {
  border-color: #ed1c24 !important;
}

.patho-medicaments-generiques .rond.active {
  background-color: #ed1c24 !important;
}

.patho-medicaments-generiques.gab .titre1 {
  color: #ed1c24 !important;
}

.patho-neurologie.swiper-slide h2 {
  color: #be7900 !important;
}

.patho-neurologie.swiper-pagination-bullet-active {
  color: #be7900 !important;
}

.patho-neurologie.swiper-pagination-bullet-active:after {
  background-color: #be7900 !important;
}

.patho-neurologie .rond {
  border-color: #be7900 !important;
}

.patho-neurologie .rond.active {
  background-color: #be7900 !important;
}

.patho-neurologie.gab .titre1 {
  color: #be7900 !important;
}

.patho-nutrition-metabolisme-diabete.swiper-slide h2 {
  color: #786552 !important;
}

.patho-nutrition-metabolisme-diabete.swiper-pagination-bullet-active {
  color: #786552 !important;
}

.patho-nutrition-metabolisme-diabete.swiper-pagination-bullet-active:after {
  background-color: #786552 !important;
}

.patho-nutrition-metabolisme-diabete .rond {
  border-color: #786552 !important;
}

.patho-nutrition-metabolisme-diabete .rond.active {
  background-color: #786552 !important;
}

.patho-nutrition-metabolisme-diabete.gab .titre1 {
  color: #786552 !important;
}

.patho-oncologie-hematologie.swiper-slide h2 {
  color: #91258a !important;
}

.patho-oncologie-hematologie.swiper-pagination-bullet-active {
  color: #91258a !important;
}

.patho-oncologie-hematologie.swiper-pagination-bullet-active:after {
  background-color: #91258a !important;
}

.patho-oncologie-hematologie .rond {
  border-color: #91258a !important;
}

.patho-oncologie-hematologie .rond.active {
  background-color: #91258a !important;
}

.patho-oncologie-hematologie.gab .titre1 {
  color: #91258a !important;
}

.patho-ophtalmologie.swiper-slide h2 {
  color: #4e4d8c !important;
}

.patho-ophtalmologie.swiper-pagination-bullet-active {
  color: #4e4d8c !important;
}

.patho-ophtalmologie.swiper-pagination-bullet-active:after {
  background-color: #4e4d8c !important;
}

.patho-ophtalmologie .rond {
  border-color: #4e4d8c !important;
}

.patho-ophtalmologie .rond.active {
  background-color: #4e4d8c !important;
}

.patho-ophtalmologie.gab .titre1 {
  color: #4e4d8c !important;
}

.patho-parasitologie.swiper-slide h2 {
  color: #f05a43 !important;
}

.patho-parasitologie.swiper-pagination-bullet-active {
  color: #f05a43 !important;
}

.patho-parasitologie.swiper-pagination-bullet-active:after {
  background-color: #f05a43 !important;
}

.patho-parasitologie .rond {
  border-color: #f05a43 !important;
}

.patho-parasitologie .rond.active {
  background-color: #f05a43 !important;
}

.patho-parasitologie.gab .titre1 {
  color: #f05a43 !important;
}

.patho-pneumologie.swiper-slide h2 {
  color: #2c6b8c !important;
}

.patho-pneumologie.swiper-pagination-bullet-active {
  color: #2c6b8c !important;
}

.patho-pneumologie.swiper-pagination-bullet-active:after {
  background-color: #2c6b8c !important;
}

.patho-pneumologie .rond {
  border-color: #2c6b8c !important;
}

.patho-pneumologie .rond.active {
  background-color: #2c6b8c !important;
}

.patho-pneumologie.gab .titre1 {
  color: #2c6b8c !important;
}

.patho-psychiatrie.swiper-slide h2 {
  color: #4c8de5 !important;
}

.patho-psychiatrie.swiper-pagination-bullet-active {
  color: #4c8de5 !important;
}

.patho-psychiatrie.swiper-pagination-bullet-active:after {
  background-color: #4c8de5 !important;
}

.patho-psychiatrie .rond {
  border-color: #4c8de5 !important;
}

.patho-psychiatrie .rond.active {
  background-color: #4c8de5 !important;
}

.patho-psychiatrie.gab .titre1 {
  color: #4c8de5 !important;
}

.patho-rhumatologie.swiper-slide h2 {
  color: #409d6b !important;
}

.patho-rhumatologie.swiper-pagination-bullet-active {
  color: #409d6b !important;
}

.patho-rhumatologie.swiper-pagination-bullet-active:after {
  background-color: #409d6b !important;
}

.patho-rhumatologie .rond {
  border-color: #409d6b !important;
}

.patho-rhumatologie .rond.active {
  background-color: #409d6b !important;
}

.patho-rhumatologie.gab .titre1 {
  color: #409d6b !important;
}

.debug-site {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #e30613;
  color: #ffffff;
  padding: 5px;
  line-height: 1;
}

body {
  overflow-x: hidden;
}

.app {
  width: 100%;
  background-color: #ebe1db;
  background: radial-gradient(ellipse at center, #f2e8e2 29%, #f2e8e2 36%, #c2b9b4 100%);
}

.nosite {
  display: none;
}

.barre-bottom {
  position: fixed;
  top: 768px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: red;
  z-index: 1000000000000;
}

.barre-left,
.barre-right {
  position: fixed;
  top: 0;
  left: calc((100% - 1024px) / 2);
  height: 100%;
  width: 1px;
  background-color: red;
  z-index: 10000000000000;
}

.barre-right {
  left: auto;
  right: calc((100% - 1024px) / 2);
}

/*******************************************************/
/******************** LOADER     ***********************/
/*******************************************************/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  z-index: 20001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
}

#loader .lds-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

#loader .lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #e30613;
  border-radius: 50%;
  -webkit-animation: lds-default 1.2s linear infinite;
          animation: lds-default 1.2s linear infinite;
}

#loader .lds-default div:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  top: 29px;
  left: 53px;
}

#loader .lds-default div:nth-child(2) {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}

#loader .lds-default div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}

#loader .lds-default div:nth-child(4) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}

#loader .lds-default div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}

#loader .lds-default div:nth-child(6) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}

#loader .lds-default div:nth-child(7) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}

#loader .lds-default div:nth-child(8) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}

#loader .lds-default div:nth-child(9) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}

#loader .lds-default div:nth-child(10) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}

#loader .lds-default div:nth-child(11) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  top: 50px;
  left: 41px;
}

#loader .lds-default div:nth-child(12) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}

@-webkit-keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

/*************************************************************/
/************* NOSITE ****************************************/
/*************************************************************/
.nosite {
  background-color: #ebe1db;
  background-image: url(../img/fd-degrade.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 50px;
}

.nosite h1 {
  max-width: 420px;
}

.nosite h1,
.nosite .logo {
  z-index: 10;
}

.nosite .logo {
  margin-bottom: 50px;
}

/*************************************************************/
/************* IDENTIFICATION ********************************/
/*************************************************************/
.block-log {
  text-align: center;
}

.block-log h1 {
  color: #e30613;
  text-transform: uppercase;
  font-size: 7.6rem;
  font-family: "cervomedium";
  line-height: 5rem;
}

.block-log h1 span {
  display: block;
  font-family: "Noto Serif", serif;
  font-style: italic;
  text-transform: none;
  font-size: 1.8rem;
  line-height: 3rem;
}

.block-log input {
  text-align: center;
}

.block-log input[type="text"],
.block-log input[type="password"] {
  background-color: #ffffff;
  border: 1px solid #ebe1db;
  border-radius: 3px;
}

.block-log form input[type="submit"]:focus {
  background-color: #e30613;
}

.block-log .wrap {
  max-width: 410px;
  width: 90%;
}

.block-log a {
  font-size: 1.4rem;
  color: #a8a19c;
  text-decoration: underline;
}

.block-log .separateur {
  position: relative;
  width: 123px;
  display: block;
  margin: 15px auto 25px;
}

.block-log .separateur:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #545454;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.block-log .separateur i {
  font-size: 3.8rem;
  background-color: #ffffff;
  color: #545454;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}

.homepage-bo header {
  height: 183px;
}

.homepage-bo header .logo {
  background-color: #fff;
  width: 159px;
  height: 159px;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.homepage-bo header .back2 {
  position: absolute;
  left: 0;
  top: 0;
  color: #000000;
  font-size: 1.5rem;
  -webkit-transition: .3s;
  transition: .3s;
}

.homepage-bo header .back2 i {
  font-size: 1.2rem;
  -webkit-transform: scale(-1);
          transform: scale(-1);
  display: inline-block;
  color: #e30613;
}

.homepage-bo header .back2:hover {
  color: #e30613;
}

.homepage-bo header .wrap {
  position: relative;
}

/*************************************************************/
/************* HOMEPAGE **************************************/
/*************************************************************/
.scene {
  height: 580px;
  max-width: 943px;
  width: calc(100% - 40px);
  position: absolute;
  top: 43%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.scene img {
  display: none;
}

.scene.blur {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.is-ie .app:not(.homepage) .scene {
  display: none;
}

.homepage {
  background-color: #ebe1db;
  background-image: url(../img/fd-degrade.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.homepage .swiper-home {
  height: 580px;
  width: 100%;
  position: absolute;
  top: 43%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.homepage .swiper-home.blur {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.homepage .swiper-home .patho {
  position: absolute;
  top: 30%;
  left: 56px;
  font-family: "cervomedium";
  font-size: 2.6rem;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 10;
}

.homepage .swiper-home .acces {
  color: #ffffff;
  position: absolute;
  top: 20px;
  right: 56px;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 2rem;
  z-index: 10;
  text-align: right;
  display: none;
}

.homepage .swiper-home .acces:after {
  content: '';
  width: 47px;
  height: 1px;
  display: block;
  background-color: #ffffff;
  margin: 10px 0;
  position: absolute;
  right: 0;
}

.homepage .swiper-home h2 {
  color: #e30613;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 6.5rem;
  line-height: 6.3rem;
  width: 400px;
  position: relative;
  top: 36%;
  left: 56px;
}

.homepage .swiper-home h2:before, .homepage .swiper-home h2:after {
  content: '';
  width: 80px;
  height: 1px;
  display: block;
  background-color: #ffffff;
  margin: 10px 30px;
}

.homepage .swiper-home h2:after {
  margin-top: 20px;
}

.homepage .swiper-home .ombre {
  background-image: url(../img/ombre-slider-home.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  padding: 0 0 20px;
  width: 460px;
}

.homepage .swiper-home img {
  height: 100%;
  margin: 0 auto;
  display: block;
}

.homepage .swiper-home .rond {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 25px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 10px solid red;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.homepage .swiper-home .rond:after {
  content: '';
  position: absolute;
  left: -6px;
  top: -6px;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  border: 2px solid #ffffff;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
  opacity: 1;
}

.homepage .swiper-home .rond span {
  font-family: "cervomedium";
  color: #ffffff;
  font-size: 0rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}

.homepage .swiper-home .rond.active {
  background-color: red;
  border: 0;
  width: auto;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
}

.homepage .swiper-home .rond.active span {
  font-size: 2.2rem;
  padding-top: 7px;
  white-space: nowrap;
}

.homepage .swiper-home .rond.active span:after {
  content: '\E90B';
  font-family: "icomoon";
  color: #ffffff;
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
}

.homepage .swiper-home .rond.active:after {
  opacity: 0;
  border: 0;
  -webkit-transition: 1s 1s;
  transition: 1s 1s;
}

.homepage .swiper-home .rond.on {
  background-color: #e30613 !important;
}

.homepage .swiper-home .swiper-pagination-bullets {
  right: 56px;
}

.homepage .swiper-home .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border: 0;
  text-align: right;
  font-size: 1.8rem;
  color: #a8a19c;
}

.homepage .swiper-home .swiper-pagination-bullet:after {
  display: inline-block;
  vertical-align: center;
  content: '';
  width: 11px;
  height: 11px;
  border: 2px solid #ffffff;
  margin-left: 10px;
  top: 1px;
  position: relative;
}

.homepage .swiper-home .swiper-pagination-bullet-active {
  background-color: transparent;
}

.homepage .swiper-home .swiper-pagination-bullet-active:after {
  background-color: red;
}

.homepage .swiper2 {
  height: 250px;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.homepage .swiper2 .swiper-slide {
  background-color: #ffffff;
  width: 155px;
  height: 155px;
  font-family: "cervomedium";
  text-transform: uppercase;
  font-size: 2.2rem;
  text-align: center;
  line-height: 2.4rem;
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
}

.homepage .swiper2 .swiper-slide a {
  display: inline-block;
  height: 100%;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.homepage .swiper2 .swiper-slide a:hover {
  background-color: #e30613;
  border-color: #e30613 !important;
  color: #ffffff !important;
}

.homepage .swiper2 .swiper-scrollbar::after {
  background-color: #ffffff;
}

.point-info {
  color: #ffffff;
  font-size: 4.5rem;
  position: fixed;
  top: 20px;
  right: 20px;
  display: inline-block;
  z-index: 10;
}

.point-info i {
  display: inline-block;
}

.home-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #e30613;
}

.home-nav .scene {
  width: 67%;
  max-width: 67%;
}

.home-nav li {
  list-style-type: none;
}

.home-nav li.lien {
  width: calc(50% - 92.5px);
  height: 100vh;
  bottom: calc((100vh - 185px) * -1);
  position: absolute;
  background-color: #e30613;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 10;
}

.home-nav li.lien .titre {
  color: #ffffff;
  display: inline-block;
  height: 185px;
  width: 100%;
  font-family: "cervomedium";
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-align: center;
  padding: 57px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  font-size: 3rem;
}

.home-nav li.lien .titre span {
  display: block;
  font-size: 7.6rem;
  line-height: 5.7rem;
  letter-spacing: normal;
}

.home-nav li.lien .titre:hover {
  background-color: #ab060f;
}

.home-nav li.lien .dl-app {
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 15px;
  width: 100%;
  text-align: center;
  left: 0;
  -webkit-transition: opacity 0s 0.2s;
  transition: opacity 0s 0.2s;
  color: #ffffff;
}

.home-nav li.lien .dl-app a {
  text-decoration: underline;
  color: #ffffff;
}

.home-nav li.lien .dl-app i {
  font-size: 2.4rem;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.home-nav li.lien .back {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-nav li.lien .texte {
  background-color: #e30613;
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 100;
}

.home-nav li.lien .content {
  -webkit-transition: top 0.4s;
  transition: top 0.4s;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
}

.home-nav li.lien .visuel {
  background-color: #ebe1db;
  position: absolute;
  top: 185px;
  width: calc(50vw + 92.5px);
  height: 100vh;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  z-index: 10;
  padding: 0 20px;
}

.home-nav li.lien.panel1 {
  left: 0;
}

.home-nav li.lien.panel1 .switch {
  color: #85040c;
  line-height: 2.7rem;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin: 0 50px 50px;
  padding: 50px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-nav li.lien.panel1 .switch .switch-button {
  background-color: #85040c;
}

.home-nav li.lien.panel1 .switch .switch-button span {
  background-color: #ffffff;
}

.home-nav li.lien.panel1 .switch .sl {
  text-align: right;
  color: #ffffff;
  width: 40%;
}

.home-nav li.lien.panel1 .switch .sr {
  text-align: left;
  width: 40%;
}

.home-nav li.lien.panel1 .switch.active .sl {
  color: #85040c;
}

.home-nav li.lien.panel1 .switch.active .sr {
  color: #ffffff;
}

.home-nav li.lien.panel1 .btn-blanc-fleche {
  margin: 0 auto;
}

.home-nav li.lien.panel1 .visuel {
  left: calc(50vw - 92.5px);
  background: radial-gradient(ellipse at center, #f2e8e2 29%, #f2e8e2 36%, #c2b9b4 100%);
}

.home-nav li.lien.panel1 .visuel .scene {
  position: absolute;
  z-index: -1;
  display: none;
  -webkit-transform: translate(-50%, -50%) scale(1.3) !important;
          transform: translate(-50%, -50%) scale(1.3) !important;
}

.home-nav li.lien.panel1 .visuel img {
  position: absolute;
}

.home-nav li.lien.panel1 .visuel .image {
  background-image: url(../img/panel-home-2.png);
  background-position: right top;
  background-size: conver;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  background-size: 135%;
}

.home-nav li.lien.panel1 .visuel ul.flex, .home-nav li.lien.panel1 .visuel ul.nosite, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap, .home-nav li.lien.panel1 .visuel .entretien ul.radio, .entretien .home-nav li.lien.panel1 .visuel ul.radio,
.home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide,
.home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide,
.home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.home-nav li.lien.panel1 .visuel ul.flex li, .home-nav li.lien.panel1 .visuel ul.nosite li, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap li, .home-nav li.lien.panel1 .visuel .entretien ul.radio li, .entretien .home-nav li.lien.panel1 .visuel ul.radio li, .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean li, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide li, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li, .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li, .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap li {
  list-style-type: none;
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  height: 155px;
  width: 155px;
  margin: 5px;
  color: #e30613;
  text-transform: uppercase;
  font-family: "cervomedium";
  font-size: 2.6rem;
  line-height: 2.8rem;
}

.home-nav li.lien.panel1 .visuel ul.flex li a, .home-nav li.lien.panel1 .visuel ul.nosite li a, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap li a, .home-nav li.lien.panel1 .visuel .entretien ul.radio li a, .entretien .home-nav li.lien.panel1 .visuel ul.radio li a, .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean li a, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide li a, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li a, .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li a, .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li a, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap li a {
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.home-nav li.lien.panel1 .visuel ul.flex li a:hover, .home-nav li.lien.panel1 .visuel ul.nosite li a:hover, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a:hover, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap li a:hover, .home-nav li.lien.panel1 .visuel .entretien ul.radio li a:hover, .entretien .home-nav li.lien.panel1 .visuel ul.radio li a:hover, .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a:hover, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean li a:hover, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a:hover, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide li a:hover, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a:hover, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li a:hover, .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a:hover, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li a:hover, .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a:hover, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li a:hover, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a:hover, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap li a:hover {
  background-color: #e30613;
  color: #ffffff;
}

.home-nav li.lien.panel1 .visuel ul.flex li.switch-sr, .home-nav li.lien.panel1 .visuel ul.nosite li.switch-sr, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.switch-sr, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr, .home-nav li.lien.panel1 .visuel .entretien ul.radio li.switch-sr, .entretien .home-nav li.lien.panel1 .visuel ul.radio li.switch-sr, .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.switch-sr, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean li.switch-sr, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.switch-sr, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.switch-sr, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr, .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.switch-sr, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr, .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.switch-sr, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.switch-sr, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr {
  width: auto;
}

.home-nav li.lien.panel1 .visuel ul.flex li.switch-sr a, .home-nav li.lien.panel1 .visuel ul.nosite li.switch-sr a, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.switch-sr a, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a, .home-nav li.lien.panel1 .visuel .entretien ul.radio li.switch-sr a, .entretien .home-nav li.lien.panel1 .visuel ul.radio li.switch-sr a, .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.switch-sr a, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean li.switch-sr a, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.switch-sr a, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.switch-sr a, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.switch-sr a, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.switch-sr a, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.switch-sr a, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a {
  padding: 20px 50px;
}

.home-nav li.lien.panel1 .visuel ul.flex li.grippe, .home-nav li.lien.panel1 .visuel ul.nosite li.grippe, .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.grippe, .entretien .step1 .start-entretien .home-nav li.lien.panel1 .visuel ul.wrap li.grippe, .home-nav li.lien.panel1 .visuel .entretien ul.radio li.grippe, .entretien .home-nav li.lien.panel1 .visuel ul.radio li.grippe, .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.grippe, .entretien .home-nav li.lien.panel1 .visuel ul.radio-boolean li.grippe, .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.grippe, .gab-chiffre-cle .swiper-wrapper .home-nav li.lien.panel1 .visuel ul.swiper-slide li.grippe, .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.grippe, .gab-texte .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.grippe, .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.grippe, .gab-texte-2col .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.grippe, .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.grippe, .gab-consequence .fullSlider .home-nav li.lien.panel1 .visuel ul.swiper-slide li.grippe, .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.grippe, .gab-memo .home-nav li.lien.panel1 .visuel ul.wrap li.grippe {
  width: 250px;
}

.home-nav li.lien.panel1 .choix-accompagnement {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding: 20px 40px;
  width: 70%;
  margin: 0 auto 40px;
  text-align: left;
}

.home-nav li.lien.panel1 .choix-accompagnement label {
  color: #ffffff;
  font-size: 2.8rem;
  font-family: "cervomedium";
  text-transform: uppercase;
  cursor: pointer;
}

.home-nav li.lien.panel1 .choix-accompagnement label:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-block;
  background-color: transparent;
  border: 3px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 20px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.home-nav li.lien.panel1 .choix-accompagnement input {
  display: none;
}

.home-nav li.lien.panel1 .choix-accompagnement input:checked + label:before {
  background-color: #85040c;
}

.home-nav li.lien.panel2 {
  right: 0;
}

.home-nav li.lien.panel2 input {
  text-transform: uppercase;
  border-radius: 25px;
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
  max-width: 320px;
  font-family: "cervomedium";
  font-weight: 300;
  font-size: 2rem;
  padding-left: 20px;
  background-image: url(../img/loupe2.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.home-nav li.lien.panel2 input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.home-nav li.lien.panel2 input::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.home-nav li.lien.panel2 input::placeholder {
  color: #ffffff;
  opacity: 1;
}

.home-nav li.lien.panel2 .visuel {
  right: calc(50vw - 92.5px);
  background: radial-gradient(ellipse at center, #f2e8e2 29%, #f2e8e2 36%, #c2b9b4 100%);
}

.home-nav li.lien.panel2 .scene {
  position: absolute;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%) scale(1.5) !important;
          transform: translate(-50%, -50%) scale(1.5) !important;
  display: none;
}

.home-nav li.lien.panel2 img {
  position: absolute;
}

.home-nav li.lien.panel2 .image {
  background-image: url(../img/panel-home-1.png);
  background-position: left top;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  background-size: 135%;
}

.home-nav li.lien.panel2 .swiper-wrapper.no-swipe {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-nav li.lien.panel2 .swiper-wrapper.no-swipe .swiper-slide {
  margin: 0 10px;
  width: 20%;
}

.home-nav li.lien.open {
  -webkit-transform: translateY(calc((100vh - 185px) * -1));
          transform: translateY(calc((100vh - 185px) * -1));
  z-index: 100;
}

.is-ie .home-nav li.lien.open {
  -webkit-transform: auto;
          transform: auto;
  bottom: 0;
}

.home-nav li.lien.open .dl-app {
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 1s 0.5s;
  transition: opacity 1s 0.5s;
}

.home-nav li.lien.open .content {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-nav li.lien.open .titre {
  cursor: default;
}

.home-nav li.lien.open .titre:hover {
  background-color: transparent;
}

.home-nav li.lien.open .visuel {
  top: 0;
}

.home-nav li.lien.open .visuel .scene {
  display: block;
}

.home-nav li.logo {
  background-color: #ffffff;
  width: 185px;
  height: 185px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.home-nav li.logo a {
  padding: 25px 0;
  display: inline-block;
}

.swiper-logo {
  width: 136px;
  height: 136px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -68px;
  margin-top: -68px;
}

.swiper-logo .swiper-slide {
  background-position: center;
  background-size: cover;
}

/*************************************************************/
/************* HEADER ****************************************/
/*************************************************************/
header {
  height: 309px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: url(../img/fd-degrade-big.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

header .header-lien {
  position: absolute;
  left: 30px;
  top: 0;
  text-align: center;
  z-index: 10;
  height: 136px;
  width: 136px;
}

header .header-lien .logo {
  display: block;
  background-color: #ffffff;
}

header .header-lien .back {
  color: #ffffff;
  font-size: 1.6rem;
  position: absolute;
  top: 144px;
  left: 10px;
}

header .header-lien .back i {
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 2.1rem;
  margin: 0 10px 0 0;
}

header .info-titre {
  position: relative;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .info-titre i {
  z-index: 10;
}

header .titre1 {
  margin-bottom: 10px;
  position: relative;
  z-index: 10;
}

header.small {
  height: 175px;
}

header.small .titre1 {
  font-size: 5.8rem;
  margin-bottom: 0;
}

header.small .titre3 {
  font-size: 1.6rem;
}

header.small .barre {
  margin-top: 5px;
}

/*************************************************************/
/************* ENTRETIEN *************************************/
/*************************************************************/
.entretien header .icon-fleche3 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  font-size: 3.8rem;
  color: #545454;
  z-index: 10;
}

.entretien header .step {
  font-family: "Noto Serif", serif;
  font-style: italic;
  color: #a8a19c;
  margin-top: 10px;
}

.entretien section {
  height: calc(100% - 309px);
}

.entretien section .barre {
  width: 152px;
  background-color: #ebe1db;
  margin-bottom: 20px;
}

.entretien .lien-patho {
  text-align: center;
  font-family: "Noto Serif", serif;
  font-style: italic;
  margin-bottom: 50px;
}

.entretien .lien-patho .btn-rouge-fleche {
  margin: 15px auto 0;
}

.entretien .titre4 {
  margin-bottom: 20px;
}

.entretien .step-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  height: calc(100% - 175px);
  padding-bottom: 50px;
}

.entretien .step-content.active {
  display: block;
}

.entretien .step-content u {
  text-decoration: underline;
}

.entretien .step1 {
  height: calc(100% - 175px);
}

.entretien .step1 .start-entretien {
  background-color: #ebe1db;
  height: 157px;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 2.8rem;
  margin-bottom: 60px;
}

.entretien .step1 .start-entretien .wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.entretien .step1 .start-entretien strong {
  font-weight: 400;
  display: inline-block;
  width: 270px;
  text-align: right;
}

.entretien .step1 .start-entretien span {
  font-family: arial;
  font-style: normal;
  font-size: 1.6rem;
  border-bottom: 2px solid #ffffff;
  padding-right: 60px;
  margin-left: 20px;
  padding-bottom: 3px;
  margin-top: -2px;
}

.entretien .legende {
  text-align: right;
  margin-bottom: 10px;
}

.entretien .flex.col3 .block-textarea, .entretien .liste3 li.col3 .block-textarea, .liste3 .entretien li.col3 .block-textarea, .entretien .col3.nosite .block-textarea, .entretien header.col3 .block-textarea, .entretien .step1 .start-entretien .col3.wrap .block-textarea, .entretien .col3.radio .block-textarea, .entretien .col3.radio-boolean .block-textarea, .entretien .gab-chiffre-cle .swiper-wrapper .col3.swiper-slide .block-textarea, .gab-chiffre-cle .swiper-wrapper .entretien .col3.swiper-slide .block-textarea, .entretien .gab-texte .fullSlider .col3.swiper-slide .block-textarea, .gab-texte .fullSlider .entretien .col3.swiper-slide .block-textarea, .entretien .gab-texte-2col .fullSlider .col3.swiper-slide .block-textarea, .gab-texte-2col .fullSlider .entretien .col3.swiper-slide .block-textarea, .entretien .gab-consequence .fullSlider .col3.swiper-slide .block-textarea, .gab-consequence .fullSlider .entretien .col3.swiper-slide .block-textarea, .entretien .gab-memo .col3.wrap .block-textarea, .gab-memo .entretien .col3.wrap .block-textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 33%;
          flex: 0 33%;
}

.entretien .question {
  background-color: #f7f3f0;
  padding: 30px;
  margin-bottom: 10px;
  position: relative;
}

.entretien .question p {
  width: 647px;
  padding-right: 30px;
}

.entretien .question:before {
  content: '';
  width: 1px;
  height: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 675px;
  background-color: #ebe1db;
}

.entretien .question.last {
  margin-bottom: 50px;
}

.entretien .question ul {
  margin: 0;
}

.entretien .block-textarea {
  background-color: #f7f3f0;
  padding: 30px;
  margin-bottom: 10px;
  position: relative;
}

.entretien .block-textarea p {
  border-bottom: 1px solid #ebe1db;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.entretien .block-textarea textarea {
  overflow: hidden;
  resize: none;
}

.entretien .radio,
.entretien .radio-boolean {
  width: 312px;
  padding-left: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.entretien .radio label + textarea,
.entretien .radio-boolean label + textarea {
  margin-top: 15px;
}

.entretien textarea {
  border-color: #ffffff;
  border-radius: 3px;
  font-style: italic;
  -webkit-transition: none;
  transition: none;
  background-color: #ffffff;
}

.entretien input[type="date"] {
  width: 150px;
  background-color: #ffffff;
  height: 38px;
}

.entretien .duree-asthme-1 {
  width: auto;
  background-color: #ffffff;
}

.entretien p {
  margin-bottom: 20px;
  line-height: 2.2rem;
}

.entretien p.descp {
  margin-bottom: 20px;
}

.entretien p + h2 {
  margin-top: 30px;
}

.entretien .titre5 {
  margin-bottom: 10px;
  margin-top: 50px;
}

.entretien .titre4 + .titre5 {
  margin-top: 30px;
}

.entretien form p {
  margin-bottom: 5px;
}

.entretien form .bloc-texte p {
  margin-bottom: 25px;
}

.entretien form .bloc-texte li {
  line-height: 2.2rem;
}

.entretien ul {
  margin-bottom: 20px;
  margin-left: 40px;
}

.entretien form .align-left .radio input[type="radio"] + label {
  text-align: left;
}

.entretien .fake {
  width: 36%;
}

.entretien .liste3 li {
  margin-bottom: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.entretien .separation {
  margin-bottom: 30px;
}

.entretien .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.entretien .col2 p {
  -webkit-box-flex: 0;
      -ms-flex: 0 49.7%;
          flex: 0 49.7%;
}

.entretien .col2 input[type="date"] {
  background-color: #f7f3f0;
  width: 100%;
}

.entretien .form-small {
  width: 500px;
  margin: 0 auto;
}

.entretien .form-small .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.entretien .form-small label {
  margin-right: 20px;
}

.entretien .form-small input[type="date"] {
  width: 100%;
  border: 1px solid #f7f3f0;
  background-color: #f7f3f0;
}

.entretien .col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.entretien .col3 p {
  -webkit-box-flex: 0;
      -ms-flex: 0 33%;
          flex: 0 33%;
}

.entretien .col3 input[type="date"] {
  background-color: #f7f3f0;
  width: 100%;
}

.entretien .col5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.entretien .col5 p {
  -webkit-box-flex: 0;
      -ms-flex: 0 25.5%;
          flex: 0 25.5%;
  background-color: #f7f3f0;
  margin-bottom: 0;
  padding: 10px;
}

.entretien .col5 p:first-child {
  -ms-flex-item-align: center;
      align-self: center;
  background-color: transparent;
  font-weight: 700;
}

.entretien .col5 textarea {
  border-radius: 0;
  font-size: 1.2rem;
  margin-top: 0;
  height: 100px;
}

.entretien .col5 input {
  background-color: #ffffff;
}

.entretien .col5:first-child textarea {
  font-weight: 700;
}

.entretien .col6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.entretien .col6 p {
  -webkit-box-flex: 0;
      -ms-flex: 0 15.5%;
          flex: 0 15.5%;
}

.entretien .col6 p.col6-25 {
  -webkit-box-flex: 0;
      -ms-flex: 0 25%;
          flex: 0 25%;
}

.entretien .col6 p.col6-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 5%;
          flex: 0 5%;
}

.entretien .col6 input[type="date"] {
  background-color: #f7f3f0;
}

.entretien .alerte:before {
  top: -1px;
}

.entretien .tableau th {
  background-color: #ffffff;
  text-align: center;
  padding: 50px 10px 20px;
  color: #e30613;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 2.2rem;
  font-weight: 400;
}

.entretien .tableau td {
  background-color: #f7f3f0;
  padding: 30px;
  border-bottom: 1px solid #ebe1db;
  line-height: 2.2rem;
}

.entretien .tableau td:nth-child(4) {
  vertical-align: middle;
}

.entretien .tableau .radio {
  width: auto;
  display: table-cell;
}

.entretien .tableau table {
  margin-bottom: 30px;
}

.entretien .tableau .header {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
}

.entretien .tableau .header td {
  background-color: #ebe1db;
  padding: 10px;
}

.entretien .label-visible label {
  display: block;
}

.entretien .grand-textarea textarea {
  height: 140px;
}

.entretien .angine-form .question p {
  width: 512px;
  padding-right: 30px;
  padding-left: 150px;
}

.entretien .angine-form .question p.source {
  width: 100%;
  text-align: center;
  padding: 0 50px;
  font-size: 1.2rem;
  position: relative;
  margin-bottom: 0;
  color: #212121;
  line-height: 1.5rem;
}

.entretien .angine-form .question p.source a {
  color: #212121;
}

.entretien .angine-form .question:before {
  left: 512px;
}

.entretien .angine-form .resultat:before {
  height: calc(100% - 130px);
}

.entretien .angine-form .resultat li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.entretien .angine-form .resultat li .radio p {
  padding: 0;
  margin-bottom: 15px;
}

.entretien .angine-form .resultat li .radio p:before {
  display: none;
}

.entretien .angine-form .resultat li .radio label {
  margin-bottom: 15px;
  background-color: #e30613;
  color: #ffffff;
}

.entretien .angine-form input[type="submit"] {
  background-image: none;
}

.entretien .angine-form .radio {
  width: 330px;
}

#fake {
  display: none;
}

.is-ie #fake {
  display: block;
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.step-end {
  background: linear-gradient(to bottom, #e30613 0%, #e30613 290px, #ffffff 290px, #ffffff 100%);
  padding-top: 20px;
}

.step-end .flex, .step-end .liste3 li, .liste3 .step-end li, .step-end .nosite, .step-end header, .step-end .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .step-end .wrap, .step-end .entretien .radio, .entretien .step-end .radio,
.step-end .entretien .radio-boolean, .entretien .step-end .radio-boolean, .step-end .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .step-end .swiper-slide, .step-end .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .step-end .swiper-slide,
.step-end .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .step-end .swiper-slide,
.step-end .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .step-end .swiper-slide, .step-end .gab-memo .wrap, .gab-memo .step-end .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.step-end .visio-pdf {
  -webkit-box-flex: 0;
      -ms-flex: 0 35%;
          flex: 0 35%;
  height: 430px;
  background-color: #ffffff;
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
  border: 1px solid #ebe1db;
  overflow: hidden;
  margin-right: 60px;
}

.is-ipad .step-end .visio-pdf {
  display: none;
}

.step-end .visio-pdf .pdf {
  position: relative;
  z-index: 1;
}

.step-end .texte {
  -webkit-box-flex: 0;
      -ms-flex: 0 50%;
          flex: 0 50%;
  text-align: center;
}

.step-end [class^="btn-"] {
  margin: 0 auto 115px;
  width: 257px;
  padding-left: 10px;
  padding-right: 10px;
}

.step-end .btn-rouge-fleche {
  margin-top: 20px;
}

.step-end .titre4 {
  color: #ffffff;
  margin-bottom: 30px;
  margin-top: 85px;
}

.step-end .titre4:before {
  display: none;
}

.step-end .texte-header {
  color: #ffffff;
  font-size: 2rem;
  font-family: "Noto Serif", serif;
  font-style: italic;
  margin-bottom: 20px;
}

.step-end .top {
  min-height: 212px;
  padding-top: 20px;
}

.step-end .barre {
  margin-top: 90px;
  margin-bottom: 40px;
  width: 150px;
  background-color: #ebe1db;
}

.step-end .barre i {
  font-size: 3.8rem;
  top: -19px;
  position: relative;
}

.step-end.no-pdf .top {
  padding-top: 100px;
}

/*************************************************************/
/************* FICHE SANTE ***********************************/
/*************************************************************/
.fiche-sante header .icon-fleche3 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  font-size: 3.8rem;
}

.fiche-sante header .mmenu-fiche {
  color: #545454;
}

.fiche-sante nav {
  background-color: #ebe1db;
  height: calc(100% - 309px);
  padding-top: 60px;
}

.fiche-sante nav .titre5 {
  text-align: center;
  margin-bottom: 20px;
}

.fiche-sante ul {
  border-top: 2px solid rgba(255, 255, 255, 0.3);
}

.fiche-sante .menu {
  width: 445px;
  margin: 0 auto;
  border-top: 2px solid #ffffff;
}

.fiche-sante .menu li {
  border-bottom: 2px solid #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
  list-style-type: none;
}

.fiche-sante .menu li a {
  color: #212121;
  display: inline-block;
  padding: 7px 25px;
  width: 100%;
  position: relative;
}

.fiche-sante .menu li a:after {
  content: '\E90B';
  color: #e30613;
  position: absolute;
  top: 11px;
  right: 20px;
  font-family: "icomoon";
  font-size: 1.2rem;
  font-weight: 400;
}

.fiche-sante .menu li.ssmenu > a:after {
  display: none;
}

.fiche-sante .menu li li {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.fiche-sante .menu li li:last-child {
  border: 0;
}

.fiche-sante .menu li li a {
  font-size: 1.6rem;
  font-weight: 400;
  padding-left: 50px;
}

.block-choix-gab {
  overflow-x: hidden;
  width: 100vw;
}

.gab header {
  z-index: 20000;
}

.gab header:after {
  content: '';
  position: absolute;
  top: 175px;
  left: 0;
  background-color: #ffffff;
  display: inline-block;
  height: 45px;
  width: 100%;
  z-index: -1;
}

.gab header .titre5 {
  font-size: 2.3rem;
  color: #212121;
  margin-bottom: 10px;
}

.gab .bouton-navigation {
  position: fixed;
  top: 157px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
}

.gab .bouton-navigation li {
  list-style-type: none;
  position: relative;
}

.gab .bouton-navigation .icon-fleche3 {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #ffffff;
  border-radius: 100%;
  font-size: 3.8rem;
  color: #545454;
  display: inline-block;
}

.gab .bouton-navigation .icon-fleche3 span {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: arial;
}

.gab .bouton-navigation .prev {
  color: #e30613;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.gab .bouton-navigation .next {
  color: #e30613;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.gab .bouton-navigation .mmenu-fiche {
  color: #545454;
  margin: 0 30px;
}

.gab nav {
  height: calc(100% - 175px);
  position: absolute;
  top: 175px;
  left: 0;
  width: 100%;
  z-index: 10000;
  overflow-y: auto;
  padding-bottom: 50px;
}

.gab .titre1 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gab section {
  height: calc(100% - 175px);
  position: absolute;
  width: 100%;
  right: -100%;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding-bottom: 70px;
}

.gab section.current {
  right: 0;
  width: 100%;
}

.gab section.prev {
  right: 100%;
  -webkit-transition: right 0.5s, width 5s;
  transition: right 0.5s, width 5s;
}

.gab section.next {
  right: -100%;
  -webkit-transition: right 0.5s, width 5s;
  transition: right 0.5s, width 5s;
}

.is-ie .gab section {
  overflow-y: auto;
}

.gab .hauteur-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gab .step-end [class^="btn-"] {
  margin-bottom: 20px;
}

.is-ie .gab header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  display: inline-block;
  height: 0px;
  width: 0%;
  z-index: -1;
}

.gab-chiffre-cle .swiper-wrapper {
  height: 520px;
  width: 1024px;
  margin: 0 auto;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide {
  padding: 0 30px 0 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide .flex, .gab-chiffre-cle .swiper-wrapper .swiper-slide .liste3 li, .liste3 .gab-chiffre-cle .swiper-wrapper .swiper-slide li, .gab-chiffre-cle .swiper-wrapper .swiper-slide .nosite, .gab-chiffre-cle .swiper-wrapper .swiper-slide header, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .wrap, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .radio, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .radio,
.gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .radio-boolean, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .radio-boolean, .gab-chiffre-cle .swiper-wrapper .swiper-slide .swiper-slide, .gab-chiffre-cle .swiper-wrapper .swiper-slide .gab-memo .wrap, .gab-memo .gab-chiffre-cle .swiper-wrapper .swiper-slide .wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide .flex .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .liste3 li .texte, .liste3 .gab-chiffre-cle .swiper-wrapper .swiper-slide li .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .nosite .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide header .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .step1 .start-entretien .wrap .texte, .entretien .step1 .start-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .wrap .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .radio .texte, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .radio .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .radio-boolean .texte, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .radio-boolean .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .swiper-slide .texte, .gab-chiffre-cle .swiper-wrapper .swiper-slide .gab-memo .wrap .texte, .gab-memo .gab-chiffre-cle .swiper-wrapper .swiper-slide .wrap .texte {
  padding-left: 100px;
  font-size: 4rem;
  line-height: 5.4rem;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide .flex .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .liste3 li .texte.small, .liste3 .gab-chiffre-cle .swiper-wrapper .swiper-slide li .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .nosite .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide header .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .step1 .start-entretien .wrap .texte.small, .entretien .step1 .start-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .wrap .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .radio .texte.small, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .radio .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .entretien .radio-boolean .texte.small, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide .radio-boolean .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .swiper-slide .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide .gab-memo .wrap .texte.small, .gab-memo .gab-chiffre-cle .swiper-wrapper .swiper-slide .wrap .texte.small {
  width: 532px;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide .image {
  position: relative;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide .image img {
  width: 412px;
  height: auto;
  border-radius: 100%;
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide .image i {
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  font-size: 2rem;
  cursor: pointer;
}

.gab-chiffre-cle h2 {
  margin-left: -75px;
  text-transform: uppercase;
  color: #e30613;
  font-size: 10rem;
  font-family: "cervomedium";
  line-height: 12rem;
}

.gab-chiffre-cle strong {
  font-weight: 400;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(61%, #ffffff), color-stop(61%, #ebe1db), to(#ebe1db));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #ebe1db 61%, #ebe1db 100%);
}

.gab-chiffre-cle .no-image h2 {
  margin-left: 0;
}

.gab-chiffre-cle .no-image .texte {
  width: 100%;
}

.gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .flex .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .liste3 li .texte.small, .liste3 .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image li .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .nosite .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image header .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .entretien .step1 .start-entretien .wrap .texte.small, .entretien .step1 .start-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .wrap .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .entretien .radio .texte.small, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .radio .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .entretien .radio-boolean .texte.small, .entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .radio-boolean .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .swiper-slide .texte.small, .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .gab-memo .wrap .texte.small, .gab-memo .gab-chiffre-cle .swiper-wrapper .swiper-slide.no-image .wrap .texte.small {
  width: 100%;
}

.gab-chiffre-cle .image-zoom div img {
  width: 100%;
  height: auto;
}

.gab-chiffre-cle2 {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

.gab-chiffre-cle2 .flex, .gab-chiffre-cle2 .liste3 li, .liste3 .gab-chiffre-cle2 li, .gab-chiffre-cle2 .nosite, .gab-chiffre-cle2 header, .gab-chiffre-cle2 .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .gab-chiffre-cle2 .wrap, .gab-chiffre-cle2 .entretien .radio, .entretien .gab-chiffre-cle2 .radio,
.gab-chiffre-cle2 .entretien .radio-boolean, .entretien .gab-chiffre-cle2 .radio-boolean, .gab-chiffre-cle2 .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-chiffre-cle2 .swiper-slide, .gab-chiffre-cle2 .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .gab-chiffre-cle2 .swiper-slide,
.gab-chiffre-cle2 .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .gab-chiffre-cle2 .swiper-slide,
.gab-chiffre-cle2 .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .gab-chiffre-cle2 .swiper-slide, .gab-chiffre-cle2 .gab-memo .wrap, .gab-memo .gab-chiffre-cle2 .wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.gab-chiffre-cle2 ul {
  width: 46%;
}

.gab-chiffre-cle2 ul:nth-child(2) {
  margin-top: 63px;
}

.gab-chiffre-cle2 ul h2 {
  font-size: 6rem;
  line-height: 6.6rem;
  text-transform: uppercase;
  font-family: "cervomedium";
}

.gab-chiffre-cle2 ul h2:before {
  content: "\E908";
  font-size: 4.7rem;
  font-family: "icomoon";
  margin-right: 16px;
  margin-left: -35px;
}

.gab-chiffre-cle2 li {
  list-style-type: none;
  font-size: 2.6rem;
  line-height: 3.6rem;
  padding-left: 35px;
  margin-bottom: 90px;
}

.gab-chiffre-cle2 li.highlight {
  -webkit-animation: chiffreCle 4s;
          animation: chiffreCle 4s;
}

.gab-chiffre-cle2 li:nth-last-child(1) {
  margin-bottom: 0;
}

.gab-chiffre-cle2 strong {
  font-weight: 400;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(61%, #ffffff), color-stop(61%, #ebe1db), to(#ebe1db));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #ebe1db 61%, #ebe1db 100%);
}

.gab-slider {
  padding-bottom: 0 !important;
}

.gab-slider strong {
  font-weight: 400;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(61%, #ffffff), color-stop(61%, #ebe1db), to(#ebe1db));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #ebe1db 61%, #ebe1db 100%);
}

.gab-slider .swiper-container {
  height: 100%;
}

.gab-slider .swiper-slide {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.15);
}

.gab-slider .swiper-slide .overlay {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-filter: blur(7.3px);
          filter: blur(7.3px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 1;
}

.gab-slider .swiper-slide img {
  position: relative;
  z-index: 10;
  height: calc(100% - 80px);
  width: auto;
}

.gab-slider .swiper-slide .legende {
  width: 100%;
  padding: 0 calc((100% - 1024px) / 2);
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.gab-slider .swiper-slide .legende .titre {
  font-size: 1.9rem;
  height: 80px;
  width: 1024px;
  position: relative;
  padding-right: 75px;
  display: table-cell;
  vertical-align: middle;
}

.gab-slider .swiper-slide .legende .titre i {
  color: #e30613;
  font-size: 3.8rem;
  border-radius: 100%;
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 23px;
}

.gab-slider .swiper-slide .legende .content {
  display: none;
  padding: 0 75px 20px 20px;
  width: 1024px;
  margin: 0 auto;
}

.gab-carousel {
  padding-top: 40px;
}

.gab-carousel .wrap .titre2 {
  color: #212121;
  font-size: 3.2rem;
  line-height: 4rem;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
  height: 40px;
  top: 0vh;
}

.gab-carousel .wrap .switch {
  margin-top: 0;
  position: relative;
  top: -1vh;
}

.gab-carousel .wrap .swiper-container.swiper2 {
  padding-bottom: 70px;
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 165px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 1024px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.gab-carousel .wrap .swiper-container.swiper2 .swiper-slide {
  height: 372px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.gab-carousel .wrap .swiper-container.swiper2 .flex, .gab-carousel .wrap .swiper-container.swiper2 .liste3 li, .liste3 .gab-carousel .wrap .swiper-container.swiper2 li, .gab-carousel .wrap .swiper-container.swiper2 .nosite, .gab-carousel .wrap .swiper-container.swiper2 header, .gab-carousel .wrap .swiper-container.swiper2 .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .gab-carousel .wrap .swiper-container.swiper2 .wrap, .gab-carousel .wrap .swiper-container.swiper2 .entretien .radio, .entretien .gab-carousel .wrap .swiper-container.swiper2 .radio,
.gab-carousel .wrap .swiper-container.swiper2 .entretien .radio-boolean, .entretien .gab-carousel .wrap .swiper-container.swiper2 .radio-boolean, .gab-carousel .wrap .swiper-container.swiper2 .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide,
.gab-carousel .wrap .swiper-container.swiper2 .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide,
.gab-carousel .wrap .swiper-container.swiper2 .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-memo .wrap, .gab-memo .gab-carousel .wrap .swiper-container.swiper2 .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gab-carousel .wrap .swiper-container.swiper2 .flex .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .liste3 li .swiper-slide, .liste3 .gab-carousel .wrap .swiper-container.swiper2 li .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .nosite .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 header .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .entretien .step1 .start-entretien .wrap .swiper-slide, .entretien .step1 .start-entretien .gab-carousel .wrap .swiper-container.swiper2 .wrap .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .entretien .radio .swiper-slide, .entretien .gab-carousel .wrap .swiper-container.swiper2 .radio .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .entretien .radio-boolean .swiper-slide, .entretien .gab-carousel .wrap .swiper-container.swiper2 .radio-boolean .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-chiffre-cle .swiper-wrapper .swiper-slide .swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-texte .fullSlider .swiper-slide .swiper-slide, .gab-texte .fullSlider .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-texte-2col .fullSlider .swiper-slide .swiper-slide, .gab-texte-2col .fullSlider .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-consequence .fullSlider .swiper-slide .swiper-slide, .gab-consequence .fullSlider .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide .swiper-slide, .gab-carousel .wrap .swiper-container.swiper2 .gab-memo .wrap .swiper-slide, .gab-memo .gab-carousel .wrap .swiper-container.swiper2 .wrap .swiper-slide {
  width: 292px;
  margin: 0 5px;
}

.gab-carousel .wrap .swiper-container.swiper2.active {
  opacity: 1;
  z-index: 1000;
}

.gab-carousel .wrap.no-title .swiper-container.swiper2 {
  top: 130px;
}

.gab-carousel .wrap .h3 {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 1.7rem;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90px;
  width: 100%;
}

.gab-carousel .wrap .icon-plus2 {
  font-size: 3.8rem;
  color: #e30613;
  position: absolute;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 100%;
}

.gab-carousel .wrap .fd-gradient {
  display: none;
  width: 120px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(83%, white), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 83%, white 100%);
}

.gab-carousel .wrap .fd-gradient.next {
  right: 0;
}

.gab-carousel .wrap .fd-gradient.prev {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(27%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white 0%, white 27%, rgba(255, 255, 255, 0) 100%);
}

.gab-carousel .wrap .panel {
  position: absolute;
  right: -100%;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 2rem;
}

.gab-carousel .wrap .panel .swiper-scrollbar {
  height: 130px;
  left: 305px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  background-color: transparent;
  position: absolute;
  z-index: 10;
}

.gab-carousel .wrap .panel .swiper-scrollbar:after {
  height: 130px;
  width: 1px;
  content: '';
  background-color: #a8a19c;
  position: absolute;
  top: 0;
  left: 50%;
}

.gab-carousel .wrap .panel .flex, .gab-carousel .wrap .panel .liste3 li, .liste3 .gab-carousel .wrap .panel li, .gab-carousel .wrap .panel .nosite, .gab-carousel .wrap .panel header, .gab-carousel .wrap .panel .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .gab-carousel .wrap .panel .wrap, .gab-carousel .wrap .panel .entretien .radio, .entretien .gab-carousel .wrap .panel .radio,
.gab-carousel .wrap .panel .entretien .radio-boolean, .entretien .gab-carousel .wrap .panel .radio-boolean, .gab-carousel .wrap .panel .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-carousel .wrap .panel .swiper-slide, .gab-carousel .wrap .panel .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .gab-carousel .wrap .panel .swiper-slide,
.gab-carousel .wrap .panel .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .gab-carousel .wrap .panel .swiper-slide,
.gab-carousel .wrap .panel .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .gab-carousel .wrap .panel .swiper-slide, .gab-carousel .wrap .panel .gab-memo .wrap, .gab-memo .gab-carousel .wrap .panel .wrap {
  background-color: #ffffff;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}

.gab-carousel .wrap .panel .flex.active, .gab-carousel .wrap .panel .liste3 li.active, .liste3 .gab-carousel .wrap .panel li.active, .gab-carousel .wrap .panel .active.nosite, .gab-carousel .wrap .panel header.active, .gab-carousel .wrap .panel .entretien .step1 .start-entretien .active.wrap, .entretien .step1 .start-entretien .gab-carousel .wrap .panel .active.wrap, .gab-carousel .wrap .panel .entretien .active.radio, .entretien .gab-carousel .wrap .panel .active.radio,
.gab-carousel .wrap .panel .entretien .active.radio-boolean, .entretien .gab-carousel .wrap .panel .active.radio-boolean, .gab-carousel .wrap .panel .gab-chiffre-cle .swiper-wrapper .active.swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-carousel .wrap .panel .active.swiper-slide, .gab-carousel .wrap .panel .gab-texte .fullSlider .active.swiper-slide, .gab-texte .fullSlider .gab-carousel .wrap .panel .active.swiper-slide,
.gab-carousel .wrap .panel .gab-texte-2col .fullSlider .active.swiper-slide, .gab-texte-2col .fullSlider .gab-carousel .wrap .panel .active.swiper-slide,
.gab-carousel .wrap .panel .gab-consequence .fullSlider .active.swiper-slide, .gab-consequence .fullSlider .gab-carousel .wrap .panel .active.swiper-slide, .gab-carousel .wrap .panel .gab-memo .active.wrap, .gab-memo .gab-carousel .wrap .panel .active.wrap {
  opacity: 1;
  z-index: 100;
}

.gab-carousel .wrap .panel .swiper-slide {
  padding: 50px;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.gab-carousel .wrap .panel strong {
  font-weight: 400;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(61%, #ffffff), color-stop(61%, #ebe1db), to(#ebe1db));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #ebe1db 61%, #ebe1db 100%);
}

.gab-carousel .wrap .panel p, .gab-carousel .wrap .panel ul {
  margin-bottom: 20px;
}

.gab-carousel .wrap .panel ul {
  margin-left: 20px;
}

.gab-carousel .wrap .panel .btn-rouge-back {
  position: absolute;
  top: 20px;
  left: 43px;
  z-index: 1000;
  -webkit-box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 13px 7px rgba(0, 0, 0, 0.2);
}

.gab-carousel .wrap .panel.open {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.gab-carousel .wrap .panel.close {
  -webkit-animation: carouselPanel 0.4s;
          animation: carouselPanel 0.4s;
}

.swiper-panel {
  width: calc(100% - 330px);
  margin: 0;
}

.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  width: 330px;
}

.swpier-bg-pagination {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  left: 266px;
  top: 0;
  height: 100%;
  width: 72px;
  z-index: 10;
}

.gab-texte,
.gab-texte-2col,
.gab-consequence {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.gab-texte .titre2,
.gab-texte-2col .titre2,
.gab-consequence .titre2 {
  color: #212121;
  text-align: center;
  margin-bottom: 30px;
  line-height: 4rem;
  font-size: 4rem;
}

.gab-texte .swiper-container,
.gab-texte-2col .swiper-container,
.gab-consequence .swiper-container {
  margin: 30px 0 0;
  padding-right: 70px;
  height: 400px !important;
}

.gab-texte .swiper-wrapper,
.gab-texte-2col .swiper-wrapper,
.gab-consequence .swiper-wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

.gab-texte .fullSlider .swiper-slide,
.gab-texte-2col .fullSlider .swiper-slide,
.gab-consequence .fullSlider .swiper-slide {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gab-texte .fullSlider .swiper-slide .titre2,
.gab-texte-2col .fullSlider .swiper-slide .titre2,
.gab-consequence .fullSlider .swiper-slide .titre2 {
  text-align: left;
}

.gab-texte .fullSlider .swiper-slide img,
.gab-texte-2col .fullSlider .swiper-slide img,
.gab-consequence .fullSlider .swiper-slide img {
  width: 400px;
  margin-right: 40px;
  height: auto;
}

.gab-texte .fullSlider .swiper-slide div.js-wysiwyg,
.gab-texte-2col .fullSlider .swiper-slide div.js-wysiwyg,
.gab-consequence .fullSlider .swiper-slide div.js-wysiwyg {
  width: calc(100% - 440px);
}

.gab-texte .swiper-image .swiper-wrapper,
.gab-texte-2col .swiper-image .swiper-wrapper,
.gab-consequence .swiper-image .swiper-wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

.gab-texte .swiper-image img,
.gab-texte-2col .swiper-image img,
.gab-consequence .swiper-image img {
  width: 400px;
  height: auto;
}

.gab-texte .swiper-image .flex > div, .gab-texte .swiper-image .liste3 li > div, .liste3 .gab-texte .swiper-image li > div, .gab-texte .swiper-image .nosite > div, .gab-texte .swiper-image header > div, .gab-texte .swiper-image .entretien .step1 .start-entretien .wrap > div, .entretien .step1 .start-entretien .gab-texte .swiper-image .wrap > div, .gab-texte .swiper-image .entretien .radio > div, .entretien .gab-texte .swiper-image .radio > div, .gab-texte .swiper-image .entretien .radio-boolean > div, .entretien .gab-texte .swiper-image .radio-boolean > div, .gab-texte .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide > div, .gab-chiffre-cle .swiper-wrapper .gab-texte .swiper-image .swiper-slide > div, .gab-texte .swiper-image .fullSlider .swiper-slide > div, .gab-texte .fullSlider .swiper-image .swiper-slide > div, .gab-texte-2col .fullSlider .gab-texte .swiper-image .swiper-slide > div, .gab-consequence .fullSlider .gab-texte .swiper-image .swiper-slide > div, .gab-texte .swiper-image .gab-memo .wrap > div, .gab-memo .gab-texte .swiper-image .wrap > div,
.gab-texte-2col .swiper-image .flex > div,
.gab-texte-2col .swiper-image .liste3 li > div,
.liste3 .gab-texte-2col .swiper-image li > div,
.gab-texte-2col .swiper-image .nosite > div,
.gab-texte-2col .swiper-image header > div,
.gab-texte-2col .swiper-image .entretien .step1 .start-entretien .wrap > div,
.entretien .step1 .start-entretien .gab-texte-2col .swiper-image .wrap > div,
.gab-texte-2col .swiper-image .entretien .radio > div,
.entretien .gab-texte-2col .swiper-image .radio > div,
.gab-texte-2col .swiper-image .entretien .radio-boolean > div,
.entretien .gab-texte-2col .swiper-image .radio-boolean > div,
.gab-texte-2col .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide > div,
.gab-chiffre-cle .swiper-wrapper .gab-texte-2col .swiper-image .swiper-slide > div,
.gab-texte .fullSlider .gab-texte-2col .swiper-image .swiper-slide > div,
.gab-texte-2col .swiper-image .fullSlider .swiper-slide > div,
.gab-texte-2col .fullSlider .swiper-image .swiper-slide > div,
.gab-consequence .fullSlider .gab-texte-2col .swiper-image .swiper-slide > div,
.gab-texte-2col .swiper-image .gab-memo .wrap > div,
.gab-memo .gab-texte-2col .swiper-image .wrap > div,
.gab-consequence .swiper-image .flex > div,
.gab-consequence .swiper-image .liste3 li > div,
.liste3 .gab-consequence .swiper-image li > div,
.gab-consequence .swiper-image .nosite > div,
.gab-consequence .swiper-image header > div,
.gab-consequence .swiper-image .entretien .step1 .start-entretien .wrap > div,
.entretien .step1 .start-entretien .gab-consequence .swiper-image .wrap > div,
.gab-consequence .swiper-image .entretien .radio > div,
.entretien .gab-consequence .swiper-image .radio > div,
.gab-consequence .swiper-image .entretien .radio-boolean > div,
.entretien .gab-consequence .swiper-image .radio-boolean > div,
.gab-consequence .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide > div,
.gab-chiffre-cle .swiper-wrapper .gab-consequence .swiper-image .swiper-slide > div,
.gab-texte .fullSlider .gab-consequence .swiper-image .swiper-slide > div,
.gab-texte-2col .fullSlider .gab-consequence .swiper-image .swiper-slide > div,
.gab-consequence .swiper-image .fullSlider .swiper-slide > div,
.gab-consequence .fullSlider .swiper-image .swiper-slide > div,
.gab-consequence .swiper-image .gab-memo .wrap > div,
.gab-memo .gab-consequence .swiper-image .wrap > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gab-texte .wrap {
  max-width: 100%;
}

.gab-texte-2col .flex, .gab-texte-2col .liste3 li, .liste3 .gab-texte-2col li, .gab-texte-2col .nosite, .gab-texte-2col header, .gab-texte-2col .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .gab-texte-2col .wrap, .gab-texte-2col .entretien .radio, .entretien .gab-texte-2col .radio,
.gab-texte-2col .entretien .radio-boolean, .entretien .gab-texte-2col .radio-boolean, .gab-texte-2col .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-texte-2col .swiper-slide, .gab-texte .fullSlider .gab-texte-2col .swiper-slide,
.gab-texte-2col .fullSlider .swiper-slide, .gab-consequence .fullSlider .gab-texte-2col .swiper-slide, .gab-texte-2col .gab-memo .wrap, .gab-memo .gab-texte-2col .wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 485px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gab-texte-2col .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 48.5%;
          flex: 0 48.5%;
}

.gab-consequence .swiper-image .flex, .gab-consequence .swiper-image .liste3 li, .liste3 .gab-consequence .swiper-image li, .gab-consequence .swiper-image .nosite, .gab-consequence .swiper-image header, .gab-consequence .swiper-image .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .gab-consequence .swiper-image .wrap, .gab-consequence .swiper-image .entretien .radio, .entretien .gab-consequence .swiper-image .radio,
.gab-consequence .swiper-image .entretien .radio-boolean, .entretien .gab-consequence .swiper-image .radio-boolean, .gab-consequence .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .gab-consequence .swiper-image .swiper-slide, .gab-texte .fullSlider .gab-consequence .swiper-image .swiper-slide, .gab-texte-2col .fullSlider .gab-consequence .swiper-image .swiper-slide,
.gab-consequence .swiper-image .fullSlider .swiper-slide, .gab-consequence .fullSlider .swiper-image .swiper-slide, .gab-consequence .swiper-image .gab-memo .wrap, .gab-memo .gab-consequence .swiper-image .wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gab-consequence .swiper-image .flex img, .gab-consequence .swiper-image .liste3 li img, .liste3 .gab-consequence .swiper-image li img, .gab-consequence .swiper-image .nosite img, .gab-consequence .swiper-image header img, .gab-consequence .swiper-image .entretien .step1 .start-entretien .wrap img, .entretien .step1 .start-entretien .gab-consequence .swiper-image .wrap img, .gab-consequence .swiper-image .entretien .radio img, .entretien .gab-consequence .swiper-image .radio img, .gab-consequence .swiper-image .entretien .radio-boolean img, .entretien .gab-consequence .swiper-image .radio-boolean img, .gab-consequence .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide img, .gab-chiffre-cle .swiper-wrapper .gab-consequence .swiper-image .swiper-slide img, .gab-texte .fullSlider .gab-consequence .swiper-image .swiper-slide img, .gab-texte-2col .fullSlider .gab-consequence .swiper-image .swiper-slide img, .gab-consequence .swiper-image .fullSlider .swiper-slide img, .gab-consequence .fullSlider .swiper-image .swiper-slide img, .gab-consequence .swiper-image .gab-memo .wrap img, .gab-memo .gab-consequence .swiper-image .wrap img {
  width: 345px;
}

.gab-consequence .swiper-image .flex div, .gab-consequence .swiper-image .liste3 li div, .liste3 .gab-consequence .swiper-image li div, .gab-consequence .swiper-image .nosite div, .gab-consequence .swiper-image header div, .gab-consequence .swiper-image .entretien .step1 .start-entretien .wrap div, .entretien .step1 .start-entretien .gab-consequence .swiper-image .wrap div, .gab-consequence .swiper-image .entretien .radio div, .entretien .gab-consequence .swiper-image .radio div, .gab-consequence .swiper-image .entretien .radio-boolean div, .entretien .gab-consequence .swiper-image .radio-boolean div, .gab-consequence .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide div, .gab-chiffre-cle .swiper-wrapper .gab-consequence .swiper-image .swiper-slide div, .gab-texte .fullSlider .gab-consequence .swiper-image .swiper-slide div, .gab-texte-2col .fullSlider .gab-consequence .swiper-image .swiper-slide div, .gab-consequence .swiper-image .fullSlider .swiper-slide div, .gab-consequence .fullSlider .swiper-image .swiper-slide div, .gab-consequence .swiper-image .gab-memo .wrap div, .gab-memo .gab-consequence .swiper-image .wrap div {
  display: block;
}

.gab-consequence .swiper-image .flex .icon-magnifying-glass, .gab-consequence .swiper-image .liste3 li .icon-magnifying-glass, .liste3 .gab-consequence .swiper-image li .icon-magnifying-glass, .gab-consequence .swiper-image .nosite .icon-magnifying-glass, .gab-consequence .swiper-image header .icon-magnifying-glass, .gab-consequence .swiper-image .entretien .step1 .start-entretien .wrap .icon-magnifying-glass, .entretien .step1 .start-entretien .gab-consequence .swiper-image .wrap .icon-magnifying-glass, .gab-consequence .swiper-image .entretien .radio .icon-magnifying-glass, .entretien .gab-consequence .swiper-image .radio .icon-magnifying-glass, .gab-consequence .swiper-image .entretien .radio-boolean .icon-magnifying-glass, .entretien .gab-consequence .swiper-image .radio-boolean .icon-magnifying-glass, .gab-consequence .swiper-image .gab-chiffre-cle .swiper-wrapper .swiper-slide .icon-magnifying-glass, .gab-chiffre-cle .swiper-wrapper .gab-consequence .swiper-image .swiper-slide .icon-magnifying-glass, .gab-texte .fullSlider .gab-consequence .swiper-image .swiper-slide .icon-magnifying-glass, .gab-texte-2col .fullSlider .gab-consequence .swiper-image .swiper-slide .icon-magnifying-glass, .gab-consequence .swiper-image .fullSlider .swiper-slide .icon-magnifying-glass, .gab-consequence .fullSlider .swiper-image .swiper-slide .icon-magnifying-glass, .gab-consequence .swiper-image .gab-memo .wrap .icon-magnifying-glass, .gab-memo .gab-consequence .swiper-image .wrap .icon-magnifying-glass {
  font-size: 2rem;
  color: #212121;
}

.gab-memo {
  padding-left: 30px;
  background-image: url(../img/memo.png), url(../img/memo-ombre.png);
  background-repeat: no-repeat;
  background-position: 50vw center, 49vw center;
  background-size: 580px auto;
}

.gab-memo .titre2 {
  color: #212121;
  margin-bottom: 30px;
  font-size: 4rem;
  line-height: 4rem;
}

.gab-memo .texte {
  width: 50%;
  margin-top: 70px;
}

.gab-memo .texte strong {
  font-weight: 400;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(61%, #ffffff), color-stop(61%, #ebe1db), to(#ebe1db));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #ebe1db 61%, #ebe1db 100%);
}

.gab-memo .memo {
  width: 53%;
  padding: 180px 72px 50px 119px;
  font-family: "Satisfy", cursive;
  font-size: 1.8rem;
  line-height: 2.5rem;
  height: 580px;
  margin-top: -57px;
  margin-left: -3%;
}

.gab-memo .memo div {
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  color: #a8a19c;
}

.gab-memo .memo div strong {
  color: #000000;
}

.gab-memo .memo ul {
  margin-bottom: 20px;
}

.gab-memo .memo ul li {
  margin-bottom: 0;
}

.gab-memo .titre-memo {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 15px;
  color: #e30613;
}

.end header .icon-fleche3 {
  opacity: 0;
  z-index: -100;
}

.end header:after {
  display: none;
}

.end .source {
  display: none;
}

.download-pdf section {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.download-pdf section p {
  margin-bottom: 30px;
}

/*************************************************************/
/************* QUICK ACCESS **********************************/
/*************************************************************/
.quick-access {
  background-color: #e30613;
  position: fixed;
  top: 220px;
  right: 35px;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  width: 230px;
}

.quick-access .text {
  font-family: "Noto Serif", serif;
  text-align: center;
  overflow: hidden;
  font-size: 1.4rem;
  margin-bottom: 20px;
  font-style: italic;
}

.quick-access .btn-blanc-fleche {
  font-size: 1.6rem;
  padding: 9px 20px;
  margin-top: 10px;
  width: 100%;
}

/*************************************************************/
/************* POPUP *****************************************/
/*************************************************************/
.popup-point-info .popup-content {
  padding: 40px 0;
}

.popup-point-info .popup-content a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.popup-point-info .popup-content a:hover {
  color: #e30613;
}

.popup-point-info .titre2 {
  margin-bottom: 20px;
}

.popup-point-info .flex div, .popup-point-info .liste3 li div, .liste3 .popup-point-info li div, .popup-point-info .nosite div, .popup-point-info header div, .popup-point-info .entretien .step1 .start-entretien .wrap div, .entretien .step1 .start-entretien .popup-point-info .wrap div, .popup-point-info .entretien .radio div, .entretien .popup-point-info .radio div, .popup-point-info .entretien .radio-boolean div, .entretien .popup-point-info .radio-boolean div, .popup-point-info .gab-chiffre-cle .swiper-wrapper .swiper-slide div, .gab-chiffre-cle .swiper-wrapper .popup-point-info .swiper-slide div, .popup-point-info .gab-texte .fullSlider .swiper-slide div, .gab-texte .fullSlider .popup-point-info .swiper-slide div, .popup-point-info .gab-texte-2col .fullSlider .swiper-slide div, .gab-texte-2col .fullSlider .popup-point-info .swiper-slide div, .popup-point-info .gab-consequence .fullSlider .swiper-slide div, .gab-consequence .fullSlider .popup-point-info .swiper-slide div, .popup-point-info .gab-memo .wrap div, .gab-memo .popup-point-info .wrap div {
  width: 50%;
  padding-right: 40px;
  padding-left: 40px;
}

.popup-point-info .flex div:first-child, .popup-point-info .liste3 li div:first-child, .liste3 .popup-point-info li div:first-child, .popup-point-info .nosite div:first-child, .popup-point-info header div:first-child, .popup-point-info .entretien .step1 .start-entretien .wrap div:first-child, .entretien .step1 .start-entretien .popup-point-info .wrap div:first-child, .popup-point-info .entretien .radio div:first-child, .entretien .popup-point-info .radio div:first-child, .popup-point-info .entretien .radio-boolean div:first-child, .entretien .popup-point-info .radio-boolean div:first-child, .popup-point-info .gab-chiffre-cle .swiper-wrapper .swiper-slide div:first-child, .gab-chiffre-cle .swiper-wrapper .popup-point-info .swiper-slide div:first-child, .popup-point-info .gab-texte .fullSlider .swiper-slide div:first-child, .gab-texte .fullSlider .popup-point-info .swiper-slide div:first-child, .popup-point-info .gab-texte-2col .fullSlider .swiper-slide div:first-child, .gab-texte-2col .fullSlider .popup-point-info .swiper-slide div:first-child, .popup-point-info .gab-consequence .fullSlider .swiper-slide div:first-child, .gab-consequence .fullSlider .popup-point-info .swiper-slide div:first-child, .popup-point-info .gab-memo .wrap div:first-child, .gab-memo .popup-point-info .wrap div:first-child {
  border-right: 1px solid #ebe1db;
}

.popup-entretien-exit .popup-content {
  text-align: center;
}

.popup-entretien-exit .flex, .popup-entretien-exit .liste3 li, .liste3 .popup-entretien-exit li, .popup-entretien-exit .nosite, .popup-entretien-exit header, .popup-entretien-exit .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .popup-entretien-exit .wrap, .popup-entretien-exit .entretien .radio, .entretien .popup-entretien-exit .radio,
.popup-entretien-exit .entretien .radio-boolean, .entretien .popup-entretien-exit .radio-boolean, .popup-entretien-exit .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .popup-entretien-exit .swiper-slide, .popup-entretien-exit .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .popup-entretien-exit .swiper-slide,
.popup-entretien-exit .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .popup-entretien-exit .swiper-slide,
.popup-entretien-exit .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .popup-entretien-exit .swiper-slide, .popup-entretien-exit .gab-memo .wrap, .gab-memo .popup-entretien-exit .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-entretien-exit .flex a, .popup-entretien-exit .liste3 li a, .liste3 .popup-entretien-exit li a, .popup-entretien-exit .nosite a, .popup-entretien-exit header a, .popup-entretien-exit .entretien .step1 .start-entretien .wrap a, .entretien .step1 .start-entretien .popup-entretien-exit .wrap a, .popup-entretien-exit .entretien .radio a, .entretien .popup-entretien-exit .radio a, .popup-entretien-exit .entretien .radio-boolean a, .entretien .popup-entretien-exit .radio-boolean a, .popup-entretien-exit .gab-chiffre-cle .swiper-wrapper .swiper-slide a, .gab-chiffre-cle .swiper-wrapper .popup-entretien-exit .swiper-slide a, .popup-entretien-exit .gab-texte .fullSlider .swiper-slide a, .gab-texte .fullSlider .popup-entretien-exit .swiper-slide a, .popup-entretien-exit .gab-texte-2col .fullSlider .swiper-slide a, .gab-texte-2col .fullSlider .popup-entretien-exit .swiper-slide a, .popup-entretien-exit .gab-consequence .fullSlider .swiper-slide a, .gab-consequence .fullSlider .popup-entretien-exit .swiper-slide a, .popup-entretien-exit .gab-memo .wrap a, .gab-memo .popup-entretien-exit .wrap a {
  margin: 30px 15px 0;
}

.popup-plateforme .popup-content {
  text-align: center;
}

.popup-plateforme p {
  margin-bottom: 20px;
}

.popup-plateforme .flex, .popup-plateforme .liste3 li, .liste3 .popup-plateforme li, .popup-plateforme .nosite, .popup-plateforme header, .popup-plateforme .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .popup-plateforme .wrap, .popup-plateforme .entretien .radio, .entretien .popup-plateforme .radio,
.popup-plateforme .entretien .radio-boolean, .entretien .popup-plateforme .radio-boolean, .popup-plateforme .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .popup-plateforme .swiper-slide, .popup-plateforme .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .popup-plateforme .swiper-slide,
.popup-plateforme .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .popup-plateforme .swiper-slide,
.popup-plateforme .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .popup-plateforme .swiper-slide, .popup-plateforme .gab-memo .wrap, .gab-memo .popup-plateforme .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-plateforme .flex a, .popup-plateforme .liste3 li a, .liste3 .popup-plateforme li a, .popup-plateforme .nosite a, .popup-plateforme header a, .popup-plateforme .entretien .step1 .start-entretien .wrap a, .entretien .step1 .start-entretien .popup-plateforme .wrap a, .popup-plateforme .entretien .radio a, .entretien .popup-plateforme .radio a, .popup-plateforme .entretien .radio-boolean a, .entretien .popup-plateforme .radio-boolean a, .popup-plateforme .gab-chiffre-cle .swiper-wrapper .swiper-slide a, .gab-chiffre-cle .swiper-wrapper .popup-plateforme .swiper-slide a, .popup-plateforme .gab-texte .fullSlider .swiper-slide a, .gab-texte .fullSlider .popup-plateforme .swiper-slide a, .popup-plateforme .gab-texte-2col .fullSlider .swiper-slide a, .gab-texte-2col .fullSlider .popup-plateforme .swiper-slide a, .popup-plateforme .gab-consequence .fullSlider .swiper-slide a, .gab-consequence .fullSlider .popup-plateforme .swiper-slide a, .popup-plateforme .gab-memo .wrap a, .gab-memo .popup-plateforme .wrap a {
  margin: 30px 15px 0;
}

.popup-share-fiche .popup-content {
  text-align: center;
}

.popup-source .titre2 {
  text-align: center;
}

.popup-source .btn-rouge {
  margin: 20px auto 0;
}

.popup-source p {
  margin-bottom: 10px;
}

.popup-source p a {
  color: #212121;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.popup-source p a:hover {
  color: #e30613;
}

.popup-cgu .popup-content {
  max-height: 700px;
  height: 90%;
  overflow: auto;
  font-size: 1.5rem;
  -webkit-overflow-scrolling: touch;
}

.popup-cgu .titre1 {
  font-size: 3.5rem;
  line-height: 4rem;
  margin-bottom: 30px;
}

.popup-cgu .titre2 {
  font-size: 2.8rem;
  margin-bottom: 20px;
  width: 100%;
  margin-top: 30px;
}

.popup-cgu p {
  margin-bottom: 20px;
  line-height: 2rem;
}

.popup-cgu ul {
  margin-bottom: 20px;
  margin-left: 20px;
}

.popup-cgu ul li {
  line-height: 2rem;
}

.popup-cgu input[type="checkbox"] {
  width: auto;
  height: 15px;
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

.popup-cgu .close {
  position: fixed;
}

.popup-session-expire {
  text-align: center;
}

.popup-session-expire .btn-rouge-fleche {
  margin: 20px auto 0;
}

.page-404 .titre2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup-click-external {
  text-align: center;
}

.popup-click-external .flex, .popup-click-external .liste3 li, .liste3 .popup-click-external li, .popup-click-external .nosite, .popup-click-external header, .popup-click-external .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .popup-click-external .wrap, .popup-click-external .entretien .radio, .entretien .popup-click-external .radio,
.popup-click-external .entretien .radio-boolean, .entretien .popup-click-external .radio-boolean, .popup-click-external .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .popup-click-external .swiper-slide, .popup-click-external .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .popup-click-external .swiper-slide,
.popup-click-external .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .popup-click-external .swiper-slide,
.popup-click-external .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .popup-click-external .swiper-slide, .popup-click-external .gab-memo .wrap, .gab-memo .popup-click-external .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.popup-click-external .flex a, .popup-click-external .liste3 li a, .liste3 .popup-click-external li a, .popup-click-external .nosite a, .popup-click-external header a, .popup-click-external .entretien .step1 .start-entretien .wrap a, .entretien .step1 .start-entretien .popup-click-external .wrap a, .popup-click-external .entretien .radio a, .entretien .popup-click-external .radio a, .popup-click-external .entretien .radio-boolean a, .entretien .popup-click-external .radio-boolean a, .popup-click-external .gab-chiffre-cle .swiper-wrapper .swiper-slide a, .gab-chiffre-cle .swiper-wrapper .popup-click-external .swiper-slide a, .popup-click-external .gab-texte .fullSlider .swiper-slide a, .gab-texte .fullSlider .popup-click-external .swiper-slide a, .popup-click-external .gab-texte-2col .fullSlider .swiper-slide a, .gab-texte-2col .fullSlider .popup-click-external .swiper-slide a, .popup-click-external .gab-consequence .fullSlider .swiper-slide a, .gab-consequence .fullSlider .popup-click-external .swiper-slide a, .popup-click-external .gab-memo .wrap a, .gab-memo .popup-click-external .wrap a {
  margin: 0 20px;
}

.popup-edit-entretien {
  text-align: center;
}

.popup-edit-entretien .flex, .popup-edit-entretien .liste3 li, .liste3 .popup-edit-entretien li, .popup-edit-entretien .nosite, .popup-edit-entretien header, .popup-edit-entretien .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .popup-edit-entretien .wrap, .popup-edit-entretien .entretien .radio, .entretien .popup-edit-entretien .radio,
.popup-edit-entretien .entretien .radio-boolean, .entretien .popup-edit-entretien .radio-boolean, .popup-edit-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .popup-edit-entretien .swiper-slide, .popup-edit-entretien .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .popup-edit-entretien .swiper-slide,
.popup-edit-entretien .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .popup-edit-entretien .swiper-slide,
.popup-edit-entretien .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .popup-edit-entretien .swiper-slide, .popup-edit-entretien .gab-memo .wrap, .gab-memo .popup-edit-entretien .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.popup-edit-entretien .flex a, .popup-edit-entretien .liste3 li a, .liste3 .popup-edit-entretien li a, .popup-edit-entretien .nosite a, .popup-edit-entretien header a, .popup-edit-entretien .entretien .step1 .start-entretien .wrap a, .entretien .step1 .start-entretien .popup-edit-entretien .wrap a, .popup-edit-entretien .entretien .radio a, .entretien .popup-edit-entretien .radio a, .popup-edit-entretien .entretien .radio-boolean a, .entretien .popup-edit-entretien .radio-boolean a, .popup-edit-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide a, .gab-chiffre-cle .swiper-wrapper .popup-edit-entretien .swiper-slide a, .popup-edit-entretien .gab-texte .fullSlider .swiper-slide a, .gab-texte .fullSlider .popup-edit-entretien .swiper-slide a, .popup-edit-entretien .gab-texte-2col .fullSlider .swiper-slide a, .gab-texte-2col .fullSlider .popup-edit-entretien .swiper-slide a, .popup-edit-entretien .gab-consequence .fullSlider .swiper-slide a, .gab-consequence .fullSlider .popup-edit-entretien .swiper-slide a, .popup-edit-entretien .gab-memo .wrap a, .gab-memo .popup-edit-entretien .wrap a {
  margin: 0 20px;
}

.popup-edit-entretien form.label-absolute {
  width: 100%;
}

.popup-edit-entretien form.label-absolute input[type="date"] {
  width: 100%;
  text-align-last: center;
}

.popup-edit-entretien form.label-absolute label[for="date"] {
  top: 10px;
  font-size: 1.2rem;
  color: #a8a19c;
}

.popup-leave-entretien {
  text-align: center;
}

.popup-leave-entretien .flex, .popup-leave-entretien .liste3 li, .liste3 .popup-leave-entretien li, .popup-leave-entretien .nosite, .popup-leave-entretien header, .popup-leave-entretien .entretien .step1 .start-entretien .wrap, .entretien .step1 .start-entretien .popup-leave-entretien .wrap, .popup-leave-entretien .entretien .radio, .entretien .popup-leave-entretien .radio,
.popup-leave-entretien .entretien .radio-boolean, .entretien .popup-leave-entretien .radio-boolean, .popup-leave-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide, .gab-chiffre-cle .swiper-wrapper .popup-leave-entretien .swiper-slide, .popup-leave-entretien .gab-texte .fullSlider .swiper-slide, .gab-texte .fullSlider .popup-leave-entretien .swiper-slide,
.popup-leave-entretien .gab-texte-2col .fullSlider .swiper-slide, .gab-texte-2col .fullSlider .popup-leave-entretien .swiper-slide,
.popup-leave-entretien .gab-consequence .fullSlider .swiper-slide, .gab-consequence .fullSlider .popup-leave-entretien .swiper-slide, .popup-leave-entretien .gab-memo .wrap, .gab-memo .popup-leave-entretien .wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.popup-leave-entretien .flex a, .popup-leave-entretien .liste3 li a, .liste3 .popup-leave-entretien li a, .popup-leave-entretien .nosite a, .popup-leave-entretien header a, .popup-leave-entretien .entretien .step1 .start-entretien .wrap a, .entretien .step1 .start-entretien .popup-leave-entretien .wrap a, .popup-leave-entretien .entretien .radio a, .entretien .popup-leave-entretien .radio a, .popup-leave-entretien .entretien .radio-boolean a, .entretien .popup-leave-entretien .radio-boolean a, .popup-leave-entretien .gab-chiffre-cle .swiper-wrapper .swiper-slide a, .gab-chiffre-cle .swiper-wrapper .popup-leave-entretien .swiper-slide a, .popup-leave-entretien .gab-texte .fullSlider .swiper-slide a, .gab-texte .fullSlider .popup-leave-entretien .swiper-slide a, .popup-leave-entretien .gab-texte-2col .fullSlider .swiper-slide a, .gab-texte-2col .fullSlider .popup-leave-entretien .swiper-slide a, .popup-leave-entretien .gab-consequence .fullSlider .swiper-slide a, .gab-consequence .fullSlider .popup-leave-entretien .swiper-slide a, .popup-leave-entretien .gab-memo .wrap a, .gab-memo .popup-leave-entretien .wrap a {
  margin: 0 20px;
  width: 200px;
}

.demo .homepage .swiper-home .swiper-slide:not(.patho-pneumologie) .rond {
  border-color: #a8a19c !important;
}

.demo .homepage .swiper-home .swiper-slide:not(.patho-pneumologie) .rond.active {
  background-color: #a8a19c !important;
}

.demo .homepage .demo-version {
  position: absolute;
  right: 60px;
  top: 24px;
  color: #ffffff;
  font-family: "cervomedium";
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 20px;
  z-index: 10000;
}

.demo .deactivate {
  color: #a8a19c;
}

.demo .deactivate:before {
  color: #a8a19c;
}

.demo .home-nav li.lien.panel1 .visuel ul.flex li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel ul.nosite li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.switch-sr a, .entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li.switch-sr a, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.switch-sr a, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.switch-sr a, .gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.switch-sr a, .gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.switch-sr a, .gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.switch-sr a, .gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a, .demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.switch-sr a, .gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-aod,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-aod,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-aod,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-aod,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-aod,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-aod,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-aod,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-aod,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-avk,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-avk,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-avk,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-avk,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-avk,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-avk,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-avk,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-avk,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.grippe-deactivate,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.grippe-deactivate,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.grippe-deactivate,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.grippe-deactivate,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.grippe-deactivate,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.grippe-deactivate,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.grippe-deactivate,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.grippe-deactivate,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.angine-deactivate,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.angine-deactivate,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.angine-deactivate,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.angine-deactivate,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.angine-deactivate,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.angine-deactivate,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.angine-deactivate,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.angine-deactivate,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate {
  background-color: rgba(168, 161, 156, 0.5);
  color: rgba(255, 255, 255, 0.6);
  position: relative;
}

.demo .home-nav li.lien.panel1 .visuel ul.flex li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel ul.nosite li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.switch-sr a .overlay, .entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li.switch-sr a .overlay, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.switch-sr a .overlay, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.switch-sr a .overlay, .gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.switch-sr a .overlay, .gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.switch-sr a .overlay, .gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.switch-sr a .overlay, .gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.switch-sr a .overlay, .gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-aod .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-aod .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-aod .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-aod .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-aod .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-aod .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-aod .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-aod .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-avk .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-avk .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-avk .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-avk .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-avk .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-avk .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-avk .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-avk .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.grippe-deactivate .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.grippe-deactivate .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.grippe-deactivate .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.grippe-deactivate .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.grippe-deactivate .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.grippe-deactivate .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.grippe-deactivate .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.grippe-deactivate .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.angine-deactivate .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.angine-deactivate .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.angine-deactivate .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.angine-deactivate .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.angine-deactivate .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.angine-deactivate .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.angine-deactivate .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.angine-deactivate .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(168, 161, 156, 0.5);
  color: #ffffff;
  text-transform: none;
  font-size: 1.3rem;
  font-family: arial;
  line-height: 1.6rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.demo .home-nav li.lien.panel1 .visuel ul.flex li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel ul.nosite li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.switch-sr a:hover, .entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li.switch-sr a:hover, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.switch-sr a:hover, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.switch-sr a:hover, .gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.switch-sr a:hover, .gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.switch-sr a:hover, .gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.switch-sr a:hover, .gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover, .demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.switch-sr a:hover, .gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a:hover,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-aod:hover,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-aod:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-aod:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-aod:hover,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-aod:hover,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-aod:hover,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-aod:hover,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-aod:hover,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod:hover,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-avk:hover,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-avk:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-avk:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-avk:hover,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-avk:hover,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-avk:hover,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-avk:hover,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-avk:hover,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk:hover,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.grippe-deactivate:hover,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.grippe-deactivate:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.grippe-deactivate:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.grippe-deactivate:hover,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.grippe-deactivate:hover,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.grippe-deactivate:hover,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.grippe-deactivate:hover,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.grippe-deactivate:hover,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.angine-deactivate:hover,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.angine-deactivate:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.angine-deactivate:hover,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.angine-deactivate:hover,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.angine-deactivate:hover,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.angine-deactivate:hover,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.angine-deactivate:hover,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.angine-deactivate:hover,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate:hover {
  color: transparent;
}

.demo .home-nav li.lien.panel1 .visuel ul.flex li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel ul.nosite li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li.switch-sr a:hover .overlay, .entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li.switch-sr a:hover .overlay, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li.switch-sr a:hover .overlay, .entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li.switch-sr a:hover .overlay, .gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li.switch-sr a:hover .overlay, .gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li.switch-sr a:hover .overlay, .gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li.switch-sr a:hover .overlay, .gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li.switch-sr a:hover .overlay, .demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li.switch-sr a:hover .overlay, .gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li.switch-sr a:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-aod:hover .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-aod:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-aod:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-aod:hover .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-aod:hover .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-aod:hover .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-aod:hover .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-aod:hover .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-aod:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.entretien-avk:hover .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.entretien-avk:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.entretien-avk:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.entretien-avk:hover .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.entretien-avk:hover .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.entretien-avk:hover .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.entretien-avk:hover .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.entretien-avk:hover .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.entretien-avk:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.grippe-deactivate:hover .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.grippe-deactivate:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.grippe-deactivate:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.grippe-deactivate:hover .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.grippe-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.flex li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel ul.nosite li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien .step1 .start-entretien ul.wrap li a.angine-deactivate:hover .overlay,
.entretien .step1 .start-entretien .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio li a.angine-deactivate:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .entretien ul.radio-boolean li a.angine-deactivate:hover .overlay,
.entretien .demo .home-nav li.lien.panel1 .visuel ul.radio-boolean li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-chiffre-cle .swiper-wrapper ul.swiper-slide li a.angine-deactivate:hover .overlay,
.gab-chiffre-cle .swiper-wrapper .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte .fullSlider ul.swiper-slide li a.angine-deactivate:hover .overlay,
.gab-texte .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-texte-2col .fullSlider ul.swiper-slide li a.angine-deactivate:hover .overlay,
.gab-texte-2col .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-consequence .fullSlider ul.swiper-slide li a.angine-deactivate:hover .overlay,
.gab-consequence .fullSlider .demo .home-nav li.lien.panel1 .visuel ul.swiper-slide li a.angine-deactivate:hover .overlay,
.demo .home-nav li.lien.panel1 .visuel .gab-memo ul.wrap li a.angine-deactivate:hover .overlay,
.gab-memo .demo .home-nav li.lien.panel1 .visuel ul.wrap li a.angine-deactivate:hover .overlay {
  opacity: 1;
  z-index: 10;
}

.demo .fiche-sante .demo-version {
  color: #ffffff;
  font-family: "cervomedium";
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 20px;
}

.demo .gab .step-end .top [class^="btn-"],
.demo .accordeon .btn-rouge-fleche.demo {
  background-color: #c5c0bd;
  color: rgba(255, 255, 255, 0.6);
  cursor: default;
}

.demo .gab .step-end .top [class^="btn-"]:after,
.demo .accordeon .btn-rouge-fleche.demo:after {
  color: rgba(255, 255, 255, 0.6);
}

.demo .homepage .swiper2 .swiper-slide.demo {
  background-color: #c5c0bd;
  color: rgba(255, 255, 255, 0.6);
  border-left-color: rgba(255, 255, 255, 0.6) !important;
  position: relative;
}

.demo .homepage .swiper2 .swiper-slide.demo a {
  color: rgba(255, 255, 255, 0.6) !important;
  position: relative;
}

.demo .homepage .swiper2 .swiper-slide.demo a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(168, 161, 156, 0.5);
  color: #ffffff;
  text-transform: none;
  font-size: 1.3rem;
  font-family: arial;
  line-height: 1.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.demo .homepage .swiper2 .swiper-slide.demo a:hover {
  color: transparent !important;
  background-color: transparent !important;
}

.demo .homepage .swiper2 .swiper-slide.demo a:hover .overlay {
  opacity: 1;
  z-index: 10;
}

.demo .homepage .swiper2 .swiper-slide:not(.demo) .overlay {
  display: none;
}

.demo .entretien .demo-version-container,
.demo .gab .demo-version-container {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 88px;
}

.demo .entretien .demo-version-container .bouton-plateforme,
.demo .gab .demo-version-container .bouton-plateforme {
  top: 36px;
  left: 19px;
}

.demo .entretien .demo-version {
  color: #ffffff;
  font-family: "cervomedium";
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 20px;
}

.bouton-plateforme {
  position: absolute;
  z-index: 1000;
}

.bouton-plateforme img {
  width: 141px;
  height: auto;
}

.homepage .bouton-plateforme {
  right: 75px;
  top: 63px;
}