@charset "UTF-8";
/*
 * Theme Name: Voltalis V2
 * Author: Thibault Demoury
 * Template:     bootscore
 * Version:      5.1.3.1
 * Text Domain:  bootscore
*/
/* 104 + 75 */
.text-bleu-moyen {
  color: #779CF7;
}

.text-jaune {
  color: #FFEF27;
}

.text-orange {
  color: #03afef;
}

.text-peche {
  color: #1C009C;
}

.text-bleu {
  color: #1C009C;
}

.text-vert {
  color: #2A8E23;
}

.fondBleu {
  background-color: #1C009C;
  color: #FFF;
}

.fondBleuCiel {
  background-color: #E6EAF0;
  color: #1C009C;
}

.fondBleuMoyen {
  background-color: #779CF7;
  color: #FFF;
  color: #FFF;
}

.fondJaune {
  background-color: #FFEF27;
  color: #1C009C;
}

.fw-900 {
  font-weight: 900;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: initial !important;
  }
}
@font-face {
  font-family: "Area";
  font-weight: 300;
  src: url("./fonts/Area-Thin.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 400;
  src: url("./fonts/Area-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 500;
  src: url("./fonts/Area-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 600;
  src: url("./fonts/Area-Semibold.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 700;
  src: url("./fonts/Area-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 800;
  src: url("./fonts/Area-Extrabold.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 900;
  src: url("./fonts/Area-Black.otf") format("opentype");
}
@font-face {
  font-family: "Area";
  font-weight: 1000;
  src: url("./fonts/Area-Extrablack.otf") format("opentype");
}
html body {
  background-color: #f5f4f1;
  font-family: "Area", sans-serif;
  font-weight: 600;
  font-optical-sizing: auto;
  font-style: normal;
  padding-bottom: 10px;
  color: #1C009C;
  font-size: 16px;
  /*
  a.no-underline::after {
    content: none;
  }
  */
}
html body.has-sticky-footer #page {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  html body.has-sticky-footer #page {
    padding-bottom: 80px;
  }
}
html body textarea:focus,
html body input[type=text]:focus,
html body input[type=password]:focus,
html body input[type=datetime]:focus,
html body input[type=datetime-local]:focus,
html body input[type=date]:focus,
html body input[type=month]:focus,
html body input[type=time]:focus,
html body input[type=week]:focus,
html body input[type=number]:focus,
html body input[type=email]:focus,
html body input[type=url]:focus,
html body input[type=search]:focus,
html body input[type=tel]:focus,
html body input[type=color]:focus,
html body button:focus,
html body .uneditable-input:focus {
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}
html body .animBlur {
  filter: blur(10px);
  transition: all 0.5s linear;
}
html body.active .animBlur {
  filter: blur(0px);
}
html body .animOpacity {
  opacity: 0;
  transition: all 0.5s linear;
}
html body.active .animOpacity {
  opacity: 1;
}
html body .animDelay2500 {
  transition-delay: 2500ms;
}
html body .animDelay2000 {
  transition-delay: 2000ms;
}
html body .animDelay1750 {
  transition-delay: 1750ms;
}
html body .animDelay1500 {
  transition-delay: 1500ms;
}
html body .animDelay1250 {
  transition-delay: 1250ms;
}
html body .animDelay1000 {
  transition-delay: 1000ms;
}
html body .animDelay750 {
  transition-delay: 750ms;
}
html body .animDelay500 {
  transition-delay: 500ms;
}
html body .animDelay250 {
  transition-delay: 250ms;
}
html body .backgroundRond, html body .backgroundRondAlt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
html body .rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
html body button:focus {
  box-shadow: none !important;
}
html body hr.wp-block-separator {
  border-color: #8B8B8B;
  opacity: 1;
}
html body .row {
  margin-right: -5px;
  margin-left: -5px;
}
@media screen and (min-width: 768px) {
  html body .row {
    margin-right: -13px;
    margin-left: -13px;
  }
}
html body .row > * {
  padding-right: 5px;
  padding-left: 5px;
}
@media screen and (min-width: 768px) {
  html body .row > * {
    padding-right: 13px;
    padding-left: 13px;
  }
}
html body a.souligne, html body .has-souligne .souligne {
  position: relative;
  text-decoration: none;
  color: inherit;
}
html body a.souligne::after, html body .has-souligne .souligne::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 100%;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: left;
  transition: none;
}
html body a.souligne:hover::after, html body .has-souligne:hover .souligne:after {
  animation: hide-show 0.5s forwards;
}
@keyframes hide-show {
  0% {
    transform: scaleX(1);
  }
  1% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
html body .table-container {
  border: 0;
}
@media screen and (max-width: 768px) {
  html body .table-container {
    overflow-x: scroll;
    scrollbar-color: #FFEF27 #E6EAF0;
    scrollbar-width: thin;
    padding-bottom: 10px;
  }
}
html body .table-container .table {
  color: #1C009C;
  margin-bottom: 0;
  border: 0;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  html body .table-container .table {
    min-width: 500px;
  }
}
html body .table-container .table:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 25px;
  display: block;
  content: "";
}
html body .table-container .table thead tr td, html body .table-container .table thead tr th, html body .table-container .table tbody tr:nth-child(2n) td, html body .table-container .table tbody tr:nth-child(2n) th {
  background-color: #FFF !important;
}
html body .table-container .table tbody tr:first-child td, html body .table-container .table tbody tr:first-child th, html body .table-container .table thead tr:first-child td, html body .table-container .table thead tr:first-child th {
  vertical-align: bottom;
}
html body .table-container .table tbody tr td, html body .table-container .table tbody tr th, html body .table-container .table thead tr td, html body .table-container .table thead tr th {
  vertical-align: middle;
  height: 65px;
  color: #1C009C;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  border-left: 1px solid #E6EAF0;
  box-shadow: none;
  background-color: #f5f4f1;
  padding: 14px;
  /*          border:1px solid rgba(#000, 0.04);*/
}
html body .table-container .table tbody tr td:first-child, html body .table-container .table tbody tr th:first-child, html body .table-container .table thead tr td:first-child, html body .table-container .table thead tr th:first-child {
  border-left: 0;
}
html body p:last-child {
  margin-bottom: 0;
}
html body .site-content.fluid-container {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  html body .site-content.fluid-container {
    width: 95%;
  }
}
html body hr.wp-block-separator {
  border-color: #D2D2D2;
  margin-top: 70px;
  margin-bottom: 70px;
}
html body.page-template-template-edito .site-content.fluid-container {
  max-width: 924px;
  /*      padding-top:56px;*/
  padding-bottom: 72px;
}
@media screen and (min-width: 768px) {
  html body.page-template-template-edito .site-content.fluid-container {
    /*        padding-top:81px;*/
    padding-bottom: 96px;
  }
}
html body .underline {
  text-decoration: underline;
}
html body .mb-voltalis {
  margin-bottom: 20px;
}
html body .surtitre {
  /* taille en provenance de application */
  height: 35px;
  border-radius: 35px;
  background-color: #FFF;
  padding-left: 18px;
  padding-right: 18px;
  color: #1C009C;
  line-height: 35px;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
}
html body .surtitre.surtitre-alpha {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.2);
}
html body .no-underline {
  text-decoration: none;
}
html body .tag {
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 17px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 15px;
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 9px;
  text-decoration: none;
  font-size: 14px;
}
html body .tag.tag-bleu-blanc {
  font-size: 12px;
  background-color: #bleuBlanc;
  color: #1C009C;
}
html body .tag.tag-blanc {
  background-color: white;
  color: #1C009C;
}
html body .chiffreFondJaune {
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  color: #1C009C;
  background-color: #FFEF27;
  border-radius: 36px;
  font-size: 22px;
  font-weight: bold;
}
html body .chiffreFondJaune.chiffreFondVert {
  background-color: #AAD300;
}
html body .chiffreFondJaune.chiffreFondBleu {
  background-color: #1C009C;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .h-md-100 {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  html body .maxiPaddingBottom {
    padding-bottom: 175px;
  }
}
@media screen and (min-width: 768px) {
  html body .noMarginBottom .itemContent {
    margin-bottom: 0 !important;
  }
}
html body strong, html body b {
  font-weight: 900;
}
html body .has-medium-font-size strong {
  color: #1C009C;
}
html body ul.check, html body .ul-check ul {
  list-style: none;
  padding-left: 0;
}
html body ul.check li, html body .ul-check ul li {
  position: relative;
  padding-left: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
html body ul.check li:before, html body .ul-check ul li:before {
  position: absolute;
  left: 0px;
  top: 8px;
  background-image: url("./assets/img/check-header.svg");
  height: 18px;
  width: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
}
html body ul.check li ul, html body .ul-check ul li ul {
  list-style: initial;
  margin-left: 20px;
}
html body ul.check li ul li, html body .ul-check ul li ul li {
  padding-left: 10px;
}
html body ul.check li ul li:before, html body .ul-check ul li ul li:before {
  display: none;
}
html body .container.regular {
  max-width: 1191px;
}
@media screen and (min-width: 768px) {
  html body .containerOnDesktop {
    max-width: 1191px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
    width: 100%;
  }
}
html body .imgRond {
  border-radius: 100%;
  padding-top: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
html body .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  object-fit: contain;
}
html body .image.image-check {
  background-image: url("./assets/img/check-header.svg");
  height: 18px !important;
  width: 18px !important;
}
html body .plus-before {
  padding-left: 40px;
}
html body .plus-before:after, html body .plus-before:before {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.3s;
  border-radius: 2px;
  background-color: #1C009C;
  top: 50%;
}
html body .plus-before:before {
  height: 2px;
  width: 16px;
  margin-top: -1px;
  left: 0px;
}
html body .plus-before:after {
  width: 2px;
  height: 16px;
  margin-top: -8px;
  left: 7px;
}
html body .wp-block-button__link, html body .btn, html body .nf-form-content input[type=button], html body .nf-form-content input[type=submit] {
  min-height: 45px;
  line-height: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 30px;
  font-size: 14px;
  border: 0;
  border-radius: 8px !important;
  position: relative;
  color: #1C009C;
  cursor: pointer;
  font-weight: 700;
  font-style: normal !important;
  transition: all 0.3s;
}
html body .wp-block-button__link:focus, html body .btn:focus, html body .nf-form-content input[type=button]:focus, html body .nf-form-content input[type=submit]:focus {
  outline: none !important;
  box-shadow: none !important;
}
html body .wp-block-button__link.masque, html body .btn.masque, html body .nf-form-content input[type=button].masque, html body .nf-form-content input[type=submit].masque {
  opacity: 0;
}
html body .wp-block-button__link:after, html body .btn:after, html body .nf-form-content input[type=button]:after, html body .nf-form-content input[type=submit]:after {
  display: none;
}
html body .wp-block-button__link:hover, html body .wp-block-button__link.actif, html body .btn:hover, html body .btn.actif, html body .nf-form-content input[type=button]:hover, html body .nf-form-content input[type=button].actif, html body .nf-form-content input[type=submit]:hover, html body .nf-form-content input[type=submit].actif {
  color: #1C009C;
  text-decoration: none !important;
}
html body .wp-block-button__link.btn-blanc, html body .btn.btn-blanc, html body .nf-form-content input[type=button].btn-blanc, html body .nf-form-content input[type=submit].btn-blanc {
  padding-right: 5px;
  padding-left: 22px;
  background-color: #FFF !important;
  color: #585858 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html body .wp-block-button__link.btn-blanc a, html body .btn.btn-blanc a, html body .nf-form-content input[type=button].btn-blanc a, html body .nf-form-content input[type=submit].btn-blanc a {
  color: #585858 !important;
}
html body .wp-block-button__link.btn-blanc:hover, html body .wp-block-button__link.btn-blanc.actif, html body .btn.btn-blanc:hover, html body .btn.btn-blanc.actif, html body .nf-form-content input[type=button].btn-blanc:hover, html body .nf-form-content input[type=button].btn-blanc.actif, html body .nf-form-content input[type=submit].btn-blanc:hover, html body .nf-form-content input[type=submit].btn-blanc.actif {
  background-color: #FFF !important;
}
html body .wp-block-button__link.btn-primary, html body .wp-block-button__link.nf-element, html body .wp-block-button__link.wp-block-button__link, html body .btn.btn-primary, html body .btn.nf-element, html body .btn.wp-block-button__link, html body .nf-form-content input[type=button].btn-primary, html body .nf-form-content input[type=button].nf-element, html body .nf-form-content input[type=button].wp-block-button__link, html body .nf-form-content input[type=submit].btn-primary, html body .nf-form-content input[type=submit].nf-element, html body .nf-form-content input[type=submit].wp-block-button__link {
  background-color: #FFEF27 !important;
  color: #1C009C !important;
}
html body .wp-block-button__link.btn-primary a, html body .wp-block-button__link.nf-element a, html body .wp-block-button__link.wp-block-button__link a, html body .btn.btn-primary a, html body .btn.nf-element a, html body .btn.wp-block-button__link a, html body .nf-form-content input[type=button].btn-primary a, html body .nf-form-content input[type=button].nf-element a, html body .nf-form-content input[type=button].wp-block-button__link a, html body .nf-form-content input[type=submit].btn-primary a, html body .nf-form-content input[type=submit].nf-element a, html body .nf-form-content input[type=submit].wp-block-button__link a {
  color: #1C009C !important;
}
html body .wp-block-button__link.btn-primary:hover, html body .wp-block-button__link.btn-primary.actif, html body .wp-block-button__link.nf-element:hover, html body .wp-block-button__link.nf-element.actif, html body .wp-block-button__link.wp-block-button__link:hover, html body .wp-block-button__link.wp-block-button__link.actif, html body .btn.btn-primary:hover, html body .btn.btn-primary.actif, html body .btn.nf-element:hover, html body .btn.nf-element.actif, html body .btn.wp-block-button__link:hover, html body .btn.wp-block-button__link.actif, html body .nf-form-content input[type=button].btn-primary:hover, html body .nf-form-content input[type=button].btn-primary.actif, html body .nf-form-content input[type=button].nf-element:hover, html body .nf-form-content input[type=button].nf-element.actif, html body .nf-form-content input[type=button].wp-block-button__link:hover, html body .nf-form-content input[type=button].wp-block-button__link.actif, html body .nf-form-content input[type=submit].btn-primary:hover, html body .nf-form-content input[type=submit].btn-primary.actif, html body .nf-form-content input[type=submit].nf-element:hover, html body .nf-form-content input[type=submit].nf-element.actif, html body .nf-form-content input[type=submit].wp-block-button__link:hover, html body .nf-form-content input[type=submit].wp-block-button__link.actif {
  background-color: #e5d822 !important;
}
html body .wp-block-button__link.btn-secondary, html body .btn.btn-secondary, html body .nf-form-content input[type=button].btn-secondary, html body .nf-form-content input[type=submit].btn-secondary {
  background-color: #1C009C !important;
  color: #FFF !important;
}
html body .wp-block-button__link.btn-secondary a, html body .btn.btn-secondary a, html body .nf-form-content input[type=button].btn-secondary a, html body .nf-form-content input[type=submit].btn-secondary a {
  color: #FFF !important;
}
html body .wp-block-button__link.btn-secondary:hover, html body .wp-block-button__link.btn-secondary.actif, html body .btn.btn-secondary:hover, html body .btn.btn-secondary.actif, html body .nf-form-content input[type=button].btn-secondary:hover, html body .nf-form-content input[type=button].btn-secondary.actif, html body .nf-form-content input[type=submit].btn-secondary:hover, html body .nf-form-content input[type=submit].btn-secondary.actif {
  background-color: #180085 !important;
}
html body .wp-block-button__link.btn-success, html body .btn.btn-success, html body .nf-form-content input[type=button].btn-success, html body .nf-form-content input[type=submit].btn-success {
  background-color: #AAD300 !important;
  color: #1C009C !important;
}
html body .wp-block-button__link.btn-success a, html body .btn.btn-success a, html body .nf-form-content input[type=button].btn-success a, html body .nf-form-content input[type=submit].btn-success a {
  color: #1C009C !important;
}
html body .wp-block-button__link.btn-success:hover, html body .wp-block-button__link.btn-success.actif, html body .btn.btn-success:hover, html body .btn.btn-success.actif, html body .nf-form-content input[type=button].btn-success:hover, html body .nf-form-content input[type=button].btn-success.actif, html body .nf-form-content input[type=submit].btn-success:hover, html body .nf-form-content input[type=submit].btn-success.actif {
  background-color: #99bf00 !important;
}
html body .categoryLabel {
  color: #1C009C;
  background-color: #E6EAF0;
  height: 29px;
  line-height: 29px;
  font-size: 14px;
  font-weight: 900;
  border-radius: 30px;
  padding-left: 19px;
  padding-right: 19px;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  margin-right: 8px;
}
html body h1, html body .h1, html body h2, html body h3, html body h4 {
  font-weight: 800;
}
html body h2 {
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body h2 {
    font-size: 40px;
  }
}
html body h3 {
  font-weight: 800;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  html body h3 {
    font-size: 20px;
  }
}
html body .entry-header {
  background-size: cover;
  background-position: center;
  font-size: 16px;
  position: relative;
}
html body .entry-header.standard {
  background-color: #E6EAF0;
}
html body .entry-header > .container {
  z-index: 10;
}
@media screen and (min-width: 768px) {
  html body .entry-header.min-height {
    height: 352px;
  }
  html body .entry-header.min-height.masterpage {
    height: 560px;
  }
}
html body .entry-header .searchform {
  height: 60px;
  font-size: 16px;
  padding-bottom: 21px;
}
@media screen and (min-width: 768px) {
  html body .entry-header .searchform {
    padding-bottom: 0px;
  }
}
html body .entry-header .trustindex-container-header {
  background-color: #FFF;
  padding: 16px 0;
  border-radius: 8px;
  margin-bottom: 21px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  html body .entry-header .trustindex-container-header {
    width: initial;
    padding: 16px 41px;
    margin-bottom: 0;
  }
}
html body .entry-header .trustindex-container-header .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] .ti-header {
  padding: 0 !important;
}
html body .entry-header.single-faq {
  padding-top: 30px;
}
html body .entry-header.single-faq .breadcrumb {
  color: #5947b6;
}
@media screen and (min-width: 768px) {
  html body .entry-header.single-faq {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  html body .entry-header {
    flex-direction: column;
  }
}
html body .entry-header > .container {
  padding-bottom: 0px;
}
@media screen and (min-width: 768px) {
  html body .entry-header > .container {
    padding-bottom: 40px;
  }
}
html body .entry-header .text-part {
  padding-bottom: 10px;
  padding-top: 96px;
}
@media screen and (min-width: 768px) {
  html body .entry-header .text-part {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
html body .entry-header .fond-bleu-ciel {
  background-color: #E6EAF0;
  border-radius: 25px;
  padding: 35px 25px;
  color: #1C009C;
}
html body .entry-header .fond-bleu-ciel .breadcrumb a {
  color: #1C009C;
}
html body .entry-header .temps-lecture-date {
  color: #8B8B8B;
  font-size: 12px;
}
html body .entry-header .temps-lecture-date .temps-lecture {
  color: #1C009C;
  display: inline-block;
  padding-right: 20px;
  position: relative;
}
html body .entry-header .temps-lecture-date .temps-lecture:after {
  content: "";
  display: block;
  height: 3px;
  width: 3px;
  border-radius: 3px;
  right: 9px;
  background-color: #1C009C;
  top: 50%;
  margin-top: -1px;
  position: absolute;
}
html body .entry-header .image-header-mobile {
  border-radius: 23px;
  margin-top: 30px;
}
html body .entry-header .checklist-container {
  padding-bottom: 0;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  html body .entry-header .checklist-container {
    margin-top: 0px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding-bottom: 0;
  }
}
html body .entry-header .checklist-container .checklist-item {
  font-weight: 700;
  font-size: 16px;
  color: #1C009C;
  padding-right: 30px;
  white-space: nowrap;
  line-height: 200%;
  display: inline-block;
}
html body .entry-header .checklist-container .checklist-item:last-child {
  padding-right: 0px !important;
}
@media screen and (min-width: 768px) {
  html body .entry-header .checklist-container .checklist-item {
    padding-right: 100px;
    color: #FFF;
  }
}
html body .entry-header .checklist-container .checklist-item:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("./assets/img/check-header.svg");
}
html body .entry-header.has-checklist {
  background-position: bottom center;
}
@media screen and (min-width: 768px) {
  html body .entry-header.has-checklist:after {
    /*
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    background: linear-gradient(00deg,rgba(#1F1312, 0.8) 0%, rgba(#000, 0) 100%);
    content:'';
    display:block;
    */
  }
}
html body .entry-header.has-background-image {
  color: #FFF;
}
html body .entry-header.has-background-image .breadcrumb {
  color: #D2D2D2;
}
html body .entry-header.has-background-image .breadcrumb span:after {
  border-color: #FFF;
}
html body .entry-header.has-background-image .breadcrumb span a {
  color: #FFF;
}
html body .entry-header.has-background-image:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, rgba(45, 17, 17, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  display: block;
}
html body .entry-header.has-background-image:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  html body .entry-header.no-mobile-image {
    background-image: none !important;
  }
  html body .entry-header.no-mobile-image:before {
    display: none;
  }
}
html body .entry-header .bloc-blanc {
  color: #1C009C;
  padding-top: 20px;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body .entry-header .bloc-blanc {
    background-color: #FFF;
    border-radius: 25px;
    padding: 30px;
    max-width: 544px;
  }
}
html body .entry-header .bloc-blanc .cta-container {
  padding-top: 10px;
}
html body .entry-header .breadcrumb {
  color: #8B8B8B;
}
html body .entry-header .breadcrumb > span {
  padding-right: 26px;
  position: relative;
}
html body .entry-header .breadcrumb > span:after {
  display: block;
  content: "";
  height: 9px;
  width: 9px;
  border-top: 2px solid #1C009C;
  border-left: 2px solid #1C009C;
  position: absolute;
  transform: rotate(135deg);
  right: 9px;
  bottom: 8px;
}
html body .entry-header .breadcrumb > span:last-child {
  padding-right: 0;
}
html body .entry-header .breadcrumb > span:last-child:after {
  display: none;
}
html body .entry-header .breadcrumb > span a {
  color: #1C009C;
  text-decoration: none;
}
html body .entry-header .breadcrumb > span a:hover {
  text-decoration: underline;
}
html body .entry-header h1 {
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  html body .entry-header h1 {
    font-size: 65px;
  }
}
html body .entry-header.single-post h1, html body .entry-header.single-ressources h1 {
  font-size: 25px;
}
@media screen and (min-width: 768px) {
  html body .entry-header.single-post h1, html body .entry-header.single-ressources h1 {
    font-size: 40px;
  }
}
html body .entry-header.single-post .text-part, html body .entry-header.single-ressources .text-part {
  position: relative;
  top: 60px;
}
html body .entry-header.masterpage h1 {
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  html body .entry-header.masterpage h1 {
    font-size: 40px;
  }
}
html body .entry-header.masterpage h1 .mot-cache-container {
  overflow: hidden;
  position: relative;
  height: 50px;
}
html body .entry-header.masterpage h1 .mot-cache-container .mot-cache-content {
  position: absolute;
  top: 0px;
  left: 0;
}
html body .entry-header.masterpage h1 .mot-cache-container .mot-cache-content > div {
  height: 50px;
}
html body header {
  /* Accessibilité : pas d’animation si préférence */
}
html body header .header-desktop {
  background-color: #FFF;
}
html body header .header-desktop .container {
  padding-left: 21px;
  padding-right: 21px;
}
html body header .container {
  max-width: 100%;
}
html body header .marquee {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  background-color: #1C009C;
  color: #FFF;
  position: relative;
  overflow: hidden;
  width: 100%;
  /* largeur visible */
}
@media screen and (min-width: 768px) {
  html body header .marquee {
    height: 36px;
    line-height: 36px;
  }
}
html body header .marquee span {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: slide 20s linear infinite;
}
@media screen and (min-width: 768px) {
  html body header .marquee span {
    transform: translateX(calc(50vw - 50%));
    animation: slide 40s linear infinite;
    animation-delay: 3s;
  }
}
@keyframes slide {
  html body header {
    /* Phase 1 : centré → gauche */
    /* Phase "téléportation" : gauche → droite (invisible) */
    /* Phase 2 : droite → centré */
  }
  0% {
    transform: translateX(calc(50vw - 50%));
    /* centré */
    opacity: 1;
  }
  49.9% {
    transform: translateX(-100%);
    /* complètement sorti à gauche */
    opacity: 1;
  }
  50% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50.0001% {
    transform: translateX(100vw);
    /* saute à droite, invisible */
    opacity: 0;
  }
  50.0002% {
    transform: translateX(100vw);
    /* saute à droite, invisible */
    opacity: 1;
  }
  100% {
    transform: translateX(calc(50vw - 50%));
    /* retour au centre */
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body header .marquee span {
    animation: none;
  }
}
html body header .logo-voltalis-container {
  display: inline-block;
  height: 54px;
  line-height: 54px;
  width: 180px;
}
html body header .logo-voltalis-container .logo-voltalis {
  background-image: url("./assets/img/logo.svg");
  height: 32px;
  width: 141px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}
html body header .btn-primary {
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 37px;
}
html body header .offcanvas.offcanvas-end {
  width: 100%;
}
html body header .offcanvas-header {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #f5f4f1;
}
html body header .btn-menu, html body header .offcanvas-header .btn-close {
  height: 36px;
  width: 36px;
  text-align: center;
  background-color: #E6EAF0;
  border-radius: 8px;
  border: 0;
  margin-right: 15px;
  color: #1C009C;
  margin-left: initial;
  padding: 0;
}
html body header .cadre-telephone, html body header .cadre-espace-adherent {
  line-height: 37px;
  height: 37px;
  padding: 0px 37px 0px 0;
  border-radius: 8px;
  text-decoration: none;
  color: #1C009C;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  html body header .cadre-telephone, html body header .cadre-espace-adherent {
    padding: 0px 16px 0px 42px;
  }
}
html body header .cadre-telephone:before, html body header .cadre-espace-adherent:before {
  content: "";
  display: block;
  height: 17px;
  width: 17px;
  background-image: url("./assets/img/picto-phone.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
@media screen and (min-width: 768px) {
  html body header .cadre-telephone:before, html body header .cadre-espace-adherent:before {
    left: 16px;
  }
}
html body header .cadre-telephone.cadre-telephone, html body header .cadre-espace-adherent.cadre-telephone {
  font-size: 12px;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  html body header .cadre-telephone.cadre-telephone, html body header .cadre-espace-adherent.cadre-telephone {
    background-color: #FFF;
  }
}
html body header .cadre-telephone.cadre-telephone:before, html body header .cadre-espace-adherent.cadre-telephone:before {
  left: 16px;
  background-image: url("./assets/img/picto-phone.svg");
}
html body header .cadre-telephone.cadre-espace-adherent, html body header .cadre-espace-adherent.cadre-espace-adherent {
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  html body header .cadre-telephone.cadre-espace-adherent, html body header .cadre-espace-adherent.cadre-espace-adherent {
    padding-left: 31px;
    padding-right: 0px;
    margin-left: 5px;
  }
}
html body header .cadre-telephone.cadre-espace-adherent:before, html body header .cadre-espace-adherent.cadre-espace-adherent:before {
  background-image: url("./assets/img/picto-adherent.svg");
  left: 7px;
}
html body header .menu-principal {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
html body header .menu-principal .menu-item {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  html body header .menu-principal .menu-item:after, html body header .menu-principal .menu-item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
  }
  html body header .menu-principal .menu-item:before {
    left: 0;
    border-left: 1px solid #E6EAF0;
  }
  html body header .menu-principal .menu-item:after {
    right: -1px;
    border-right: 1px solid #E6EAF0;
  }
}
html body header .menu-principal .menu-item a {
  text-align: center;
  height: 54px;
  line-height: 54px;
  text-decoration: none;
  color: #1C009C;
  width: 170px;
  background-color: #FFF;
  display: inline-block;
  transition: all 0.3s;
  font-weight: 600;
}
html body header .menu-principal .menu-item.current-menu-item a, html body header .menu-principal .menu-item.current-page-parent a, html body header .menu-principal .menu-item.current-menu-parent a {
  background-color: #E6EAF0;
  font-weight: 800;
}
html body header .menu-principal .menu-item:hover a {
  background-color: #E6EAF0;
}
html body header .sous-menu-container {
  background-color: #E6EAF0;
  line-height: 50px;
}
html body header .sous-menu-container .btn-primary {
  font-weight: 700;
  margin-right: 5px;
}
html body header .sous-menu-container .menu-secondaire {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
html body header .sous-menu-container .menu-secondaire li {
  display: inline-block;
}
html body header .sous-menu-container .menu-secondaire li:first-child a {
  padding-left: 0;
}
html body header .sous-menu-container .menu-secondaire li a {
  text-align: center;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  color: #1C009C;
  display: inline-block;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 1500px) {
  html body header .sous-menu-container .menu-secondaire li a {
    padding-left: 18px;
    padding-right: 18px;
  }
}
html body header .sous-menu-container .menu-secondaire li.current-menu-item a, html body header .sous-menu-container .menu-secondaire li:hover a {
  text-decoration: underline;
}
html body header .sous-menu-container .menu-secondaire li.current-menu-item a {
  font-weight: 800;
}
html body .offcanvas-body {
  background-color: #f5f4f1;
  padding-bottom: 140px;
}
html body .offcanvas-body .menu-mobile {
  background-color: #E6EAF0;
  border-radius: 15px;
  padding: 30px 20px;
}
html body .offcanvas-body .menu-mobile a {
  color: #1C009C;
  text-decoration: none;
  font-weight: 800;
  font-size: 20px;
}
html body .offcanvas-body .menu-mobile .dropdown-menu {
  position: relative;
  top: 0;
  border: 0;
  background: transparent;
  padding-top: 8px;
  padding-bottom: 0;
}
html body .offcanvas-body .menu-mobile .dropdown-menu a {
  height: 34px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 34px;
}
html body .offcanvas-body .menu-mobile .menu-part-container .open-sub-menu {
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
}
html body .offcanvas-body .menu-mobile .menu-part-container .open-sub-menu.show:before {
  height: 0;
  top: 7px;
}
html body .offcanvas-body .menu-mobile .menu-part-container .open-sub-menu:after {
  background-color: #1C009C;
  height: 2px;
  width: 14px;
  transform: none;
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  border: 0;
}
html body .offcanvas-body .menu-mobile .menu-part-container .open-sub-menu:before {
  transition: all 0.3s;
  background-color: #1C009C;
  height: 14px;
  width: 2px;
  transform: none;
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 6px;
}
html body .sticky-footer {
  line-height: 49px;
  background-color: #FFF;
  box-shadow: -1.55px -1.27px 6px 1.54px rgba(0, 0, 0, 0.06);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 15px;
  padding-top: 15px;
  z-index: 100;
  height: 0;
  transition: all 0.3s;
}
html body .sticky-footer.always-visible {
  height: 109px;
  z-index: 10000;
}
html body .sticky-footer.scrolled {
  height: 109px;
}
@media screen and (min-width: 768px) {
  html body .sticky-footer.scrolled {
    height: 80px;
  }
}
html body .sticky-footer .btn {
  height: 49px;
}
html body .sticky-footer .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header {
  padding-top: 0px;
}
html body .sticky-footer .ti-widget[data-layout-id="32"][data-set-id=drop-shadow], html body .sticky-footer .ti-widget[data-layout-id="109"] {
  display: inline;
}
@media screen and (min-width: 768px) {
  html body .sticky-footer .ti-widget[data-layout-id="32"][data-set-id=drop-shadow], html body .sticky-footer .ti-widget[data-layout-id="109"] {
    margin-left: 16px;
  }
}
html body .footer-menu-wrapper {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  /* ajuste selon ton design */
  margin-top: 59px;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  html body .footer-menu-wrapper {
    margin-top: 65px;
  }
}
html body .footer-menu-wrapper .footer-brand {
  order: 1;
  /* avant le menu par défaut */
}
@media screen and (min-width: 768px) {
  html body .footer-menu-wrapper .footer-brand {
    order: -1;
    /* avant le menu par défaut */
  }
}
html body .footer-menu-wrapper .menu-footer {
  list-style: none;
  display: inline;
  margin-bottom: 0;
  padding: 0;
}
html body .footer-menu-wrapper .menu-footer li {
  display: inline;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  html body .footer-menu-wrapper .menu-footer li {
    padding-right: 0px;
    padding-left: 32px;
  }
}
html body .footer-menu-wrapper .menu-footer li a {
  text-decoration: none;
  color: #FFF;
}
html body .footer-menu-wrapper .menu-footer li a:hover {
  text-decoration: underline;
}
html body .bootscore-footer {
  background-color: #E6EAF0;
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
  color: #1C009C;
  padding-top: 43px;
  padding-bottom: 22px;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer {
    padding-top: 100px;
    padding-bottom: 55px;
    background-size: 830px auto;
  }
}
html body .bootscore-footer .titre-footer {
  position: relative;
}
html body .bootscore-footer .titre-footer:before {
  content: "";
  background-image: url("./assets/img/ellipse.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  height: 150px;
  margin-top: -75px;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .titre-footer:before {
    height: 300px;
    margin-top: -150px;
  }
}
html body .bootscore-footer .btn {
  margin-top: 25px;
}
html body .bootscore-footer .scroll-to-top {
  color: #FFF;
  font-weight: 800;
  text-align: center;
  display: block;
  padding-top: 68px;
  position: relative;
  text-decoration: none;
}
html body .bootscore-footer .scroll-to-top:after, html body .bootscore-footer .scroll-to-top:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -27px;
  height: 54px;
  width: 54px;
  display: block;
  border-radius: 54px;
  background-position: center;
  background-repeat: no-repeat;
}
html body .bootscore-footer .scroll-to-top:before {
  background-color: #FFF;
}
html body .bootscore-footer .scroll-to-top:after {
  background-image: url("./assets/img/flecheScrollTop.svg");
}
html body .bootscore-footer .container {
  max-width: 1418px;
}
html body .bootscore-footer .titre {
  font-size: 30px;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .titre {
    font-size: 50px;
  }
}
html body .bootscore-footer .footer-partie-bleu {
  font-size: 16px;
  margin-top: 45px;
  background-color: #1C009C;
  color: #FFF;
  border-radius: 32px;
  padding: 49px 0px 23px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .footer-partie-bleu {
    margin-top: 65px;
    padding: 49px 80px 23px;
  }
}
html body .bootscore-footer .footer-partie-bleu small {
  font-size: 14px;
  font-weight: 800;
}
html body .bootscore-footer .footer-partie-bleu .logo-voltalis-container .logo-voltalis {
  background-image: url("./assets/img/logo-blanc.svg");
  height: 43px;
  width: 199px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  margin-bottom: 20px;
}
html body .bootscore-footer .footer-partie-bleu .lien-sociaux {
  color: #FFF;
  display: inline-block;
  font-size: 20px;
  margin-right: 20px;
  margin-top: 20px;
}
html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container {
  padding-top: 18px;
  position: relative;
}
html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container:after {
  position: absolute;
  top: 0;
  height: 100%;
  right: 50%;
  content: "";
  display: block;
  background-color: #FFF;
  width: 1px;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container:after {
    display: none;
  }
}
html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer {
  font-size: 16px;
  font-weight: 800;
  position: relative;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer {
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer > div {
    padding-left: 21px;
  }
}
html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer > div:first-child {
  margin-bottom: 15px;
}
html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer.has-border-bottom-modbile:before {
  position: absolute;
  display: block;
  height: 1px;
  content: "";
  background-color: #FFF;
  left: 12px;
  right: 12px;
  bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer.has-border-bottom-modbile:before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer:after {
    display: block;
    content: "";
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: initial;
    height: 100%;
    width: 1px;
    left: initial;
    right: 0;
  }
}
html body .bootscore-footer .footer-partie-bleu .liste-lien-footer-container .liste-lien-footer a {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body.blog .bloc.newsletter, html body.blog .bloc.textImageAmbassadeurs, html body.search .bloc.newsletter, html body.search .bloc.textImageAmbassadeurs, html body.archive .bloc.newsletter, html body.archive .bloc.textImageAmbassadeurs, html body.page-template-template-ressources .bloc.newsletter, html body.page-template-template-ressources .bloc.textImageAmbassadeurs {
    margin-top: 0 !important;
  }
}
html body.blog .pagination .page-item.page-item-first .page-link, html body.blog .pagination .page-item.page-item-last .page-link, html body.search .pagination .page-item.page-item-first .page-link, html body.search .pagination .page-item.page-item-last .page-link, html body.archive .pagination .page-item.page-item-first .page-link, html body.archive .pagination .page-item.page-item-last .page-link, html body.page-template-template-ressources .pagination .page-item.page-item-first .page-link, html body.page-template-template-ressources .pagination .page-item.page-item-last .page-link {
  position: relative;
}
html body.blog .pagination .page-item.page-item-first .page-link:after, html body.blog .pagination .page-item.page-item-last .page-link:after, html body.search .pagination .page-item.page-item-first .page-link:after, html body.search .pagination .page-item.page-item-last .page-link:after, html body.archive .pagination .page-item.page-item-first .page-link:after, html body.archive .pagination .page-item.page-item-last .page-link:after, html body.page-template-template-ressources .pagination .page-item.page-item-first .page-link:after, html body.page-template-template-ressources .pagination .page-item.page-item-last .page-link:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-left: 1px solid #1C009C;
  border-top: 1px solid #1C009C;
  top: 14px;
  position: absolute;
  left: 6px;
}
html body.blog .pagination .page-item.page-item-first .page-link:hover:after, html body.blog .pagination .page-item.page-item-last .page-link:hover:after, html body.search .pagination .page-item.page-item-first .page-link:hover:after, html body.search .pagination .page-item.page-item-last .page-link:hover:after, html body.archive .pagination .page-item.page-item-first .page-link:hover:after, html body.archive .pagination .page-item.page-item-last .page-link:hover:after, html body.page-template-template-ressources .pagination .page-item.page-item-first .page-link:hover:after, html body.page-template-template-ressources .pagination .page-item.page-item-last .page-link:hover:after {
  border-left: 2px solid #1C009C;
  border-top: 2px solid #1C009C;
}
html body.blog .pagination .page-item.page-item-first .page-link:after, html body.search .pagination .page-item.page-item-first .page-link:after, html body.archive .pagination .page-item.page-item-first .page-link:after, html body.page-template-template-ressources .pagination .page-item.page-item-first .page-link:after {
  transform: rotate(-45deg);
}
html body.blog .pagination .page-item.page-item-last .page-link:after, html body.search .pagination .page-item.page-item-last .page-link:after, html body.archive .pagination .page-item.page-item-last .page-link:after, html body.page-template-template-ressources .pagination .page-item.page-item-last .page-link:after {
  transform: rotate(-225deg);
}
html body.blog .pagination .page-item .page-link, html body.search .pagination .page-item .page-link, html body.archive .pagination .page-item .page-link, html body.page-template-template-ressources .pagination .page-item .page-link {
  background: transparent;
  color: #1C009C;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  height: 100%;
}
html body.blog .pagination .page-item.active .page-link, html body.blog .pagination .page-item:hover .page-link, html body.search .pagination .page-item.active .page-link, html body.search .pagination .page-item:hover .page-link, html body.archive .pagination .page-item.active .page-link, html body.archive .pagination .page-item:hover .page-link, html body.page-template-template-ressources .pagination .page-item.active .page-link, html body.page-template-template-ressources .pagination .page-item:hover .page-link {
  border: 0;
  background: transparent;
  color: #1C009C;
  text-decoration: underline;
  font-weight: 900;
}
html body.blog .categoriesContainer, html body.search .categoriesContainer, html body.archive .categoriesContainer, html body.page-template-template-ressources .categoriesContainer {
  margin-bottom: 30px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
html body.blog .categoriesContainer:after, html body.search .categoriesContainer:after, html body.archive .categoriesContainer:after, html body.page-template-template-ressources .categoriesContainer:after {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  border-left: 1px solid #1C009C;
  border-top: 1px solid #1C009C;
  top: 30px;
  position: absolute;
  right: 22px;
  transform: rotate(45deg);
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  html body.blog .categoriesContainer:after, html body.search .categoriesContainer:after, html body.archive .categoriesContainer:after, html body.page-template-template-ressources .categoriesContainer:after {
    display: none;
  }
}
html body.blog .categoriesContainer.opened:after, html body.search .categoriesContainer.opened:after, html body.archive .categoriesContainer.opened:after, html body.page-template-template-ressources .categoriesContainer.opened:after {
  transform: rotate(225deg);
}
html body.blog .categoriesContainer.opened a, html body.search .categoriesContainer.opened a, html body.archive .categoriesContainer.opened a, html body.page-template-template-ressources .categoriesContainer.opened a {
  background-image: none;
  display: block;
}
html body.blog .categoriesContainer .overlay, html body.search .categoriesContainer .overlay, html body.archive .categoriesContainer .overlay, html body.page-template-template-ressources .categoriesContainer .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  html body.blog .categoriesContainer .overlay, html body.search .categoriesContainer .overlay, html body.archive .categoriesContainer .overlay, html body.page-template-template-ressources .categoriesContainer .overlay {
    display: none;
  }
}
html body.blog .categoriesContainer a, html body.search .categoriesContainer a, html body.archive .categoriesContainer a, html body.page-template-template-ressources .categoriesContainer a {
  display: none;
  height: 60px;
  line-height: 60px;
  border: 1px solid #d2d2d2;
  opacity: 0.6;
  transition: all 0.3s;
  color: #8B8B8B;
  padding: 0 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 0;
}
html body.blog .categoriesContainer a:first-of-type, html body.search .categoriesContainer a:first-of-type, html body.archive .categoriesContainer a:first-of-type, html body.page-template-template-ressources .categoriesContainer a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
html body.blog .categoriesContainer a:last-of-type, html body.search .categoriesContainer a:last-of-type, html body.archive .categoriesContainer a:last-of-type, html body.page-template-template-ressources .categoriesContainer a:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 1px solid #d2d2d2;
}
@media screen and (min-width: 768px) {
  html body.blog .categoriesContainer a, html body.search .categoriesContainer a, html body.archive .categoriesContainer a, html body.page-template-template-ressources .categoriesContainer a {
    border: 1px solid #d2d2d2;
    display: inline-block !important;
    height: 37px;
    line-height: 37px;
    border-radius: 8px;
    margin-right: 5px;
  }
}
html body.blog .categoriesContainer a .boldable, html body.search .categoriesContainer a .boldable, html body.archive .categoriesContainer a .boldable, html body.page-template-template-ressources .categoriesContainer a .boldable {
  color: #1C009C;
}
html body.blog .categoriesContainer a.current, html body.blog .categoriesContainer a:hover, html body.search .categoriesContainer a.current, html body.search .categoriesContainer a:hover, html body.archive .categoriesContainer a.current, html body.archive .categoriesContainer a:hover, html body.page-template-template-ressources .categoriesContainer a.current, html body.page-template-template-ressources .categoriesContainer a:hover {
  opacity: 1;
  background-color: #FFF;
  border-color: #FFF;
}
@media screen and (min-width: 768px) {
  html body.blog .categoriesContainer a.current, html body.blog .categoriesContainer a:hover, html body.search .categoriesContainer a.current, html body.search .categoriesContainer a:hover, html body.archive .categoriesContainer a.current, html body.archive .categoriesContainer a:hover, html body.page-template-template-ressources .categoriesContainer a.current, html body.page-template-template-ressources .categoriesContainer a:hover {
    border-color: #E6EAF0;
    background-color: #E6EAF0;
  }
}
html body.blog .categoriesContainer a:hover, html body.search .categoriesContainer a:hover, html body.archive .categoriesContainer a:hover, html body.page-template-template-ressources .categoriesContainer a:hover {
  text-decoration: none;
}
html body.blog .categoriesContainer a.current, html body.search .categoriesContainer a.current, html body.archive .categoriesContainer a.current, html body.page-template-template-ressources .categoriesContainer a.current {
  color: #00154A;
  display: block;
}
html body.blog .categoriesContainer a.current .boldable, html body.search .categoriesContainer a.current .boldable, html body.archive .categoriesContainer a.current .boldable, html body.page-template-template-ressources .categoriesContainer a.current .boldable {
  font-weight: bold;
}
html body.blog .categoriesContainer select, html body.search .categoriesContainer select, html body.archive .categoriesContainer select, html body.page-template-template-ressources .categoriesContainer select {
  height: 50px;
  margin-bottom: 30px;
}
html body.blog .post, html body.blog .ressources, html body.search .post, html body.search .ressources, html body.archive .post, html body.archive .ressources, html body.page-template-template-ressources .post, html body.page-template-template-ressources .ressources {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  html body.blog .post, html body.blog .ressources, html body.search .post, html body.search .ressources, html body.archive .post, html body.archive .ressources, html body.page-template-template-ressources .post, html body.page-template-template-ressources .ressources {
    margin-bottom: 45px;
  }
}
html body.blog .post.ressources .item .image, html body.blog .ressources.ressources .item .image, html body.search .post.ressources .item .image, html body.search .ressources.ressources .item .image, html body.archive .post.ressources .item .image, html body.archive .ressources.ressources .item .image, html body.page-template-template-ressources .post.ressources .item .image, html body.page-template-template-ressources .ressources.ressources .item .image {
  padding-top: 67%;
  background-color: #E6EAF0;
}
html body.blog .post .item, html body.blog .ressources .item, html body.search .post .item, html body.search .ressources .item, html body.archive .post .item, html body.archive .ressources .item, html body.page-template-template-ressources .post .item, html body.page-template-template-ressources .ressources .item {
  border: 1px solid #dadce0;
  border-radius: 25px;
}
@media screen and (min-width: 768px) {
  html body.blog .post .item, html body.blog .ressources .item, html body.search .post .item, html body.search .ressources .item, html body.archive .post .item, html body.archive .ressources .item, html body.page-template-template-ressources .post .item, html body.page-template-template-ressources .ressources .item {
    height: 100%;
  }
}
html body.blog .post .item .text-sous-image, html body.blog .ressources .item .text-sous-image, html body.search .post .item .text-sous-image, html body.search .ressources .item .text-sous-image, html body.archive .post .item .text-sous-image, html body.archive .ressources .item .text-sous-image, html body.page-template-template-ressources .post .item .text-sous-image, html body.page-template-template-ressources .ressources .item .text-sous-image {
  padding: 20px;
  text-decoration: none;
  color: #1C009C;
  font-size: 14px;
  font-weight: 600;
  display: block;
}
html body.blog .post .item .text-sous-image h3, html body.blog .ressources .item .text-sous-image h3, html body.search .post .item .text-sous-image h3, html body.search .ressources .item .text-sous-image h3, html body.archive .post .item .text-sous-image h3, html body.archive .ressources .item .text-sous-image h3, html body.page-template-template-ressources .post .item .text-sous-image h3, html body.page-template-template-ressources .ressources .item .text-sous-image h3 {
  font-size: 16px;
  font-weight: 900;
  line-height: 130%;
}
@media screen and (min-width: 768px) {
  html body.blog .post .item .text-sous-image h3, html body.blog .ressources .item .text-sous-image h3, html body.search .post .item .text-sous-image h3, html body.search .ressources .item .text-sous-image h3, html body.archive .post .item .text-sous-image h3, html body.archive .ressources .item .text-sous-image h3, html body.page-template-template-ressources .post .item .text-sous-image h3, html body.page-template-template-ressources .ressources .item .text-sous-image h3 {
    font-size: 16px;
  }
}
html body.blog .post .item .text-sous-image .lire-article, html body.blog .ressources .item .text-sous-image .lire-article, html body.search .post .item .text-sous-image .lire-article, html body.search .ressources .item .text-sous-image .lire-article, html body.archive .post .item .text-sous-image .lire-article, html body.archive .ressources .item .text-sous-image .lire-article, html body.page-template-template-ressources .post .item .text-sous-image .lire-article, html body.page-template-template-ressources .ressources .item .text-sous-image .lire-article {
  font-size: 14px;
  font-weight: 700;
  margin-top: 15px;
}
html body.blog .post .item .image, html body.blog .ressources .item .image, html body.search .post .item .image, html body.search .ressources .item .image, html body.archive .post .item .image, html body.archive .ressources .item .image, html body.page-template-template-ressources .post .item .image, html body.page-template-template-ressources .ressources .item .image {
  padding-top: 100%;
  background-size: cover;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
html body.blog .post .item .image .hiddenPart, html body.blog .ressources .item .image .hiddenPart, html body.search .post .item .image .hiddenPart, html body.search .ressources .item .image .hiddenPart, html body.archive .post .item .image .hiddenPart, html body.archive .ressources .item .image .hiddenPart, html body.page-template-template-ressources .post .item .image .hiddenPart, html body.page-template-template-ressources .ressources .item .image .hiddenPart {
  opacity: 0;
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
html body.blog .post .item .image .tag, html body.blog .ressources .item .image .tag, html body.search .post .item .image .tag, html body.search .ressources .item .image .tag, html body.archive .post .item .image .tag, html body.archive .ressources .item .image .tag, html body.page-template-template-ressources .post .item .image .tag, html body.page-template-template-ressources .ressources .item .image .tag {
  background-color: #E6EAF0;
  color: #1C009C;
  font-size: 12px;
  font-weight: 700;
  transition: all 1s;
}
@media screen and (min-width: 768px) {
  html body.blog .post .item .image:hover .hiddenPart, html body.blog .ressources .item .image:hover .hiddenPart, html body.search .post .item .image:hover .hiddenPart, html body.search .ressources .item .image:hover .hiddenPart, html body.archive .post .item .image:hover .hiddenPart, html body.archive .ressources .item .image:hover .hiddenPart, html body.page-template-template-ressources .post .item .image:hover .hiddenPart, html body.page-template-template-ressources .ressources .item .image:hover .hiddenPart {
    opacity: 1;
  }
  html body.blog .post .item .image:hover:after, html body.blog .ressources .item .image:hover:after, html body.search .post .item .image:hover:after, html body.search .ressources .item .image:hover:after, html body.archive .post .item .image:hover:after, html body.archive .ressources .item .image:hover:after, html body.page-template-template-ressources .post .item .image:hover:after, html body.page-template-template-ressources .ressources .item .image:hover:after {
    opacity: 1;
  }
  html body.blog .post .item .image:hover .tag, html body.blog .ressources .item .image:hover .tag, html body.search .post .item .image:hover .tag, html body.search .ressources .item .image:hover .tag, html body.archive .post .item .image:hover .tag, html body.archive .ressources .item .image:hover .tag, html body.page-template-template-ressources .post .item .image:hover .tag, html body.page-template-template-ressources .ressources .item .image:hover .tag {
    opacity: 0;
  }
}
html body.blog .post .item .image:after, html body.blog .ressources .item .image:after, html body.search .post .item .image:after, html body.search .ressources .item .image:after, html body.archive .post .item .image:after, html body.archive .ressources .item .image:after, html body.page-template-template-ressources .post .item .image:after, html body.page-template-template-ressources .ressources .item .image:after {
  transition: all 1s;
  height: 100%;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
}
html body.blog .post .item .textContainer, html body.blog .ressources .item .textContainer, html body.search .post .item .textContainer, html body.search .ressources .item .textContainer, html body.archive .post .item .textContainer, html body.archive .ressources .item .textContainer, html body.page-template-template-ressources .post .item .textContainer, html body.page-template-template-ressources .ressources .item .textContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  padding: 20px 20px;
  color: #FFF;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}
html body.blog .post .item .textContainer h3, html body.blog .ressources .item .textContainer h3, html body.search .post .item .textContainer h3, html body.search .ressources .item .textContainer h3, html body.archive .post .item .textContainer h3, html body.archive .ressources .item .textContainer h3, html body.page-template-template-ressources .post .item .textContainer h3, html body.page-template-template-ressources .ressources .item .textContainer h3 {
  color: #FFF;
}
html body.single h1 {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body.single h1 {
    font-size: 40px;
    font-weight: 800;
  }
}
html body.single .entry-content {
  line-height: 155%;
  padding-bottom: 64px;
}
html body.single .entry-content a {
  color: #1898D7;
}
@media screen and (min-width: 768px) {
  html body.single .entry-content .article-content {
    padding-right: 45px;
  }
}
@media screen and (min-width: 768px) {
  html body.single .entry-content {
    padding-bottom: 81px;
  }
}
html body.single .entry-content h2 {
  margin-top: 48px;
  font-size: 25px;
}
@media screen and (min-width: 768px) {
  html body.single .entry-content h2 {
    font-size: 30px;
  }
}
html body.single .entry-content h3 {
  font-size: 20px;
  font-weight: 800;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body.single .entry-content h3 {
    font-size: 25px;
  }
}
html body.single .entry-content h4 {
  font-size: 18px;
  font-weight: 800;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body.single .entry-content h4 {
    font-size: 20px;
  }
}
html body.single .entry-content div:first-child, html body.single .entry-content p:first-child {
  margin-top: 0;
}
html body.single .sommaire {
  border-radius: 25px;
  color: #1C009C;
  background-color: #FFF;
  padding: 25px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 900;
}
html body.single .sommaire.open .titre {
  margin-bottom: 20px;
}
html body.single .sommaire.open .titre:after {
  transform: rotate(225deg);
}
html body.single .sommaire.open ul {
  display: block;
}
html body.single .sommaire ul {
  margin: 0;
  padding-left: 20px;
  display: none;
  /*
  @include desktop(){
    display:block;
  }
  */
}
html body.single .sommaire ul li {
  padding-bottom: 10px;
}
html body.single .sommaire ul li:marker {
  text-align: left;
}
html body.single .sommaire ul li:last-child {
  padding-bottom: 0;
}
html body.single .sommaire ul li ul li a {
  font-weight: 600;
}
html body.single .sommaire .titre {
  margin-bottom: 0px;
  cursor: pointer;
  position: relative;
}
html body.single .sommaire .titre:after {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  border-left: 1px solid #1C009C;
  border-top: 1px solid #1C009C;
  top: 10px;
  position: absolute;
  right: 22px;
  transform: rotate(45deg);
  transition: all 0.3s;
}
html body.single .sommaire a {
  text-decoration: none;
  color: #1C009C;
}
html body.single .site-content {
  padding-top: 62px;
}
@media screen and (min-width: 768px) {
  html body.single .site-content {
    padding-top: 90px;
  }
}
html body.single.single-faq .nf-form-cont, html body.single.single-ressources .nf-form-cont {
  max-width: initial;
}
html body.single.single-faq h1, html body.single.single-ressources h1 {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body.single.single-faq h1, html body.single.single-ressources h1 {
    font-size: 40px;
    font-weight: 800;
  }
}
html body.single.single-faq .entry-header .container, html body.single.single-faq .site-content, html body.single.single-ressources .entry-header .container, html body.single.single-ressources .site-content {
  max-width: 947px;
}
html body.single.single-faq.single-faq .site-content, html body.single.single-ressources.single-faq .site-content {
  padding-top: 0px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  html body.single.single-faq.single-faq .site-content, html body.single.single-ressources.single-faq .site-content {
    padding-bottom: 90px;
  }
}
html body.single .wp-block-image img, html body.single .wp-block-media-text__media img {
  border-radius: 25px;
  overflow: hidden;
}
html body.single .wp-block-gallery .wp-block-image {
  border-radius: 25px;
  overflow: hidden;
}
html body.single #sidebar .bloc.newsletter, html body.single #sidebar .bloc.textImageAmbassadeurs {
  margin-top: 20px;
  margin-bottom: 20px;
}
html body.single #sidebar .socialContainer {
  font-size: 16px;
  color: #1C009C;
  font-weight: 900;
  margin-top: 10px;
  padding-bottom: 60px;
}
html body.single #sidebar .socialContainer .btnSocial {
  font-weight: 400;
  font-size: 22px;
  margin-top: 10px;
  margin-right: 30px;
  color: #1C009C;
  display: inline-block;
}
html body.single #sidebar .voirAussi {
  background-color: #E6EAF0;
  border-radius: 25px;
  padding: 20px;
  margin-bottom: 10px;
}
html body.single #sidebar .voirAussi .article {
  border-bottom: 1px solid #dcdee1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
html body.single #sidebar .voirAussi .article h4 {
  font-size: 16px;
  line-height: 130%;
}
html body.single #sidebar .voirAussi .titre {
  border-bottom: 1px solid #dcdee1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 800;
}
html body.single #sidebar .voirAussi a {
  color: #1C009C;
}
html body .accordion .accordion-button {
  background: transparent !important;
}
html body .accordion .accordion-item {
  border: 0;
  border-top: 1px solid #C2C7E3;
  background: transparent;
}
html body .accordion .accordion-item:first-child {
  border: 0;
}
html body .accordion .accordion-header .accordion-button {
  color: #1C009C;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  border: 0;
  font-weight: 900;
  box-shadow: none;
}
html body .accordion .accordion-header .accordion-button:after {
  background-color: #1C009C;
  height: 2px;
  width: 14px;
  transform: none;
}
html body .accordion .accordion-header .accordion-button:before {
  height: 0px;
  margin-top: 0px;
  background-color: #1C009C;
  width: 2px;
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  top: 50%;
  transition: all 0.5s;
}
html body .accordion .accordion-header .accordion-button.collapsed:before {
  height: 14px;
  margin-top: -7px;
}
html body .accordion .accordion-header .accordion-button .titlePart {
  width: 90%;
  line-height: 130%;
  /*
  @include xldesktop(){
    width:70%;
  }*/
}
html body .accordion .accordion-body {
  color: #1C009C;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  html body .accordion .accordion-body {
    width: 70%;
    font-weight: 600;
    font-size: 16px;
  }
}
html body .entry-content > div:first-child, html body .entry-content > p:first-child {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  html body .entry-content > div:first-child, html body .entry-content > p:first-child {
    margin-top: 70px;
  }
}
html body .bloc {
  background-position: center;
  background-size: cover;
  margin-bottom: 70px;
  margin-top: 70px;
}
html body .bloc .image-fond-container {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 0;
  border-radius: 25px;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc .image-fond-container {
    border-radius: 75px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc .image-fond-container.has-filter-left-to-right:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(26, 45, 12, 0) 100%);
  }
}
html body .bloc .image-fond-container:before {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(26, 45, 12, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
html body .bloc .image-fond-container:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  html body .bloc .btn {
    min-width: 234px;
  }
}
html body .bloc .sous-titre {
  padding-bottom: 40px;
}
html body .bloc:first-child {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  html body .bloc:first-child {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc {
    margin-bottom: 96px;
    margin-top: 96px;
  }
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image:before {
  background-color: #E6EAF0;
}
html body .bloc.fond_bleu_arrondi + .has-background-image:before {
  background-color: #1C009C;
}
html body .bloc.fond_blanc_arrondi + .has-background-image:before {
  background-color: #FFF;
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image, html body .bloc.fond_bleu_arrondi + .has-background-image, html body .bloc.fond_blanc_arrondi + .has-background-image, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi, html body .bloc.has-background-image + .fond_bleu_arrondi, html body .bloc.has-background-image + .fond_blanc_arrondi, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 4;
  margin-top: 0;
  margin-bottom: 0;
  top: -70px;
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image + .bloc, html body .bloc.fond_bleu_arrondi + .has-background-image + .bloc, html body .bloc.fond_blanc_arrondi + .has-background-image + .bloc, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi + .bloc, html body .bloc.has-background-image + .fond_bleu_arrondi + .bloc, html body .bloc.has-background-image + .fond_blanc_arrondi + .bloc, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi + .bloc, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi + .bloc {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc.fond_bleu_ciel_arrondi + .has-background-image, html body .bloc.fond_bleu_arrondi + .has-background-image, html body .bloc.fond_blanc_arrondi + .has-background-image, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi, html body .bloc.has-background-image + .fond_bleu_arrondi, html body .bloc.has-background-image + .fond_blanc_arrondi, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi {
    margin-top: 0;
    margin-bottom: 0;
    top: -96px;
  }
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image:before, html body .bloc.fond_bleu_arrondi + .has-background-image:before, html body .bloc.fond_blanc_arrondi + .has-background-image:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi:before, html body .bloc.has-background-image + .fond_bleu_arrondi:before, html body .bloc.has-background-image + .fond_blanc_arrondi:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi:before {
  content: "";
  display: block;
  left: 0;
  height: 25px;
  top: -25px;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 768px) {
  html body .bloc.fond_bleu_ciel_arrondi + .has-background-image:before, html body .bloc.fond_bleu_arrondi + .has-background-image:before, html body .bloc.fond_blanc_arrondi + .has-background-image:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi:before, html body .bloc.has-background-image + .fond_bleu_arrondi:before, html body .bloc.has-background-image + .fond_blanc_arrondi:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi:before {
    height: 75px;
    top: -75px;
  }
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image.has-background-image:before, html body .bloc.fond_bleu_arrondi + .has-background-image.has-background-image:before, html body .bloc.fond_blanc_arrondi + .has-background-image.has-background-image:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi.has-background-image:before, html body .bloc.has-background-image + .fond_bleu_arrondi.has-background-image:before, html body .bloc.has-background-image + .fond_blanc_arrondi.has-background-image:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi.has-background-image:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi.has-background-image:before {
  height: 50px;
}
@media screen and (min-width: 768px) {
  html body .bloc.fond_bleu_ciel_arrondi + .has-background-image.has-background-image:before, html body .bloc.fond_bleu_arrondi + .has-background-image.has-background-image:before, html body .bloc.fond_blanc_arrondi + .has-background-image.has-background-image:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi.has-background-image:before, html body .bloc.has-background-image + .fond_bleu_arrondi.has-background-image:before, html body .bloc.has-background-image + .fond_blanc_arrondi.has-background-image:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi.has-background-image:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi.has-background-image:before {
    height: 150px;
  }
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image.fond_bleu_arrondi:before, html body .bloc.fond_bleu_arrondi + .has-background-image.fond_bleu_arrondi:before, html body .bloc.fond_blanc_arrondi + .has-background-image.fond_bleu_arrondi:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi.fond_bleu_arrondi:before, html body .bloc.has-background-image + .fond_bleu_arrondi.fond_bleu_arrondi:before, html body .bloc.has-background-image + .fond_blanc_arrondi.fond_bleu_arrondi:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi.fond_bleu_arrondi:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi.fond_bleu_arrondi:before {
  background-color: #1C009C;
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image.fond_bleu_ciel_arrondi:before, html body .bloc.fond_bleu_arrondi + .has-background-image.fond_bleu_ciel_arrondi:before, html body .bloc.fond_blanc_arrondi + .has-background-image.fond_bleu_ciel_arrondi:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi.fond_bleu_ciel_arrondi:before, html body .bloc.has-background-image + .fond_bleu_arrondi.fond_bleu_ciel_arrondi:before, html body .bloc.has-background-image + .fond_blanc_arrondi.fond_bleu_ciel_arrondi:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi.fond_bleu_ciel_arrondi:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi.fond_bleu_ciel_arrondi:before {
  background-color: #E6EAF0;
}
html body .bloc.fond_bleu_ciel_arrondi + .has-background-image.fond_blanc_arrondi:before, html body .bloc.fond_bleu_arrondi + .has-background-image.fond_blanc_arrondi:before, html body .bloc.fond_blanc_arrondi + .has-background-image.fond_blanc_arrondi:before, html body .bloc.has-background-image + .fond_bleu_ciel_arrondi.fond_blanc_arrondi:before, html body .bloc.has-background-image + .fond_bleu_arrondi.fond_blanc_arrondi:before, html body .bloc.has-background-image + .fond_blanc_arrondi.fond_blanc_arrondi:before, html body .bloc.fond_bleu_ciel_arrondi + .fond_blanc_arrondi.fond_blanc_arrondi:before, html body .bloc.fond_bleu_arrondi + .fond_blanc_arrondi.fond_blanc_arrondi:before {
  background-color: #FFF;
}
html body .bloc.fond_bleu_ciel_arrondi, html body .bloc.fond_bleu_arrondi, html body .bloc.fond_blanc_arrondi, html body .bloc .overflow-hidden-container {
  border-radius: 35px;
  padding-top: 30px !important;
  padding-bottom: 12px !important;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  html body .bloc.fond_bleu_ciel_arrondi, html body .bloc.fond_bleu_arrondi, html body .bloc.fond_blanc_arrondi, html body .bloc .overflow-hidden-container {
    padding-top: 68px !important;
    border-radius: 75px;
    padding-bottom: 68px !important;
  }
}
html body .bloc.fond_bleu_ciel_arrondi.fond_bleu_ciel_arrondi, html body .bloc.fond_bleu_arrondi.fond_bleu_ciel_arrondi, html body .bloc.fond_blanc_arrondi.fond_bleu_ciel_arrondi, html body .bloc .overflow-hidden-container.fond_bleu_ciel_arrondi {
  background-color: #E6EAF0;
}
html body .bloc.fond_bleu_ciel_arrondi.fond_bleu_arrondi, html body .bloc.fond_bleu_arrondi.fond_bleu_arrondi, html body .bloc.fond_blanc_arrondi.fond_bleu_arrondi, html body .bloc .overflow-hidden-container.fond_bleu_arrondi {
  background-color: #1C009C;
  color: #FFF;
}
html body .bloc.fond_bleu_ciel_arrondi.fond_blanc_arrondi, html body .bloc.fond_bleu_arrondi.fond_blanc_arrondi, html body .bloc.fond_blanc_arrondi.fond_blanc_arrondi, html body .bloc .overflow-hidden-container.fond_blanc_arrondi {
  background-color: #FFF;
}
html body .bloc.has-background-image {
  border-radius: 35px;
  position: relative;
  z-index: 6 !important;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .bloc.has-background-image {
    border-radius: 75px;
  }
}
html body .bloc > .container {
  max-width: 1191px;
}
html body .bloc-listing-check {
  margin-top: 15px;
  margin-bottom: 15px;
}
html body .bloc-listing-check.has-fond-blanc {
  padding: 27px 20px;
  background-color: #FFF;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc-listing-check.has-fond-blanc {
    padding: 25px 30px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc-listing-check.has-fond-blanc ul {
    margin-left: 40px;
  }
}
html body .bloc-listing-check .titre {
  font-weight: 700;
  margin-bottom: 5px;
}
html body .bloc-listing-check ul {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc-listing-check ul {
    margin-left: 20px;
  }
}
html body .bloc.adherentParle .shortcode1-container {
  padding-bottom: 20px;
}
html body .bloc.adherentParle.adherentParleFull .sous-titre {
  margin-bottom: 23px;
}
@media screen and (min-width: 768px) {
  html body .bloc.adherentParle.adherentParleFull .sous-titre {
    margin-bottom: 50px;
  }
}
html body .bloc.sitemap a {
  color: #1C009C;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 600;
}
html body .bloc.onglets a {
  color: #1C009C;
}
html body .bloc.onglets .btn-onglet-container a {
  text-decoration: none;
}
html body .bloc.onglets .ti-widget {
  margin-bottom: 8px;
}
html body .bloc.onglets .texte-picto {
  font-weight: 800;
  margin-bottom: 8px;
  padding-left: 41px;
  line-height: 20px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
html body .bloc.onglets .texte-picto .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #E6EAF0;
  border-radius: 10px;
  background-size: 21px auto;
}
html body .bloc.onglets .cadre-text-gris {
  color: #8B8B8B;
  font-size: 14px;
  font-weight: 600;
  padding-top: 15px;
}
html body .bloc.onglets .cadre-blanc-tel-container {
  border-radius: 10px;
  padding: 3px 23px;
  background-color: #FFF;
  position: relative;
  display: inline-block;
  margin-top: 20px;
}
html body .bloc.onglets .cadre-blanc-tel-container.has-click {
  padding: 10px;
  display: block;
}
html body .bloc.onglets .cadre-blanc-tel-container.has-click:after {
  height: 6px;
  width: 12px;
  background-size: contain;
  background-image: url("./assets/img/chevron.svg");
  background-repeat: no-repeat;
  display: block;
  content: "";
  position: absolute;
  top: 33px;
  margin-top: -6px;
  right: 12px;
  transition: all 0.3s;
}
html body .bloc.onglets .cadre-blanc-tel-container.has-click .cadre-blanc-txt-tel {
  font-weight: 900;
  font-size: 16px;
  cursor: pointer;
  padding-left: 68px;
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets .cadre-blanc-tel-container.has-click {
    max-width: 245px;
  }
  html body .bloc.onglets .cadre-blanc-tel-container.has-click.open {
    max-width: 322px;
  }
}
html body .bloc.onglets .cadre-blanc-tel-container.has-click .image {
  height: 45px;
  width: 45px;
  background-color: #E6EAF0;
  border-radius: 10px;
  background-size: 22px auto;
  left: 10px;
  top: 10px;
}
html body .bloc.onglets .cadre-blanc-tel-container.open .cadre-blanc-tel {
  display: block;
}
html body .bloc.onglets .cadre-blanc-tel-container.open .cadre-text-gris {
  display: block;
}
html body .bloc.onglets .cadre-blanc-tel-container.open:after {
  transform: rotate(180deg);
}
html body .bloc.onglets .cadre-blanc-tel-container .cadre-text-gris {
  display: none;
  padding-top: 5px;
}
html body .bloc.onglets .cadre-blanc-tel-container .cadre-blanc-txt-tel {
  font-weight: 600;
  font-size: 17px;
  padding-left: 38px;
  line-height: 45px;
}
html body .bloc.onglets .cadre-blanc-tel-container .cadre-blanc-txt-tel a {
  color: #1C009C;
  text-decoration: none;
}
html body .bloc.onglets .cadre-blanc-tel-container .cadre-blanc-tel {
  padding-top: 10px;
  display: none;
}
html body .bloc.onglets .cadre-blanc-tel-container .cadre-blanc-tel a {
  color: #1C009C;
  font-size: 20px;
  font-weight: 800;
}
html body .bloc.onglets .cadre-blanc-tel-container .image {
  position: absolute;
  height: 45px;
  width: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px auto;
  left: 23px;
  top: 3px;
}
html body .bloc.onglets .btn-container {
  margin-top: 20px;
  margin-bottom: 15px;
}
html body .bloc.onglets h2 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
  margin-top: 40px;
}
html body .bloc.onglets h2:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets h2 {
    font-size: 25px;
  }
}
html body .bloc.onglets .btn-onglet-container {
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets .btn-onglet-container {
    margin-bottom: 75px;
  }
}
html body .bloc.onglets .btn-onglet-container:before {
  bottom: 0;
  left: -17px;
  width: calc(100% + 34px);
  height: 4px;
  opacity: 1;
  background-color: #D8E1FD;
  display: block;
  content: "";
  position: absolute;
}
html body .bloc.onglets .btn-onglet-container .btn-onglet {
  font-size: 20px;
  font-weight: 800;
  opacity: 0.6;
  transition: all 0.3s;
  color: #1C009C;
  text-decoration: none;
  position: relative;
  height: 50px;
  display: inline-block;
}
html body .bloc.onglets .btn-onglet-container .btn-onglet + .btn-onglet {
  margin-left: 30px;
}
html body .bloc.onglets .btn-onglet-container .btn-onglet:after {
  transition: all 0.3s;
  bottom: 0;
  left: -17px;
  width: calc(100% + 34px);
  height: 4px;
  opacity: 0;
  background-color: #1C009C;
  display: block;
  content: "";
  position: absolute;
  z-index: 10;
}
html body .bloc.onglets .btn-onglet-container .btn-onglet.current {
  opacity: 1;
}
html body .bloc.onglets .btn-onglet-container .btn-onglet.current:after {
  opacity: 1;
}
html body .bloc.onglets .cadre-content {
  border-radius: 15px;
  padding-top: 40px;
  position: relative;
}
html body .bloc.onglets .cadre-content.cadre-bleu {
  padding: 23px;
  padding-top: 35px;
  background-color: #E6EAF0;
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets .cadre-content.cadre-bleu {
    padding: 35px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets .cadre-content {
    padding: 35px;
    padding-top: 0;
  }
}
html body .bloc.onglets .cadre-content.has-label {
  padding-top: 64px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets .cadre-content.has-label {
    margin-top: 0px;
    padding-top: 96px;
  }
}
html body .bloc.onglets .cadre-content .label {
  height: 86px;
  width: 86px;
  position: absolute;
  left: 17px;
  top: -32px;
}
@media screen and (min-width: 768px) {
  html body .bloc.onglets .cadre-content .label {
    height: 109px;
    width: 109px;
    left: 21px;
    top: -42px;
  }
}
html body .bloc.textCentre a {
  margin-top: 30px;
}
html body .bloc.text-image-2x2 {
  padding-top: 25px;
  padding-bottom: 57px;
  max-width: 1232px;
}
@media screen and (min-width: 768px) {
  html body .bloc.text-image-2x2 {
    padding-top: 50px;
  }
}
html body .bloc.text-image-2x2 h2 {
  margin-bottom: 40px;
}
html body .bloc.text-image-2x2 .btn {
  margin-top: 0px;
}
@media screen and (min-width: 768px) {
  html body .bloc.text-image-2x2 .btn {
    margin-top: 32px;
  }
}
html body .bloc.text-image-2x2 .item {
  padding-top: 50px;
}
html body .bloc.text-image-2x2 .blocContent {
  border-radius: 14px;
  position: relative;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
  background-color: #E6EAF0;
  color: #1C009C;
}
@media screen and (min-width: 768px) {
  html body .bloc.text-image-2x2 .blocContent {
    border-radius: 16px;
    padding: 0;
    background: transparent;
  }
}
html body .bloc.text-image-2x2 .blocContent .btn {
  margin-top: 72px;
}
html body .bloc.text-image-2x2 .blocContent h3 {
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
}
html body .bloc.text-image-2x2 .blocContent .image {
  padding-top: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FFF;
  border-radius: 10px;
  width: 38px;
  height: 36px;
}
@media screen and (min-width: 768px) {
  html body .bloc.text-image-2x2 .blocContent .image {
    width: 45px;
    height: 45px;
    background-color: #E6EAF0;
  }
}
html body .bloc.newsletter {
  background-color: #FFF;
  color: #1C009C;
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 36px 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.newsletter {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
html body .bloc.newsletter.full {
  background-color: #E6EAF0;
}
@media screen and (min-width: 768px) {
  html body .bloc.newsletter.full {
    padding: 36px 85px;
  }
  html body .bloc.newsletter.full h2 {
    font-size: 40px;
  }
}
html body .bloc.newsletter .form-control {
  height: 60px;
  border: 1px solid #E6EAF0;
}
html body .bloc.newsletter .btn {
  height: 60px;
  max-height: 60px;
  margin-top: 9px;
}
html body .bloc.newsletter h2 {
  font-size: 25px;
  font-weight: 800;
}
html body .bloc.calculatrice .form-control {
  text-align: center;
}
html body .bloc.calculatrice .cadre-bleu {
  background-color: #1C009C;
  color: #FFF;
  border-radius: 24px;
  padding: 10px;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.calculatrice .cadre-bleu {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}
html body .bloc.calculatrice .cadre-bleu .radioContainer .form-check .form-check-input[type=radio] + label, html body .bloc.calculatrice .cadre-bleu .radioContainer .form-check .like-radio {
  background-color: #FFF;
}
html body .bloc.calculatrice .cadre-bleu .champs-montant-container {
  max-width: 141px;
}
html body .bloc.calculatrice .cadre-bleu .champs-montant-container .champs-montant {
  background-color: #1C009C;
  color: #FFF;
  font-size: 33px;
  border-radius: 14px;
  border: 2px solid #888;
  box-shadow: unset !important;
  font-weight: 800;
}
html body .bloc.calculatrice .cadre-bleu .champs-montant-container .champs-montant::placeholder {
  color: #FFF;
}
html body .bloc.calculatrice .cadre-bleu .text-euro {
  color: #FFF;
  font-size: 33px;
  line-height: 60px;
}
html body .bloc.calculatrice .cadre-bleu .cadre-blanc {
  background-color: #FFF;
  border-radius: 24px;
  color: #1C009C;
  padding: 20px 20px;
  height: 100%;
}
@media screen and (min-width: 768px) {
  html body .bloc.calculatrice .cadre-bleu .cadre-blanc {
    padding: 20px 30px;
    margin-top: 0;
  }
}
html body .bloc.calculatrice .cadre-bleu .cadre-blanc .text-estimation {
  font-size: 14px;
  line-height: 155%;
  font-weight: 700;
}
html body .bloc.calculatrice .cadre-bleu .cadre-blanc .text-economisez {
  font-weight: 800;
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.calculatrice .cadre-bleu .cadre-blanc .text-economisez {
    font-size: 40px;
  }
}
html body .bloc.calculatrice .cadre-bleu .cadre-blanc .text-jusqua {
  font-weight: 900;
  font-size: 16px;
  margin-top: 20px;
  margin-top: 10px;
}
html body .bloc.calculatrice .cadre-bleu .cadre-blanc .text-montant-calcul {
  font-weight: 800;
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  html body .bloc.calculatrice .cadre-bleu .cadre-blanc .text-montant-calcul {
    font-size: 50px;
  }
}
html body .bloc.ilsTemoignent .owl-carousel {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  html body .bloc.ilsTemoignent .btn-container {
    margin-top: 40px;
  }
}
html body .bloc.ilsTemoignent .cadre-temoignage {
  background-color: #FFF;
  border-radius: 25px;
  padding: 20px;
  padding-bottom: 30px;
  font-size: 14px;
}
html body .bloc.ilsTemoignent .cadre-temoignage .text-temoin-content {
  height: 126px;
  overflow: hidden;
}
html body .bloc.ilsTemoignent .cadre-temoignage .nom {
  font-weight: 700;
}
html body .bloc.ilsTemoignent .cadre-temoignage .video-player {
  display: block;
  position: relative;
}
html body .bloc.ilsTemoignent .cadre-temoignage .video-player:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./assets/img/player.svg");
}
html body .bloc.ilsTemoignent .cadre-temoignage .image {
  border-radius: 15px;
  background-size: cover;
  padding-top: 67%;
  margin-bottom: 30px;
}
html body .bloc.ilsTemoignent .cadre-temoignage .etoile {
  background-image: url("./assets/img/etoileJaune.svg");
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html body .bloc.form-landing .cadre-bleu {
  background-color: #E6EAF0;
  height: 100%;
  padding: 22px;
  border-radius: 15px;
}
html body .bloc.form-landing .ctaMoins, html body .bloc.form-landing .ctaPlus {
  border-radius: 45px !important;
  min-width: initial;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
html body .bloc.form-landing .ctaMoins:before, html body .bloc.form-landing .ctaPlus:before {
  position: absolute;
  height: 2px;
  background-color: #1C009C;
  width: 20px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  content: "";
  display: block;
}
html body .bloc.form-landing .ctaMoins.ctaPlus:after, html body .bloc.form-landing .ctaPlus.ctaPlus:after {
  position: absolute;
  height: 20px;
  background-color: #1C009C;
  width: 2px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -1px;
  content: "";
  display: block;
}
html body .bloc.form-landing .pageContent {
  min-height: 490px;
}
html body .bloc.form-landing .oui-non-container {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
html body .bloc.form-landing .btn-primary {
  max-width: 450px;
}
html body .bloc.form-landing .bloc-explication {
  background-color: #FFF;
  max-width: 450px;
  color: #1C009C;
  font-size: 14px;
  padding: 20px;
  border-radius: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
html body .bloc.form-landing .bloc-explication.picto-shield, html body .bloc.form-landing .bloc-explication.picto-info {
  padding-left: 63px;
}
html body .bloc.form-landing .bloc-explication.picto-shield:after, html body .bloc.form-landing .bloc-explication.picto-info:after {
  height: 24px;
  width: 24px;
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  margin-top: -12px;
  left: 20px;
  position: absolute;
}
html body .bloc.form-landing .bloc-explication.picto-info:after {
  background-image: url("./assets/img/pictoInfo.svg");
}
html body .bloc.form-landing .bloc-explication.picto-shield:after {
  background-image: url("./assets/img/pictoShield.svg");
}
html body .bloc.form-landing .cadreSurtitre + .pageContent {
  height: 400px;
}
html body .bloc.form-landing .small-container {
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  html body .bloc.form-landing .small-container {
    max-width: 806px;
  }
}
html body .bloc.form-landing .cadreSurtitre {
  background-color: #FFF;
  border-radius: 15px;
  padding: 10px;
}
html body .bloc.form-landing .cadreSurtitre .surtitre {
  color: #1C009C;
  font-size: 25px;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body .bloc.form-landing .cadreSurtitre .surtitre {
    font-size: 30px;
  }
}
html body .bloc.form-landing .cadreSurtitre .surtitre-petit {
  color: #1C009C;
  font-size: 16px;
  font-weight: 600;
}
html body .bloc.form-landing .titre {
  color: #1C009C;
  font-size: 25px;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body .bloc.form-landing .titre {
    font-size: 30px;
  }
}
html body .bloc.form-landing .sous-titre {
  color: #8B8B8B;
  font-size: 16px;
  font-weight: 600;
}
html body .bloc.form-landing .ariane {
  font-weight: bold;
  color: #8B8BB0;
  font-size: 8px;
  position: relative;
  padding-bottom: 18px;
  max-width: 684px;
  margin: 0 auto;
}
html body .bloc.form-landing .ariane .col-3:first-child .puceContainer:after {
  display: none;
}
@media screen and (min-width: 768px) {
  html body .bloc.form-landing .ariane {
    font-size: 14px;
  }
}
html body .bloc.form-landing .ariane .ligne-lecture-container {
  position: absolute;
  left: 0%;
  right: 20%;
  bottom: 32px;
  position: absolute;
}
html body .bloc.form-landing .ariane .ligne-lecture-container .ligne-lecture {
  background-color: #E6EAF0;
  position: absolute;
  height: 5px;
  padding-left: 10%;
  padding-right: 0%;
  left: 0;
  bottom: 0;
  width: 100%;
}
html body .bloc.form-landing .ariane .ligne-lecture-container .ligne-lecture:before {
  content: "";
  display: block;
  height: 5px;
  width: 10%;
  background-color: #1C009C;
  position: absolute;
  bottom: 0;
  left: 0;
}
html body .bloc.form-landing .ariane .ligne-lecture-container .ligne-lecture .current-ligne-lecteur {
  transition: all 0.3s;
  background-color: #1C009C;
  height: 5px;
  left: 0;
  top: 0;
  width: 0%;
}
html body .bloc.form-landing .ariane .puceContainer {
  /*
  &:after{
    transition:all 0.3s;
    content:'';
    display:block;
    width:100%;
    top:50%;
    margin-top:-3px;
    background-color:$bleuCiel;
    height:5px;
    position:absolute;
    right:0;
  }
  */
}
html body .bloc.form-landing .ariane .puceContainer .puce {
  transition: all 0.3s;
  height: 33px;
  width: 33px;
  border-radius: 33px;
  background-color: #E6EAF0;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 10;
  line-height: 27px;
  border: 3px solid #f5f4f1;
}
html body .bloc.form-landing .ariane .label {
  opacity: 0;
  transition: all 0.3s;
}
html body .bloc.form-landing .ariane .current {
  font-size: 11px;
  color: #8B8B8B;
  /*
  .puceContainer{
    &:after{
      background-color:$bleu;
    }
  }
  */
}
html body .bloc.form-landing .ariane .current .puce {
  background-color: #1C009C;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .bloc.form-landing .ariane .current {
    font-size: 14px;
  }
}
html body .bloc.form-landing .ariane .current.with-text .label {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  html body .bloc.faq .cadre-visage-faq-container {
    padding-right: 10px;
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.faq .accordion .accordion-header .accordion-button {
    font-size: 20px;
    font-weight: 800;
  }
}
html body .bloc.faq .accordion .btn-lire-plus-container {
  font-size: 14px;
  margin-top: 19px;
}
@media screen and (min-width: 768px) {
  html body .bloc.faq .accordion .btn-lire-plus-container {
    margin-top: 24px;
  }
}
html body .listingCategory {
  background-color: #E6EAF0;
  color: #1C009C;
  border-radius: 25px;
  padding: 30px;
  margin-bottom: 26px;
}
@media screen and (min-width: 768px) {
  html body .listingCategory {
    margin-bottom: 12px;
  }
}
html body .listingCategory .titre {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  html body .listingCategory .titre {
    font-size: 20px;
    font-weight: 800;
  }
}
html body .listingCategory .ligneThematique {
  min-height: 45px;
  faq-sidebar-content-height: 45px;
  margin-top: 12px;
  display: block;
  text-decoration: none;
  color: #1C009C;
  font-weight: 900;
  font-size: 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  html body .listingCategory .ligneThematique {
    margin-top: 16px;
    font-weight: 800;
    font-size: 20px;
    opacity: 0.5;
  }
  html body .listingCategory .ligneThematique.active {
    opacity: 1;
  }
}
html body .listingCategory .ligneThematique .image {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 25px;
  padding-left: 56px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 45px;
  position: relative;
}
html body .listingCategory .ligneThematique:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
  background-color: #FFF;
  border-radius: 10px;
}
html body .cadre-visage-faq {
  background-color: #FFF;
  border-radius: 15px;
  width: 100%;
  padding: 15px 20px;
  color: #1C009C;
  margin-bottom: 12px;
  margin-top: 12px;
  font-weight: 900;
  font-size: 16px;
}
html body .cadre-visage-faq .image {
  background-size: cover;
  border-radius: 100%;
  padding-top: 80px;
  width: 80px;
  flex: 80px 0 0;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  html body .cadre-visage-faq .image {
    padding-top: 85px;
    width: 85px;
    flex: 85px 0 0;
  }
}
html body .cadre-visage-faq a {
  color: #1C009C;
  font-size: 14px;
  font-weight: 700;
}
html body .listingCategoryMobile .titre {
  position: relative;
  cursor: pointer;
}
html body .listingCategoryMobile .titre:after {
  height: 6px;
  width: 12px;
  background-size: contain;
  background-image: url("./assets/img/chevron.svg");
  background-repeat: no-repeat;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 0;
  transition: all 0.3s;
}
html body .listingCategoryMobile .ligneThematique {
  display: none;
}
html body .listingCategoryMobile.open .ligneThematique {
  display: block;
}
html body .listingCategoryMobile.open .titre:after {
  transform: rotate(180deg);
}
html body .faq-sidebar .faq-sidebar-content {
  /*
  overflow:auto;
  height:80vh;
  */
  max-width: 357px;
  position: sticky;
  top: 150px;
}
html body .faq-sidebar .faq-sidebar-content .cadre-visage-faq {
  border-radius: 20px;
}
html body.page-template-template-faq .faqContainer .accordion {
  margin-bottom: 56px;
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour h2 {
    margin-bottom: 40px;
  }
}
html body .bloc.dispoAussiPour .image {
  border-radius: 15px;
  background-size: cover;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  min-height: 115px;
}
html body .bloc.dispoAussiPour .image:hover .fleche {
  background-color: #180085;
}
html body .bloc.dispoAussiPour .image .fleche {
  display: block;
  height: 44px;
  width: 44px;
  background-color: #1C009C;
  border-radius: 44px;
  border-radius: 44px;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -22px;
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour .image .fleche {
    top: initial;
    bottom: 28px;
    left: 25px;
    right: initial;
    margin-top: initial;
  }
}
html body .bloc.dispoAussiPour .image .fleche:after {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  border-top: 2px solid #FFF;
  border-left: 2px solid #FFF;
  position: absolute;
  transform: rotate(135deg);
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -7px;
}
html body .bloc.dispoAussiPour .image:before {
  height: 100%;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /* background: linear-gradient(270deg,rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour .image:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.6) 100%);
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour .image {
    min-height: 177px;
    padding-top: 35%;
  }
  html body .bloc.dispoAussiPour .image.imageFull {
    padding: 0;
    height: 100%;
    min-height: 350px;
    /*
    .fleche{
      @include desktop(){
        display:block;
      }
    }
    */
  }
}
html body .bloc.dispoAussiPour .image.gabarit-50-50 .textContainer h3 {
  font-size: 25px;
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour .image.gabarit-50-50 .textContainer h3 {
    font-size: 30px;
  }
}
html body .bloc.dispoAussiPour .image .textContainer {
  position: relative;
  z-index: 10;
  padding: 40px 25px;
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour .image .textContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
}
html body .bloc.dispoAussiPour .image .textContainer h3 {
  color: #FFF;
}
html body .bloc.dispoAussiPour .image .textContainer .tagsContainer {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc.dispoAussiPour .image .textContainer .tagsContainer {
    width: 100%;
  }
}
html body .bloc.ambassadeurs #iframeWidget {
  min-height: 500px;
  height: calc(100dvh - 84px) !important;
}
html body .bloc.avantage h2 {
  /* bloc application : marge énorme ! On rationalise */
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  html body .bloc.avantage h2 {
    margin-bottom: 40px;
  }
}
html body .bloc.avantage .btn {
  margin-top: 0px;
}
@media screen and (min-width: 768px) {
  html body .bloc.avantage .btn {
    margin-top: 32px;
  }
}
html body .bloc.avantage .owl-carousel {
  position: relative;
}
html body .bloc.avantage .owl-carousel .owl-nav button.owl-prev.owl-prev, html body .bloc.avantage .owl-carousel .owl-nav button.owl-next.owl-prev {
  left: -39px;
}
html body .bloc.avantage .owl-carousel .owl-nav button.owl-prev.owl-next, html body .bloc.avantage .owl-carousel .owl-nav button.owl-next.owl-next {
  right: -39px;
}
html body .bloc.avantage .item {
  padding-top: 50px;
}
html body .bloc.avantage .blocContent {
  border-radius: 14px;
  position: relative;
  background-color: #E6EAF0;
  color: #1C009C;
  padding: 22px 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc.avantage .blocContent {
    padding: 22px;
    border-radius: 16px;
  }
}
html body .bloc.avantage .blocContent .btn {
  margin-top: 72px;
}
html body .bloc.avantage .blocContent h3 {
  position: relative;
  margin-bottom: 12px;
  margin-top: 14px;
}
@media screen and (min-width: 768px) {
  html body .bloc.avantage .blocContent h3 {
    margin-bottom: 14px;
    margin-top: 16px;
  }
}
html body .bloc.avantage .blocContent .image {
  padding-top: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FFF;
  border-radius: 10px;
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 768px) {
  html body .bloc.avantage .blocContent .image {
    width: 45px;
    height: 45px;
  }
}
html body .bloc.beneficier .container {
  max-width: 1191px;
}
html body .bloc.beneficier.fond_bleu_ciel_arrondi .blocContent, html body .bloc.beneficier.fond_bleu_arrondi .blocContent {
  background-color: #FFF;
}
html body .bloc.beneficier .btn {
  margin-top: 0px;
}
@media screen and (min-width: 768px) {
  html body .bloc.beneficier .btn {
    margin-top: 32px;
  }
}
html body .bloc.beneficier .owl-carousel {
  position: relative;
}
html body .bloc.beneficier .owl-carousel .owl-nav button.owl-prev.owl-prev, html body .bloc.beneficier .owl-carousel .owl-nav button.owl-next.owl-prev {
  left: -39px;
}
html body .bloc.beneficier .owl-carousel .owl-nav button.owl-prev.owl-next, html body .bloc.beneficier .owl-carousel .owl-nav button.owl-next.owl-next {
  right: -39px;
}
html body .bloc.beneficier .item {
  padding-top: 50px;
}
html body .bloc.beneficier .sous-titre {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body .bloc.beneficier .sous-titre {
    padding-bottom: 35px;
  }
}
html body .bloc.beneficier .blocContent {
  border-radius: 24px;
  position: relative;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
  padding-right: 20px;
  background-color: #E6EAF0;
  color: #1C009C;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  html body .bloc.beneficier .blocContent {
    padding-top: 100px;
  }
}
html body .bloc.beneficier .blocContent .textPart {
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  html body .bloc.beneficier .blocContent .textPart {
    font-size: 16px;
    width: 100%;
  }
}
html body .bloc.beneficier .blocContent .btn {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  html body .bloc.beneficier .blocContent .chiffreFondJaune {
    position: absolute;
    top: 10px;
    right: 90px;
  }
}
html body .bloc.beneficier .blocContent h3 {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc.beneficier .blocContent h3 {
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
html body .bloc.beneficier .blocContent .image {
  background-size: cover;
  width: 137px;
  height: 137px;
  border-radius: 187px;
  position: absolute;
  top: -30px;
  right: -30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.beneficier .blocContent .image {
    top: -40px;
    right: -40px;
    width: 187px;
    height: 187px;
  }
}
html body .bloc.textImageLegacy {
  /*
  .imgContainerCol{
    padding-left:0px;
    padding-right:0px;
  }
  */
}
html body .bloc.textImageLegacy .btnContainer, html body .bloc.textImageLegacy .imageOverlay {
  position: absolute;
  top: 0;
  /*
  left:-30px;
  right:-30px;
  */
  left: 0px;
  right: 0px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageLegacy .btnContainer, html body .bloc.textImageLegacy .imageOverlay {
    left: 0px;
    right: 0px;
  }
}
html body .bloc.textImageAmbassadeurs {
  margin-top: 30px;
  margin-bottom: 30px;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageAmbassadeurs {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
html body .bloc.textImageAmbassadeurs .titre {
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 10px;
}
html body .bloc.textImageAmbassadeurs .imageListContainer {
  white-space: nowrap;
  text-align: center;
}
html body .bloc.textImageAmbassadeurs .imageListContainer .image {
  display: inline-block;
  /*      padding-top:50%;*/
  background-size: cover;
  border-radius: 25px;
  margin-right: 15px;
  margin-left: 15px;
}
html body .bloc.textImageAmbassadeurs .imageListContainer .overflowContent.overflowContentConter {
  margin-left: -100%;
  margin-right: -100%;
  text-align: center;
}
html body .bloc.textImageAmbassadeurs .imageListContainer .overflowContent.overflowContentRight {
  position: absolute;
  left: 100%;
}
html body .bloc.textImageAmbassadeurs .imageListContainer .overflowContent.overflowContentLeft {
  position: absolute;
  right: 100%;
}
html body .bloc.textImageAmbassadeurs.small {
  padding: 0;
  margin-top: 12px;
  margin-bottom: 20px;
}
html body .bloc.textImageAmbassadeurs.small .fondGrandeImage {
  padding: 20px 20px;
  min-height: 222px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageAmbassadeurs.small .fondGrandeImage {
    padding: 20px 20px;
  }
}
html body .bloc.textImageAmbassadeurs .fondGrandeImage {
  background-size: cover;
  background-position: center;
  border-radius: 25px;
  padding: 60px 30px;
  min-height: 246px;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}
html body .bloc.textImageAmbassadeurs .fondGrandeImage * {
  position: relative;
}
html body .bloc.textImageAmbassadeurs .fondGrandeImage:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0.25turn, black, rgba(0, 0, 0, 0));
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageAmbassadeurs .fondGrandeImage:before {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageAmbassadeurs .fondGrandeImage {
    padding: 30px 60px;
  }
}
html body .bloc.textImageAmbassadeurs h2 {
  color: #FFF;
}
html body .bloc.textImageAmbassadeurs a {
  color: #FFF;
  margin-top: 10px;
}
html body .bloc.headerCategorieCat {
  background-color: #1C009C;
  color: #FFF;
  padding-top: 30px;
  padding-bottom: 120px;
  font-size: 18px;
  line-height: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.headerCategorieCat {
    padding-top: 140px;
  }
}
html body .bloc.headerCategorieCat h1, html body .bloc.headerCategorieCat h2, html body .bloc.headerCategorieCat a {
  color: #FFF;
}
html body .bloc.headerCategorieCat h1 {
  margin-bottom: 30px;
}
html body .bloc.headerCategorieCat a {
  text-decoration: none;
}
html body .bloc.headerCategorieCat .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
html body .bloc.headerCategorieCat .image {
  padding-top: 54%;
  background-size: cover;
  margin-top: 25px;
  width: 100%;
  text-decoration: none;
  position: relative;
}
html body .bloc.headerCategorieCat .image .btn {
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 26px;
}
@media screen and (min-width: 768px) {
  html body .bloc.headerCategorieCat .image {
    margin-top: 0px;
  }
}
html body .bloc.spacerFooter {
  margin-top: 200px;
}
html body .bloc.contactezNousFooter {
  min-height: 332px;
  color: #FFF;
  background-color: #1C009C;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
}
html body .bloc.contactezNousFooter:before {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  content: "";
  border-radius: 15px;
  border-radius: 15px;
  left: 50%;
  margin-left: 380px;
  margin-left: 166px;
  top: 50%;
  margin-top: -105px;
  background-color: #4FBEF6;
}
@media screen and (min-width: 768px) {
  html body .bloc.contactezNousFooter:before {
    margin-left: 380px;
  }
}
html body .bloc.contactezNousFooter:after {
  display: block;
  border: 1px solid #4FBEF6;
  position: absolute;
  content: "";
  border-radius: 800px;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  margin-top: -200px;
  margin-left: -200px;
}
@media screen and (min-width: 768px) {
  html body .bloc.contactezNousFooter:after {
    width: 800px;
    height: 800px;
    margin-top: -400px;
    margin-left: -400px;
  }
}
html body .bloc.contactezNousFooter .container {
  position: relative;
  max-width: 750px;
  z-index: 10;
}
html body .bloc.contactezNousFooter .container .btn {
  margin-top: 25px;
}
html body .bloc.contactezNousFooter h2 {
  margin-bottom: 25px;
  color: #FFF;
}
html body .bloc.slider {
  height: 100vh;
}
html body .bloc.slider .rondJaune {
  height: 103px;
  width: 103px;
  text-align: center;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 10;
  border-radius: 151px;
  border: 1px solid #FFEF27;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .bloc.slider .rondJaune {
    /*
    background-color:$jaune;
    color:$bleu;
    */
    height: 149px;
    width: 149px;
    bottom: 110px;
    right: 110px;
  }
}
html body .bloc.slider .rondJaune:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("./img/smileBlanc.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -8px;
}
@media screen and (min-width: 768px) {
  html body .bloc.slider .rondJaune:after {
    top: 23px;
    /*
    background-image:url('./img/smileBleu.svg');
    */
  }
}
html body .bloc.slider .rondJaune .co2 {
  font-size: 18px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  line-height: 30px;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc.slider .rondJaune .co2 {
    font-size: 30px;
  }
}
html body .bloc.slider .rondJaune .texteCo2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc.slider .rondJaune .texteCo2 {
    bottom: 20px;
  }
}
html body .bloc.slider .active .imageContainer .image {
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
  transition: all 5s linear;
}
html body .bloc.slider .active .imageContainer .scrollBar {
  width: 100%;
  transition: all 5s linear;
}
html body .bloc.slider .imageContainer {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
}
html body .bloc.slider .imageContainer .scrollBar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 0%;
  background-color: #FFEF27;
  transition: all 1s linear;
}
html body .bloc.slider .imageContainer .text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
html body .bloc.slider .imageContainer .text h1, html body .bloc.slider .imageContainer .text h2 {
  color: #FFF;
  font-size: 32px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  html body .bloc.slider .imageContainer .text h1, html body .bloc.slider .imageContainer .text h2 {
    font-size: 72px;
    line-height: initial;
  }
}
html body .bloc.slider .imageContainer .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  transition: all 1s linear;
}
html body .bloc.chiffreClesHome {
  margin-top: 50px;
  margin-bottom: 50px;
}
html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol .chiffreCles {
  color: #FFF;
}
html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol .chiffreCles .chiffre {
  font-size: 30px;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol .chiffreCles .chiffre {
    font-size: 40px;
    padding-top: 30px;
  }
}
@media screen and (min-width: 1600px) {
  html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol .chiffreCles .chiffre {
    padding-top: 40px;
    font-size: 46px;
  }
}
html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol:nth-child(4n+1) .chiffreCles {
  background-color: #1C009C;
}
html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol:nth-child(4n+2) .chiffreCles {
  background-color: #779CF7;
}
html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol:nth-child(4n+3) .chiffreCles {
  background-color: #779CF7;
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol:nth-child(4n+3) .chiffreCles {
    background-color: #1C009C;
  }
}
html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol:nth-child(4n+4) .chiffreCles {
  background-color: #1C009C;
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome.chiffreClesPage .chiffreClesCol:nth-child(4n+4) .chiffreCles {
    background-color: #779CF7;
  }
}
html body .bloc.chiffreClesHome .container {
  max-width: 1191px;
}
html body .bloc.chiffreClesHome .chiffreClesContainer {
  height: calc(100% - 11px);
  margin-bottom: 11px;
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome .chiffreClesContainer {
    height: 100%;
    margin-bottom: 0;
  }
}
html body .bloc.chiffreClesHome .chiffreCles {
  border-radius: 25px;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  padding: 20px;
}
html body .bloc.chiffreClesHome .chiffreCles.fondBleu {
  color: #E6EAF0;
}
html body .bloc.chiffreClesHome .chiffreCles.fondBleu a {
  color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome .chiffreCles.small {
    padding: 21px;
  }
}
html body .bloc.chiffreClesHome .chiffreCles.small .chiffre {
  font-size: 34px;
}
@media screen and (min-width: 1200px) {
  html body .bloc.chiffreClesHome .chiffreCles.small .chiffre {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome .chiffreCles {
    padding: 28px;
    font-size: 20px;
  }
}
html body .bloc.chiffreClesHome .chiffreCles a {
  font-size: 14px;
}
html body .bloc.chiffreClesHome .chiffreCles .picto {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 64px;
  width: 64px;
}
html body .bloc.chiffreClesHome .chiffreCles .chiffre {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: -6%;
  margin-bottom: 5px;
  padding-top: 25px;
}
@media screen and (min-width: 1200px) {
  html body .bloc.chiffreClesHome .chiffreCles .chiffre {
    font-weight: 600;
    font-size: 60px;
    padding-top: 40px;
  }
}
html body .bloc.chiffreClesHome .chiffreCles .chiffre.animation {
  margin-bottom: 5px;
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  html body .bloc.chiffreClesHome .chiffreCles .chiffre.animation {
    padding-top: 0px;
    margin-bottom: 26px;
  }
}
html body .bloc.chiffreClesHome .chiffreCles .chiffre.animation:before {
  content: "+";
}
html body .bloc.chiffreClesHome .chiffreCles .commentaire {
  font-size: 16px;
}
html body .bloc.bounceCategory h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 460px;
}
@media screen and (min-width: 768px) {
  html body .bloc.bounceCategory h2 {
    margin-bottom: 48px;
  }
}
html body .bloc.bounceCategory .lienPlusArticleContainer {
  padding-top: 30px;
  padding-bottom: 38px;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  html body .bloc.bounceCategory .lienPlusArticleContainer {
    padding-top: 50px;
    padding-bottom: 0;
  }
}
html body .bloc.bounceCategory .post {
  padding-top: 168%;
  background-size: cover;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
html body .bloc.bounceCategory .post:after {
  height: 100%;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.7) 100%);
}
html body .bloc.bounceCategory .post .textContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  padding: 16px 20px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  html body .bloc.bounceCategory .post .textContainer {
    font-size: 16px;
    padding: 20px 20px;
  }
}
html body .bloc.bounceCategory .post .textContainer h3 {
  font-size: 16px;
  font-weight: 800;
  color: #FFF;
  line-height: 125%;
}
@media screen and (min-width: 768px) {
  html body .bloc.bounceCategory .post .textContainer h3 {
    font-size: 20px;
  }
}
html body .bloc.partenaire .fond-blanc {
  font-size: 14px;
  font-weight: 700;
}
html body .bloc.partenaire .owl-carousel {
  margin-top: 30px;
}
html body .bloc.partenaire.fondBlancSansScroll .container .fond-blanc {
  padding: 20px 0px;
  border-radius: 15px;
  background-color: #FFF;
}
@media screen and (min-width: 768px) {
  html body .bloc.partenaire.fondBlancSansScroll .container .fond-blanc {
    padding: 20px 50px;
  }
}
html body .bloc.partenaire .image-container {
  margin: 0 auto;
  width: 60%;
}
html body .bloc.partenaire .image-container .image {
  padding-top: 60%;
}
@media screen and (min-width: 768px) {
  html body .has-marquee .bloc.notrehistoire .insideContent {
    height: calc(100vh - 140px);
  }
}
@media screen and (min-width: 768px) {
  html body .has-marquee .bloc.notrehistoire .insideContent.inside {
    top: 140px;
  }
}
html body .bloc.notrehistoire {
  position: relative;
  /*
  img.mainImage{
    position:fixed;
    left:-67%;
    opacity:1;
    transition:all 0.3s;
    
    @include desktop(){
      opacity:1;
    }
  }
  */
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire {
    padding-top: 0px !important;
  }
}
html body .bloc.notrehistoire.fond_bleu_ciel_arrondi .textBeforeFixed .dateFullContainer .overlayMobile:before {
  background: linear-gradient(180deg, rgba(230, 234, 240, 0) 0%, #e6eaf0 100%);
}
html body .bloc.notrehistoire.fond_bleu_ciel_arrondi .textBeforeFixed .dateFullContainer .overlayMobile:after {
  background: linear-gradient(0deg, rgba(230, 234, 240, 0) 0%, #e6eaf0 100%);
}
html body .bloc.notrehistoire.fond_bleu_ciel_arrondi .insideContent .overlayFrise:before {
  background: linear-gradient(180deg, rgba(230, 234, 240, 0) 0%, #e6eaf0 100%);
}
html body .bloc.notrehistoire.fond_bleu_ciel_arrondi .insideContent .overlayFrise:after {
  background: linear-gradient(0deg, rgba(230, 234, 240, 0) 0%, #e6eaf0 100%);
}
html body .bloc.notrehistoire.fond_bleu_arrondi .textBeforeFixed .dateFullContainer .overlayMobile:before {
  background: linear-gradient(180deg, rgba(28, 0, 156, 0) 0%, #1c009c 100%);
}
html body .bloc.notrehistoire.fond_bleu_arrondi .textBeforeFixed .dateFullContainer .overlayMobile:after {
  background: linear-gradient(0deg, rgba(28, 0, 156, 0) 0%, #1c009c 100%);
}
html body .bloc.notrehistoire.fond_bleu_arrondi .insideContent .overlayFrise:before {
  background: linear-gradient(180deg, rgba(28, 0, 156, 0) 0%, #1c009c 100%);
}
html body .bloc.notrehistoire.fond_bleu_arrondi .insideContent .overlayFrise:after {
  background: linear-gradient(0deg, rgba(28, 0, 156, 0) 0%, #1c009c 100%);
}
html body .bloc.notrehistoire.fond_blanc_arrondi .textBeforeFixed .dateFullContainer .overlayMobile:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
html body .bloc.notrehistoire.fond_blanc_arrondi .textBeforeFixed .dateFullContainer .overlayMobile:after {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
html body .bloc.notrehistoire.fond_blanc_arrondi .insideContent .overlayFrise:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
html body .bloc.notrehistoire.fond_blanc_arrondi .insideContent .overlayFrise:after {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
html body .bloc.notrehistoire .container {
  max-width: 1300px;
}
html body .bloc.notrehistoire .titre-label {
  border-top: 1px solid #D2D2D2;
  margin-top: 30px;
  padding-top: 30px;
  font-weight: 900;
}
html body .bloc.notrehistoire .labels {
  padding-top: 15px;
}
html body .bloc.notrehistoire .labels .image {
  height: 99px;
  width: 99px;
  display: inline-block;
  margin-left: 12px;
}
html body .bloc.notrehistoire .labels .image:first-child {
  margin-left: 0px;
}
html body .bloc.notrehistoire .textBeforeFixed {
  position: absolute;
  left: 0;
  width: 100%;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer {
  padding-bottom: 110px;
  position: relative;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .overlayMobile {
  position: fixed;
  top: 54px;
  height: calc(100vh - 54px);
  left: 0;
  right: 0;
  display: none;
  z-index: 10;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .overlayMobile:after, html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .overlayMobile:before {
  content: "";
  height: 100px;
  width: 100%;
  right: 0;
  position: absolute;
  display: block;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .overlayMobile:before {
  background: linear-gradient(180deg, rgba(219, 240, 255, 0) 0%, #dbf0ff 100%);
  bottom: 0;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .overlayMobile:after {
  background: linear-gradient(0deg, rgba(219, 240, 255, 0) 0%, #dbf0ff 100%);
  top: 0;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer.inside .overlayMobile {
  display: block;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer.inside .mainImage {
  position: fixed;
  top: 54px;
  left: -145px;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer.after .mainImage {
  position: absolute;
  top: initial;
  bottom: calc(100vh - 464px);
  left: -157px;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .mainImage {
  position: absolute;
  top: 0;
  height: 410px;
  width: 290px;
  left: -157px;
  margin-top: 60px;
  background-position: top center;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .dateContainer {
  padding-top: 25px;
  font-weight: 700;
  padding-left: 33vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .dateContainer {
    padding-left: 38px;
    padding-top: 60px;
  }
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .dateContainer h3 {
  font-size: 25px;
  font-weight: 800;
  position: relative;
}
html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .dateContainer h3:before {
  position: absolute;
  left: -38px;
  top: 8px;
  background-image: url("./assets/img/check-header.svg");
  height: 18px;
  width: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .textBeforeFixed .dateFullContainer .dateContainer h3 {
    font-size: 30px;
  }
}
html body .bloc.notrehistoire .textImageContent {
  padding-top: 80px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .textImageContent {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
html body .bloc.notrehistoire .textImageContent .texte-intro {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0px;
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .textImageContent .texte-intro {
    padding-bottom: 0px;
    padding-right: 0px;
  }
}
html body .bloc.notrehistoire .insideContent {
  width: 100%;
  height: calc(100vh - 54px);
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .insideContent {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .insideContent {
    height: calc(100vh - 104px);
  }
}
html body .bloc.notrehistoire .insideContent .overlayFrise:after, html body .bloc.notrehistoire .insideContent .overlayFrise:before {
  content: "";
  height: 100px;
  width: 100%;
  right: 0;
  position: absolute;
  display: block;
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .insideContent .overlayFrise:after, html body .bloc.notrehistoire .insideContent .overlayFrise:before {
    width: 50%;
  }
}
html body .bloc.notrehistoire .insideContent .overlayFrise:before {
  background: linear-gradient(180deg, rgba(219, 240, 255, 0) 0%, #dbf0ff 100%);
  bottom: 0;
}
html body .bloc.notrehistoire .insideContent .overlayFrise:after {
  background: linear-gradient(0deg, rgba(219, 240, 255, 0) 0%, #dbf0ff 100%);
  top: 0;
}
html body .bloc.notrehistoire .insideContent .scrollBar {
  position: absolute;
  height: 336px;
  width: 16px;
  border: 1px solid #000;
  border-radius: 16px;
  top: 50%;
  margin-top: -168px;
  left: 0;
  display: none;
}
html body .bloc.notrehistoire .insideContent .scrollBar .scrollBarRond {
  width: 16px;
  height: 16px;
  background-color: #1C009C;
  border-radius: 16px;
  position: absolute;
  left: -1px;
}
html body .bloc.notrehistoire .insideContent.inside {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  html body .bloc.notrehistoire .insideContent.inside {
    left: 2.5%;
    width: 95%;
    position: fixed;
    top: 104px;
  }
}
@media screen and (min-width: 1500px) {
  html body .bloc.notrehistoire .insideContent.inside {
    width: 100%;
    left: 0;
  }
}
html body .bloc.notrehistoire .insideContent.after {
  position: absolute;
  bottom: 0;
}
html body .bloc.notrehistoire .insideContent #videoContainer {
  position: absolute;
  right: 0;
}
html body .bloc.notrehistoire .insideContent #videoContainer .video {
  padding-top: 56%;
  background-color: #666;
}
html body .bloc.textImage {
  position: relative;
}
html body .bloc.textImage.nos-solutions .text-fond-blanc-container .bloc-texte-fond-blanc {
  padding: 25px;
}
html body .bloc.textImage.nos-solutions .text-fond-blanc-container .bloc-texte-fond-blanc h3 {
  font-size: 25px;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage.nos-solutions .text-fond-blanc-container .bloc-texte-fond-blanc h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
html body .bloc.textImage.fond_bleu_ciel_arrondi .texte-picto-slider-container:after {
  background: linear-gradient(90deg, rgba(230, 234, 240, 0) 0%, #e6eaf0 100%);
}
html body .bloc.textImage.fond_bleu_arrondi .texte-picto-slider-container:after {
  background: linear-gradient(90deg, rgba(28, 0, 156, 0) 0%, #1c009c 100%);
}
html body .bloc.textImage.fond_blanc_arrondi .texte-picto-slider-container:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
html body .bloc.textImage .texte-picto-slider-maincontainer {
  margin-top: 40px;
}
@media screen and (min-width: 1500px) {
  html body .bloc.textImage .texte-picto-slider-maincontainer {
    margin-right: -138px;
    margin-top: 0;
  }
}
html body .bloc.textImage .petite-ligne {
  font-size: 12px;
  margin-top: 73px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .petite-ligne {
    margin-top: 100px;
  }
}
html body .bloc.textImage .overflow {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
html body .bloc.textImage .image.image-check {
  margin: 0 auto;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .text-container-with-padding {
    padding-left: 56px;
  }
  html body .bloc.textImage .text-container-with-padding.ps-0 {
    padding-right: 56px;
  }
}
html body .bloc.textImage.imageFond {
  color: #FFF;
  overflow: initial;
  padding-top: 40px;
  padding-bottom: 20px;
}
html body .bloc.textImage.imageFond.fondRond {
  height: 564px;
  padding-top: 0;
  padding-bottom: 0;
}
html body .bloc.textImage.imageFond.fondRond .container {
  max-width: 500px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage.imageFond.fondRond .container {
    max-width: 540px;
  }
}
html body .bloc.textImage.imageFond.fondRond .image-fond-container:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(26, 45, 12, 0) 40%, rgba(26, 45, 12, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
}
html body .bloc.textImage.imageFond.fondRond .image-fond-container:after {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%);
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage.imageFond.fondRond .image-fond-container:after {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 70%);
  }
}
@media screen and (max-width: 768px) {
  html body .bloc.textImage.imageFond.fondRond {
    overflow: hidden;
  }
  html body .bloc.textImage.imageFond.fondRond .image-fond-container {
    left: 50%;
    height: 564px;
    width: 564px;
    border-radius: 564px;
    margin-left: -282px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage.imageFond.fondRond {
    height: 681px;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage.imageFond {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
html body .bloc.textImage.imageFond h2 {
  color: #FFF;
}
html body .bloc.textImage .container {
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage.has-slider {
    min-height: 570px;
  }
}
html body .bloc.textImage .text-picto-container {
  margin-top: 32px;
  position: relative;
}
html body .bloc.textImage .text-picto-container:after {
  content: "";
  display: block;
  background-color: #f5f4f1;
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  height: 1px;
  z-index: 10;
}
html body .bloc.textImage .text-picto-container:before {
  content: "";
  display: block;
  background-color: #f5f4f1;
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 1px;
  top: 0;
  z-index: 10;
}
html body .bloc.textImage .text-picto-container .col-6 {
  position: relative;
}
html body .bloc.textImage .text-picto-container .col-6:after {
  content: "";
  display: block;
  background-color: #E6EAF0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1px;
}
html body .bloc.textImage .text-picto-container .col-6:before {
  content: "";
  display: block;
  background-color: #E6EAF0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  top: 0;
}
html body .bloc.textImage .text-picto-container .ligne-text-picto {
  position: relative;
  padding-left: 57px;
  font-size: 14px;
  height: 70px;
}
html body .bloc.textImage .text-picto-container .ligne-text-picto .image {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 0;
  width: 45px;
  height: 45px;
  display: inline-block;
}
html body .bloc.textImage .text-fond-blanc-container {
  margin-top: 64px;
  row-gap: 15px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .text-fond-blanc-container {
    row-gap: 27px;
  }
}
html body .bloc.textImage .text-fond-blanc-container .bloc-texte-fond-blanc {
  margin-bottom: 0;
}
html body .bloc.textImage .text-fond-blanc-container .bloc-texte-fond-blanc .btn {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .text-fond-blanc-container .bloc-texte-fond-blanc .btn {
    margin-top: 55px;
  }
}
html body .bloc.textImage .lien-image-container {
  margin-top: 30px;
}
html body .bloc.textImage .texte-picto-slider-titre {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
}
html body .bloc.textImage .texte-picto-slider-container {
  position: relative;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .texte-picto-slider-container:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .texte-picto-slider-container {
    height: 200px;
    overflow: hidden;
  }
  html body .bloc.textImage .texte-picto-slider-container:after {
    content: "";
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 180px;
    background: linear-gradient(90deg, rgba(245, 244, 241, 0) 0%, #f5f4f1 100%);
    position: absolute;
  }
  html body .bloc.textImage .texte-picto-slider-container .fleche {
    background-image: url("./assets/img/fleche-droite.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    background-color: #FFEF27;
    border-radius: 55px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    right: 50px;
    z-index: 10;
  }
}
html body .bloc.textImage .texte-picto-slider-container .texte-picto-slider-slidepart {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .texte-picto-slider-container .texte-picto-slider-slidepart {
    gap: 37px;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
  }
}
html body .bloc.textImage .texte-picto-slider-container .slider-image {
  height: 189px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .texte-picto-slider-container .slider-image {
    left: 0;
  }
}
html body .bloc.textImage .texte-picto-slider-container .ligne-text-picto {
  background-color: #FFF;
  border-radius: 10px;
  height: 189px;
  flex: 1 1 calc(50% - 10px);
  /* 2 par ligne (50% - l’espace du gap) */
  padding: 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .texte-picto-slider-container .ligne-text-picto {
    width: 203px;
    flex: initial;
  }
}
html body .bloc.textImage .texte-picto-slider-container .ligne-text-picto .image {
  height: 45px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .overflow-hidden-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
}
html body .bloc.textImage .slider-image {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 30px;
  z-index: 15;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .slider-image {
    position: absolute;
    top: 50px;
    left: 50%;
    bottom: 0;
    width: 898px;
    overflow: hidden;
    padding: 0;
  }
}
html body .bloc.textImage .slider-image .slider-image-content {
  white-space: nowrap;
}
html body .bloc.textImage .slider-image .image {
  width: 100%;
  padding-top: 90%;
  border-radius: 25px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .slider-image .image {
    width: 434px;
  }
}
html body .bloc.textImage .slider-image .image .text-part {
  position: absolute;
  bottom: 20px;
  left: 20px;
  border-radius: 10px;
  padding: 13px;
  background-color: #FFF;
  color: #1C009C;
}
html body .bloc.textImage .slider-image .image .text-part .titre {
  font-weight: 800;
  font-size: 18px;
}
html body .bloc.textImage .imageContainer {
  margin-top: 22px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .imageContainer {
    margin-top: 0px;
    max-width: 592px;
  }
}
html body .bloc.textImage .imageContainer iframe {
  border-radius: 25px;
}
html body .bloc.textImage .imageContainer .image {
  aspect-ratio: 10/9;
  border-radius: 25px;
  background-size: cover;
  position: relative;
  object-fit: cover;
  display: block;
  width: 100%;
}
html body .bloc.textImage .container {
  max-width: 1191px;
}
html body .bloc.textImage .container.no-max-width {
  max-width: initial;
}
html body .bloc.textImage .souligne, html body .bloc.textImage .btn {
  margin-top: 20px;
}
html body .bloc.textImage .bloc-texte-fond-blanc {
  background-color: #FFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 20px 15px;
  color: #1C009C;
  position: relative;
}
html body .bloc.textImage .bloc-texte-fond-blanc.has-picto {
  padding-left: 87px;
}
html body .bloc.textImage .bloc-texte-fond-blanc.has-picto:before {
  content: "";
  display: block;
  height: 45px;
  width: 45px;
  background-color: #E6EAF0;
  border-radius: 10px;
  position: absolute;
  top: 25px;
  left: 17px;
}
html body .bloc.textImage .bloc-texte-fond-blanc .image {
  height: 45px;
  width: 45px;
  position: absolute;
  top: 25px;
  left: 17px;
  border-radius: 10px;
}
html body .bloc.textImage .col-12:last-child .contentX3 {
  margin-bottom: 0px;
}
html body .bloc.textImage .contentX3 {
  border-radius: 25px;
  background-color: #FFF;
  padding: 20px 30px;
  position: relative;
  padding-right: 130px;
  overflow: hidden;
  margin-bottom: 10px;
}
html body .bloc.textImage .contentX3 .background-image {
  height: 230px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImage .contentX3 {
    margin-bottom: 0px;
    padding-bottom: 230px;
    padding-right: 20px;
  }
  html body .bloc.textImage .contentX3 .background-image {
    height: 230px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
}
html body .bloc.textImageGratuit {
  padding-top: 40px;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
html body .bloc.textImageGratuit .btn {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .btn {
    margin-top: 20px;
  }
}
html body .bloc.textImageGratuit.has-background-image .intervenant {
  background-color: #E6EAF0;
}
html body .bloc.textImageGratuit .container {
  max-width: 1191px;
}
html body .bloc.textImageGratuit .text-intro {
  margin-bottom: 25px;
}
html body .bloc.textImageGratuit .intervenant {
  background-color: #FFF;
  color: #1C009C;
  font-size: 14px;
  border-radius: 15px;
  padding: 24px 20px;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .intervenant {
    margin-bottom: 0px;
  }
}
html body .bloc.textImageGratuit .intervenant strong {
  font-size: 16px;
  font-weight: 800;
}
html body .bloc.textImageGratuit .intervenant .image {
  padding-top: 100%;
  background-size: cover;
  border-radius: 50px;
}
html body .bloc.textImageGratuit .blocTexteAvecPictoRow .col-6:nth-last-child(-n+2) .blocTexteAvecPicto {
  margin-bottom: 0 !important;
}
html body .bloc.textImageGratuit .blocTexteAvecPictoRow .col-6 .blocTexteAvecPicto {
  border-radius: 10px;
  height: 163px;
  background-color: #FFF;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .blocTexteAvecPictoRow .col-6 .blocTexteAvecPicto {
    height: 189px;
    margin-bottom: 25px;
  }
}
html body .bloc.textImageGratuit .blocTexteAvecPictoRow .col-6 .blocTexteAvecPicto h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
html body .bloc.textImageGratuit .blocTexteAvecPictoRow .col-6 .blocTexteAvecPicto .image {
  height: 45px;
  width: 45px;
  background-size: contain;
  margin: 0 auto;
}
html body .bloc.textImageGratuit .blocFondBlanc {
  background-color: #FFF;
  border-radius: 25px;
  padding: 38px 23px 38px 54px;
  color: #1C009C;
  overflow: hidden;
  margin-top: 120px;
  position: relative;
  /*
  .blocFondBlancScroll{
    overflow:auto;
    position:absolute;
    top:38px;
    left:23px;
    right:23px;
    bottom:38px;
    
    @include desktop(){
      top:60px;
      left:60px;
      right:60px;
      bottom:60px;
    }
    
    scrollbar-color: $jaune #E6EAF0;
    scrollbar-width: thin;
    
    .blocFondBlancScrollContent{
      height:200%;
    } 
    
    &.scroll-vert{
      scrollbar-color: $vert #E6EAF0;
    }
  }
  */
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .blocFondBlanc {
    margin-top: 0px;
    padding: 60px 60px 60px 71px;
  }
}
html body .bloc.textImageGratuit .blocFondBlanc .blocFondBlancContent {
  position: relative;
}
html body .bloc.textImageGratuit .blocFondBlanc .blocFondBlancContent:before {
  transition: all 0.3s;
  content: "";
  display: block;
  background-color: #E6EAF0;
  width: 4px;
  height: 100%;
  position: absolute;
  left: -35px;
  top: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .blocFondBlanc .blocFondBlancContent:before {
    left: -40px;
  }
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte {
  opacity: 0.5;
  transition: all 0.3s;
  padding-top: 40px;
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte .textPart {
  position: relative;
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte .textPart:after {
  transition: all 0.3s;
  content: "";
  display: block;
  background-color: #FFEF27;
  width: 4px;
  height: 100%;
  position: absolute;
  left: -35px;
  top: 0;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .blocFondBlanc .blocTexte .textPart:after {
    left: -40px;
  }
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte .textPart.scroll-vert:after {
  background-color: #AAD300;
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte:first-child {
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageGratuit .blocFondBlanc .blocTexte {
    padding-top: 53px;
  }
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte.current {
  opacity: 1;
}
html body .bloc.textImageGratuit .blocFondBlanc .blocTexte.current .textPart:after {
  opacity: 1;
}
html body .bloc.textImageUtilisationScroll .container {
  max-width: 1191px;
}
html body .bloc.textImageUtilisationScroll .imageContainer {
  margin-top: 22px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageUtilisationScroll .imageContainer {
    margin-top: 0px;
    max-width: 592px;
  }
}
html body .bloc.textImageUtilisationScroll .imageContainer .image {
  aspect-ratio: 10/9;
  border-radius: 25px;
  background-size: cover;
  position: relative;
  object-fit: cover;
  display: block;
  width: 100%;
}
html body .bloc.textImageUtilisationScroll img {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  html body .bloc.textImageUtilisationScroll img {
    margin-top: 0;
  }
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc {
  color: #1C009C;
  overflow: hidden;
  position: relative;
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc .blocTexte {
  margin-top: 16px;
  border-radius: 16px;
  transition: all 0.3s;
  background-color: #E6EAF0;
  padding: 20px 40px;
  cursor: pointer;
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc .blocTexte:first-child {
  margin-top: 0;
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc .blocTexte.current {
  background-color: #1C009C;
  color: #FFF;
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc .blocFondBlancScroll {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  scrollbar-color: #FFEF27 #E6EAF0;
  scrollbar-width: thin;
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc .blocFondBlancScroll .blocFondBlancScrollContent {
  height: 200%;
}
html body .bloc.textImageUtilisationScroll .blocFondBlanc .blocFondBlancScroll.scroll-vert {
  scrollbar-color: #AAD300 #E6EAF0;
}
@media screen and (min-width: 992px) {
  html body .order-lg-6 {
    order: 6 !important;
  }
  html body .order-lg-7 {
    order: 7 !important;
  }
  html body .order-lg-8 {
    order: 8 !important;
  }
  html body .order-lg-9 {
    order: 9 !important;
  }
  html body .order-lg-10 {
    order: 10 !important;
  }
  html body .order-lg-11 {
    order: 11 !important;
  }
  html body .col-lg-20 {
    width: 20%;
  }
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header:hover, html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-header:hover {
  transform: initial !important;
}
html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] {
  text-align: left !important;
}
html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] > .ti-widget-container > .ti-header, html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] > .ti-widget-container > .ti-footer {
  box-shadow: none !important;
  background: transparent !important;
}
html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] .ti-header {
  padding: 15px 0 0 !important;
}
html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] .ti-header span, html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] .ti-header strong {
  color: #1C009C !important;
  font-family: "Area", sans-serif !important;
}
html body .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] .ti-small-logo {
  display: none;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-fade-container:after {
  color: #1C009C !important;
  font-family: "Area", sans-serif !important;
  content: "Selon Google Avis";
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
  position: relative;
  top: 1px;
  display: inline-block;
}
html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-header span, html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-header strong {
  font-weight: 800 !important;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] {
  text-align: left !important;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header span, html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header strong {
  font-weight: 700 !important;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header, html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-header {
  padding-bottom: 0 !important;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header span, html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-header strong, html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-header span, html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-header strong {
  color: #1C009C !important;
  font-family: "Area", sans-serif !important;
  font-size: 14px;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] .ti-fade-container .ti-platform-icon, html body .ti-widget[data-layout-id="106"][data-set-id=light-minimal] .ti-fade-container .ti-platform-icon {
  display: none !important;
}
html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] > .ti-widget-container > .ti-header, html body .ti-widget[data-layout-id="109"][data-set-id=light-minimal] > .ti-widget-container > .ti-footer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .trustindex-container-header .ti-widget[data-layout-id="106"][data-set-id=light-minimal] > .ti-widget-container > .ti-header, html body .trustindex-container-header .ti-widget[data-layout-id="106"][data-set-id=light-minimal] > .ti-widget-container > .ti-footer {
  padding: 0 !important;
}
html body .bloc.adherentParle .ti-widget * {
  color: #1C009C !important;
  font-family: "Area", sans-serif !important;
}
html body .bloc.adherentParle .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] > .ti-widget-container > .ti-header, html body .bloc.adherentParle .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] > .ti-widget-container > .ti-footer {
  box-shadow: none !important;
}
html body .bloc.adherentParle .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] {
  text-align: left !important;
}
html body .bloc.adherentParle .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] .ti-header span, html body .bloc.adherentParle .ti-widget[data-layout-id="32"][data-set-id=drop-shadow] .ti-header strong {
  color: #1C009C !important;
  font-family: "Area", sans-serif !important;
}
html body .bloc.adherentParle .ti-widget[data-layout-id="4"][data-set-id=soft][data-pid=d4fe4a91418c59962a1657b82dd] .ti-review-item > .ti-inner {
  padding: 19px !important;
}
html body .bloc.adherentParle .ti-widget[data-layout-id="32"][data-set-id=drop-shadow][data-pid="3ab00c012da95775a206ff16e61"] .ti-header {
  padding: 15px 0 0 !important;
}
html body .mc4wp-response {
  padding-top: 10px;
}
html body .mc4wp-response .mc4wp-alert.mc4wp-error, html body .mc4wp-response .mc4wp-alert.mc4wp-notice {
  color: #DC5252;
  position: relative;
  /*
  padding-left:30px;
  
  &:after{
    top:0;
    left:0;
    width:30px;
    bottom:0;
    position:absolute;
    display:flex;
    content:'i';
    font-size:30px;
    align-items: center !important;
  }
  */
}
html body .owl-carousel .owl-dots {
  text-align: center;
  margin-top: 20px;
}
html body .owl-carousel .owl-dots .owl-dot {
  transition: all 0.3s;
  border-radius: 11px;
  display: inline-block;
  margin-left: 3px;
  border: 0;
  background-color: #1C009C;
  height: 8px;
  width: 8px;
  opacity: 0.5;
}
html body .owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
  width: 21px;
}
html body .owl-carousel.owl-fleches-bleu .owl-nav button.owl-prev, html body .owl-carousel.owl-fleches-bleu .owl-nav button.owl-next {
  background-color: #1C009C;
}
html body .owl-carousel.owl-fleches-bleu .owl-nav button.owl-prev:after, html body .owl-carousel.owl-fleches-bleu .owl-nav button.owl-next:after {
  background-image: url("./assets/img/fleche-droite-blanc.svg");
}
html body .owl-carousel.owl-fleches-bleu .owl-nav button.owl-prev:hover, html body .owl-carousel.owl-fleches-bleu .owl-nav button.owl-next:hover {
  background-color: #180085;
}
html body .owl-carousel.owl-fleches-vert .owl-nav button.owl-prev, html body .owl-carousel.owl-fleches-vert .owl-nav button.owl-next {
  background-color: #AAD300;
}
html body .owl-carousel.owl-fleches-vert .owl-nav button.owl-prev:hover, html body .owl-carousel.owl-fleches-vert .owl-nav button.owl-next:hover {
  background-color: #99bf00;
}
html body .owl-carousel .owl-nav {
  margin-top: 30px;
}
html body .owl-carousel .owl-nav button.owl-prev, html body .owl-carousel .owl-nav button.owl-next {
  width: 55px;
  height: 55px;
  border: 0;
  background-color: #FFEF27;
  border-radius: 55px;
  display: inline-block;
  transition-property: all;
  transition-duration: 0.3s;
  position: relative;
}
html body .owl-carousel .owl-nav button.owl-prev span, html body .owl-carousel .owl-nav button.owl-next span {
  display: none;
}
html body .owl-carousel .owl-nav button.owl-prev:after, html body .owl-carousel .owl-nav button.owl-next:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  transition-property: all;
  transition-duration: 0.3s;
  background-image: url("./assets/img/fleche-droite.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html body .owl-carousel .owl-nav button.owl-prev:hover, html body .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #e5d822;
}
html body .owl-carousel .owl-nav button.owl-prev:hover:after, html body .owl-carousel .owl-nav button.owl-next:hover:after {
  border-color: #FFF;
}
html body .owl-carousel .owl-nav button.owl-prev.owl-prev, html body .owl-carousel .owl-nav button.owl-next.owl-prev {
  margin-right: 12px;
}
html body .owl-carousel .owl-nav button.owl-prev.owl-prev:after, html body .owl-carousel .owl-nav button.owl-next.owl-prev:after {
  transform: rotate(180deg);
}
html body .owl-carousel .owl-nav button.owl-prev.owl-next:after, html body .owl-carousel .owl-nav button.owl-next.owl-next:after {
  transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  html body .owl-carousel.owl-fleche-full-desktop {
    margin-top: 0px;
  }
  html body .owl-carousel.owl-fleche-full-desktop .owl-nav button.owl-prev, html body .owl-carousel.owl-fleche-full-desktop .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    margin-top: -27px;
  }
  html body .owl-carousel.owl-fleche-full-desktop .owl-nav button.owl-prev.owl-prev, html body .owl-carousel.owl-fleche-full-desktop .owl-nav button.owl-next.owl-prev {
    margin-right: 0px;
    left: -106px;
  }
  html body .owl-carousel.owl-fleche-full-desktop .owl-nav button.owl-prev.owl-next, html body .owl-carousel.owl-fleche-full-desktop .owl-nav button.owl-next.owl-next {
    right: -106px;
  }
}
html body .owl-carousel.owl-fleche-center .owl-nav {
  text-align: center;
}
html body .owl-carousel.owl-fleche-full .owl-nav {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  html body .owl-carousel.owl-fleche-full {
    margin-top: 0px;
  }
  html body .owl-carousel.owl-fleche-full .owl-nav {
    margin: 0;
  }
  html body .owl-carousel.owl-fleche-full .owl-nav button.owl-prev, html body .owl-carousel.owl-fleche-full .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
  }
  html body .owl-carousel.owl-fleche-full .owl-nav button.owl-prev.owl-prev, html body .owl-carousel.owl-fleche-full .owl-nav button.owl-next.owl-prev {
    margin-right: 0px;
    left: -106px;
  }
  html body .owl-carousel.owl-fleche-full .owl-nav button.owl-prev.owl-next, html body .owl-carousel.owl-fleche-full .owl-nav button.owl-next.owl-next {
    right: -106px;
  }
}
html body .form-select, html body .form-control {
  box-shadow: unset !important;
  border: inherit;
  height: 60px;
  border: 1px solid #E6EAF0;
}
html body .form-select.is-invalid, html body .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color) !important;
}
html body .form-select.fond-pas-blanc, html body .form-control.fond-pas-blanc {
  background-color: #f5f4f1;
  height: 55px;
  text-align: center;
  border-radius: 15px;
  font-weight: 800;
  font-size: 20px;
}
html body .champs-surface-container-container {
  width: 234px;
  margin: 0 auto;
}
html body .champs-surface-container-container .champs-surface-container {
  position: relative;
}
html body .champs-surface-container-container .champs-surface-container:after {
  content: "m²";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #1C009C;
  font-size: 20px;
  height: 55px;
  line-height: 55px;
  width: 60px;
  text-align: center;
  font-weight: 800;
}
html body .champs-surface-container-container .champs-surface-container .champs-surface {
  font-weight: 800;
  font-size: 20px;
  height: 55px;
  border-radius: 15px;
  border-color: #FFF;
  position: relative;
  padding-right: 60px;
  text-align: center;
}
html body .champs-surface-container-container .champs-surface-container .champs-surface.is-invalid {
  background-image: none;
}
html body .bloc.formulaire .txt-gris {
  color: #8b8b8b;
  font-size: 12px;
}
html body .bloc.formulaire h2 {
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 0px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  html body .bloc.formulaire h2 {
    margin-top: 50px;
    font-size: 30px;
  }
}
html body .has-btn-vert .nf-form-content input[type=button], html body .has-btn-vert .nf-form-content input[type=submit] {
  background-color: #AAD300 !important;
  color: #1C009C !important;
}
html body .has-btn-vert .nf-form-content input[type=button] a, html body .has-btn-vert .nf-form-content input[type=submit] a {
  color: #1C009C !important;
}
html body .has-btn-vert .nf-form-content input[type=button]:hover, html body .has-btn-vert .nf-form-content input[type=button].actif, html body .has-btn-vert .nf-form-content input[type=submit]:hover, html body .has-btn-vert .nf-form-content input[type=submit].actif {
  background-color: #99bf00 !important;
}
html body .nf-form-cont .telephone-container .nf-after-field .nf-input-limit, html body .bloc.form-landing .telephone-container .nf-after-field .nf-input-limit {
  display: none;
}
html body .nf-form-cont .telephone-container .nf-field-element, html body .bloc.form-landing .telephone-container .nf-field-element {
  position: relative;
  padding-left: 131px;
}
html body .nf-form-cont .telephone-container .nf-field-element:before, html body .bloc.form-landing .telephone-container .nf-field-element:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 121px;
  height: 60px;
  background-image: url("./assets/img/fake-phone.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
html body .has-btn-bleu .nf-form-content input[type=button], html body .has-btn-bleu .nf-form-content input[type=submit] {
  background-color: #1C009C !important;
  color: #FFF !important;
}
html body .has-btn-bleu .nf-form-content input[type=button] a, html body .has-btn-bleu .nf-form-content input[type=submit] a {
  color: #FFF !important;
}
html body .has-btn-bleu .nf-form-content input[type=button]:hover, html body .has-btn-bleu .nf-form-content input[type=button].actif, html body .has-btn-bleu .nf-form-content input[type=submit]:hover, html body .has-btn-bleu .nf-form-content input[type=submit].actif {
  background-color: #180085 !important;
}
html body .nf-form-cont .checkbox-container.form-check, html body .form-check.optin.form-check {
  padding-left: 0;
}
html body .nf-form-cont .checkbox-container .ninja-forms-req-symbol, html body .form-check.optin .ninja-forms-req-symbol {
  display: none;
}
html body .nf-form-cont .checkbox-container .nf-field-element, html body .nf-form-cont .checkbox-container .form-check-input, html body .form-check.optin .nf-field-element, html body .form-check.optin .form-check-input {
  display: none;
}
html body .nf-form-cont .checkbox-container .nf-field-label label, html body .form-check.optin .nf-field-label label {
  width: 30px;
  height: 100%;
  cursor: pointer;
}
html body .nf-form-cont .checkbox-container .nf-field-label, html body .nf-form-cont .checkbox-container .form-check-label, html body .form-check.optin .nf-field-label, html body .form-check.optin .form-check-label {
  padding: 0;
}
html body .nf-form-cont .checkbox-container .nf-field-label a, html body .nf-form-cont .checkbox-container .form-check-label a, html body .form-check.optin .nf-field-label a, html body .form-check.optin .form-check-label a {
  color: #1C009C;
}
html body .nf-form-cont .checkbox-container .nf-field-label.form-check-label, html body .nf-form-cont .checkbox-container .form-check-label.form-check-label, html body .form-check.optin .nf-field-label.form-check-label, html body .form-check.optin .form-check-label.form-check-label {
  padding-left: 30px;
}
html body .nf-form-cont .checkbox-container .nf-field-label label, html body .nf-form-cont .checkbox-container .nf-field-label.form-check-label, html body .nf-form-cont .checkbox-container .form-check-label label, html body .nf-form-cont .checkbox-container .form-check-label.form-check-label, html body .form-check.optin .nf-field-label label, html body .form-check.optin .nf-field-label.form-check-label, html body .form-check.optin .form-check-label label, html body .form-check.optin .form-check-label.form-check-label {
  position: relative;
}
html body .nf-form-cont .checkbox-container .nf-field-label label:after, html body .nf-form-cont .checkbox-container .nf-field-label.form-check-label:after, html body .nf-form-cont .checkbox-container .form-check-label label:after, html body .nf-form-cont .checkbox-container .form-check-label.form-check-label:after, html body .form-check.optin .nf-field-label label:after, html body .form-check.optin .nf-field-label.form-check-label:after, html body .form-check.optin .form-check-label label:after, html body .form-check.optin .form-check-label.form-check-label:after {
  display: block;
  height: 20px;
  width: 20px;
  border: 1px solid #8b8b8b;
  border-radius: 4px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
html body .nf-form-cont .checkbox-container label.nf-checked-label:after, html body .nf-form-cont .checkbox-container .form-check-input:checked + .form-check-label:after, html body .form-check.optin label.nf-checked-label:after, html body .form-check.optin .form-check-input:checked + .form-check-label:after {
  border-color: #1C009C;
  background-color: #1C009C;
  background-image: url("./assets/img/coche-checkbox.svg");
  background-size: 9px auto;
  background-repeat: no-repeat;
  background-position: center;
}
html body .nf-form-cont .checkbox-container.label-right .nf-field-description, html body .form-check.optin.label-right .nf-field-description {
  margin-right: 0;
  font-size: 12px;
  font-weight: 600;
}
html body .nf-form-cont .checkbox-container.label-right .nf-field-description a, html body .form-check.optin.label-right .nf-field-description a {
  color: #1C009C;
}
html body .nf-form-cont {
  max-width: 684px;
  margin: 0 auto;
  color: #1C009C;
  font-size: 16px;
  font-weight: 600;
}
html body .nf-form-cont .nf-form-fields-required {
  display: none;
}
html body .nf-form-cont .nf-after-form-content {
  text-align: center;
}
html body .nf-form-cont .nf-field-container.submit-container {
  margin-bottom: 10px;
}
html body .nf-form-cont .nf-multi-cell .nf-cell {
  padding: 0 11px;
}
html body .nf-form-cont .submit-wrap {
  text-align: center;
}
html body .nf-form-cont input[type=text], html body .nf-form-cont input[type=email], html body .nf-form-cont input[type=password], html body .nf-form-cont input[type=tel], html body .nf-form-cont select, html body .nf-form-cont textarea {
  border: 1px solid #E6EAF0;
  border-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
}
html body .nf-form-cont input[type=text], html body .nf-form-cont input[type=email], html body .nf-form-cont input[type=password], html body .nf-form-cont input[type=tel], html body .nf-form-cont select {
  height: 60px;
}
html body .nf-form-cont .nf-field-element textarea {
  height: 157px;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  html body .nf-form-cont .nf-field-element textarea {
    height: 130px;
  }
}
html body .nf-form-cont .indicatif-phone {
  position: relative;
}
html body .nf-form-cont .indicatif-phone.rouge select {
  border-color: #e80000;
}
html body .nf-form-cont .indicatif-phone select {
  padding-left: 52px;
  width: 120px;
  margin-right: 15px;
}
html body .nf-form-cont .indicatif-phone:after {
  content: "";
  display: block;
  top: 20px;
  left: 14px;
  width: 28px;
  height: 19px;
  background-image: url("./assets/img/drapeauFr.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
html body .nf-form-cont .list-container input[type=radio], html body .nf-form-cont .list-container input[type=checkbox] {
  display: none;
}
html body .nf-form-cont .list-container.listradio-container ul {
  display: flex;
}
html body .nf-form-cont .list-container.listradio-container ul li {
  display: block;
  width: calc(50% - 11px);
}
html body .nf-form-cont .list-container.listradio-container ul li:last-child {
  margin-left: auto !important;
}
html body .nf-form-cont .list-container.listcheckbox-container {
  position: relative;
  top: -20px;
  margin-bottom: 0;
}
html body .nf-form-cont .list-container.listcheckbox-container.pompe-a-chaleur ul li:after {
  background-image: url("./assets/img/pomp.svg");
}
html body .nf-form-cont .list-container.listcheckbox-container.ballon-eau-chaude ul li:after {
  background-image: url("./assets/img/ballo.svg");
}
html body .nf-form-cont .list-container.listcheckbox-container.climatiseur ul li:after {
  background-image: url("./assets/img/clim.svg");
}
html body .nf-form-cont .list-container.listcheckbox-container.rooftop ul li:after {
  background-image: url("./assets/img/roof.svg");
}
html body .nf-form-cont .list-container.listcheckbox-container.autre ul li:after {
  background-image: url("./assets/img/autre.svg");
}
html body .nf-form-cont .list-container.listcheckbox-container ul li {
  position: relative;
  background-color: #E6EAF0;
  border-radius: 15px;
}
html body .nf-form-cont .list-container.listcheckbox-container ul li:after {
  content: "";
  display: block;
  height: 45px;
  width: 45px;
  margin-right: 20px;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 60px;
  background-repeat: no-repeat;
  background-position: center;
  /*
  border-radius:10px;
  background-color:#FFF;
  background-size:10px 7px;
  */
  background-size: contain;
}
html body .nf-form-cont .list-container input[type=radio] + label, html body .nf-form-cont .list-container input[type=checkbox] + label {
  margin: 0;
  color: #1C009C;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #E6EAF0;
  border-radius: 15px;
  height: 69px;
  line-height: 69px;
  cursor: pointer;
  background-color: #E6EAF0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  padding-left: 20px;
  padding-right: 20px;
}
html body .nf-form-cont .list-container input[type=radio] + label:before {
  content: "";
  display: block;
  border-radius: 20px;
  border: 1px solid #8B8B8B;
  height: 20px;
  width: 20px;
  margin-right: 20px;
  transition: all 0.3s;
}
html body .nf-form-cont .list-container input[type=checkbox] + label {
  align-items: left;
  justify-content: left;
  background: transparent;
  z-index: 10;
}
html body .nf-form-cont .list-container input[type=checkbox] + label:before {
  content: "";
  display: block;
  border-radius: 4px;
  border: 1px solid #8B8B8B;
  height: 20px;
  width: 20px;
  margin-right: 85px;
  transition: all 0.3s;
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
}
html body .nf-form-cont .list-container input[type=radio].error + label, html body .nf-form-cont .list-container input[type=checkbox].error + label {
  border-color: #DC5252 !important;
  color: #DC5252;
}
html body .nf-form-cont .list-container input:checked[type=radio] + label, html body .nf-form-cont .list-container input:hover[type=radio] + label {
  border-color: #1C009C;
}
html body .nf-form-cont .list-container input:checked[type=radio] + label:before, html body .nf-form-cont .list-container input:hover[type=radio] + label:before {
  border: 5px solid #1C009C;
}
html body .nf-form-cont .list-container input:checked[type=checkbox] + label {
  border-color: #1C009C;
}
html body .nf-form-cont .list-container input:checked[type=checkbox] + label:before {
  background-image: url("./assets/img/coche-checkbox.svg");
  border: 5px solid #1C009C;
  background-color: #1C009C;
}
html body .radioContainer .picto {
  height: 55px;
  width: 55px;
  background-color: #FFF;
  border-radius: 10px;
  display: inline-block;
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .picto {
  height: 45px;
  width: 45px;
  position: absolute;
  top: 10px;
  left: 60px;
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input:checked[type=radio] + label .form-control-container, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input:checked[type=checkbox] + label .form-control-container {
  display: block;
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=radio] + label, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=checkbox] + label, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .like-radio {
  height: initial;
  min-height: 69px;
  justify-content: start;
  padding-top: 12px;
  padding-bottom: 12px;
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=radio] + label:before, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=checkbox] + label:before, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .like-radio:before {
  top: 34px;
  /* 69 / 2 */
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=radio] + label .label-container, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=checkbox] + label .label-container, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .like-radio .label-container {
  height: 45px;
  line-height: 45px;
  padding-left: 125px;
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=radio] + label .form-control-container, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=checkbox] + label .form-control-container, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .like-radio .form-control-container {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  padding-top: 12px;
  display: none;
}
html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=radio] + label .form-control-container .form-control, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .form-check-input[type=checkbox] + label .form-control-container .form-control, html body .radioContainer.radioContainerWithPicto.radioContainerWithPictoSmall .form-check .like-radio .form-control-container .form-control {
  height: 60px;
}
html body .radioContainer.radioContainerWithPicto .form-check .form-check-input[type=radio] + label, html body .radioContainer.radioContainerWithPicto .form-check .form-check-input[type=checkbox] + label, html body .radioContainer.radioContainerWithPicto .form-check .like-radio {
  line-height: 30px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body .radioContainer.radioContainerWithPicto .form-check .form-check-input[type=radio] + label:before, html body .radioContainer.radioContainerWithPicto .form-check .form-check-input[type=checkbox] + label:before, html body .radioContainer.radioContainerWithPicto .form-check .like-radio:before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 20px;
}
html body .radioContainer.radioContainerWithPicto .form-check .form-check-input[type=radio] + label.like-radio, html body .radioContainer.radioContainerWithPicto .form-check .form-check-input[type=checkbox] + label.like-radio, html body .radioContainer.radioContainerWithPicto .form-check .like-radio.like-radio {
  height: 180px;
}
html body .radioContainer .form-check {
  padding-left: 0;
}
html body .radioContainer .form-check .form-check-input[type=radio], html body .radioContainer .form-check .form-check-input[type=checkbox] {
  display: none;
}
html body .radioContainer .form-check .form-check-input[type=radio] + label, html body .radioContainer .form-check .form-check-input[type=checkbox] + label, html body .radioContainer .form-check .like-radio {
  color: #1C009C;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #E6EAF0;
  border-radius: 15px;
  height: 69px;
  line-height: 69px;
  cursor: pointer;
  background-color: #E6EAF0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  html body .radioContainer .form-check .form-check-input[type=radio] + label, html body .radioContainer .form-check .form-check-input[type=checkbox] + label, html body .radioContainer .form-check .like-radio {
    font-size: 20px;
  }
}
html body .radioContainer .form-check .form-check-input[type=checkbox] + label:before {
  content: "";
  display: block;
  border-radius: 4px;
  border: 1px solid #8B8B8B;
  height: 20px;
  width: 20px;
  margin-right: 85px;
  transition: all 0.3s;
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
}
html body .radioContainer .form-check .form-check-input[type=radio] + label:before {
  content: "";
  display: block;
  border-radius: 20px;
  border: 1px solid #8B8B8B;
  height: 20px;
  width: 20px;
  margin-right: 20px;
  transition: all 0.3s;
}
html body .radioContainer .form-check .form-check-input[type=radio].error + label, html body .radioContainer .form-check .form-check-input[type=checkbox].error + label {
  border-color: #DC5252 !important;
  color: #DC5252;
}
html body .radioContainer .form-check .form-check-input:checked[type=checkbox] + label {
  border-color: #1C009C;
}
html body .radioContainer .form-check .form-check-input:checked[type=checkbox] + label:before {
  background-image: url("./assets/img/coche-checkbox.svg");
  border: 5px solid #1C009C;
  background-color: #1C009C;
}
html body .radioContainer .form-check .form-check-input:checked[type=radio] + label, html body .radioContainer .form-check .form-check-input:hover[type=radio] + label {
  border-color: #1C009C;
}
html body .radioContainer .form-check .form-check-input:checked[type=radio] + label:before, html body .radioContainer .form-check .form-check-input:hover[type=radio] + label:before {
  border: 5px solid #1C009C;
}
html body .modal-content {
  background: transparent;
  color: #FFF;
  text-align: center;
  border: 0;
}
html body .modal-content .modal-body {
  padding-left: 0;
  padding-right: 0;
}
html body .modal-content .btn-close {
  background: transparent !important;
  position: relative;
  opacity: 1 !important;
  top: 30px;
  right: 10px;
  z-index: 10;
}
html body .modal-content .btn-close:hover:before {
  transform: rotate(315deg);
}
html body .modal-content .btn-close:hover:after {
  transform: rotate(45deg);
}
html body .modal-content .btn-close:before, html body .modal-content .btn-close:after {
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  height: 22px;
  width: 2px;
  content: "";
  position: absolute;
  top: 5px;
  left: 15px;
}
html body .modal-content .btn-close:before {
  transition: all 500ms ease-in-out;
  transform: rotate(45deg);
}
html body .modal-content .btn-close:after {
  transition: all 200ms linear;
  transition-delay: 150ms;
  transform: rotate(-45deg);
}
html body .modal-content .modal-header, html body .modal-content .modal-footer {
  border: 0;
}
html body .modal-dialog {
  border: 0;
}

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