@charset "UTF-8";
/* FONTS */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* RESPONSIVE MIXINS BREAKPOINT */
/* CUSTOM WIDTH CONTAINER */
/*
$xlg-container: 1200px;
$lg-container: 90%;
$md-container: 90%;
$sm-container: 90%;
*/
/* CUSTOM WIDTH CONTAINER DEFAULT */
/* CUSTOM COLORS VARIABLES */
/* BASICS COLORS VARIABLES */
/* PADDINGS */
/* PADDINGS FORM ADHESION/INSCRIPTION */
/* Plus grand ou égal custom */
/* Plus petit ou égal custom */
/* Plus grand ou égal à 1200px */
/* Plus petit ou égal à 1199px */
/* Plus grand ou égal à 992px */
/* Plus petit ou égal à 991px */
/* Plus grand ou égal à 768px */
/* Plus petit ou égal à 767px */
/* Plus grand ou égal à 576px */
/* Plus petit ou égal à 575px */
/* Entre 1199px et 992px */
/* Entre 1199px et 768px */
/* Entre 1199px et 576px */
/* Entre 991px et 768px */
/* Entre 991px et 576px */
/* Entre 767px et 576px */
/*Global variable for REM
    $rem : 16px;
*/
/* RESPONSIVE REM FONT-SIZE
html{
    font-size: $rem;
    @media only screen and (max-width : $lg) {
        html{font-size: 10px;}
    }
    @media only screen and (max-width : $md) {
        html{font-size: 8px;}
    }
    @media only screen and (max-width : $sm) {
        html{font-size: 5px;}
    }
    @media only screen and (max-width : $xs) {
        html{font-size: 5px;}
    }
}*/
.container {
  /*
  @include min-custom(1500px) {
      width: $xlg-container;
  }
  */
}
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 952px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1152px;
  }
}

@keyframes bounce_arrow {
  0% {
    -webkit-transform: translateY(30);
    -ms-transform: translateY(30);
    transform: translateY(30);
  }
  40% {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
  80% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
.slide-right {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 1;
  }
}
/* All titles */
/* col-grid */
/* Cancel UL LI list */
/* Solid background with opacity */
/* Solid background with gradient */
/* Background overlay with :after */
/* Gradient background overlay with :after, 6 variables to fill */
/* Absolute positions */
/* clear float after */
/* Fake container */
/* IMAGE Z LAYOUT */
/********************************************************************/
/* DISPLAY RESPONSIVE */
/********************************************************************/
.displaynone {
  display: none;
}

@media (max-width: 1199px) {
  .lg-hidden {
    display: none;
  }
}

@media (max-width: 991px) {
  .md-hidden {
    display: none;
  }
}

@media (max-width: 767px) {
  .sm-hidden {
    display: none;
  }
}

/********************************************************************/
/* CLEAR AFTER */
/********************************************************************/
.clearafter:after {
  content: "";
  display: block;
  clear: both;
}

/********************************************************************/
/* PADDINGS */
/********************************************************************/
.xsmallpadding {
  padding: 1rem 0 !important;
}

.xsmallpaddingtop {
  padding-top: 1rem !important;
}

.xsmallpaddingbottom {
  padding-bottom: 1rem !important;
}

.smallpadding {
  padding: 6rem 0 !important;
}

.smallpaddingtop {
  padding-top: 6rem !important;
}

.smallpaddingbottom {
  padding-bottom: 6rem !important;
}

.largepadding {
  padding: 10rem 0 !important;
}

.largepaddingtop {
  padding-top: 10rem !important;
}

.largepaddingbottom {
  padding-bottom: 10rem !important;
}

.xlargepadding {
  padding: 12.5rem 0 !important;
}

.xlargepaddingtop {
  padding-top: 12.5rem !important;
}

.xlargepaddingbottom {
  padding-bottom: 12.5rem !important;
}

@media (max-width: 991px) {
  .smallpadding {
    padding: 40px 0 !important;
  }
  .smallpaddingtop {
    padding-top: 40px !important;
  }
  .smallpaddingbottom {
    padding-bottom: 40px !important;
  }
  .largepadding {
    padding: 80px 0 !important;
  }
  .largepaddingtop {
    padding-top: 80px !important;
  }
  .largepaddingbottom {
    padding-bottom: 80px !important;
  }
}
/********************************************************************/
/* ALIGNEMENTS */
/********************************************************************/
/* Alignement vertical flex */
.verticalalign .row {
  display: flex;
  flex-wrap: wrap;
}
.verticalalign .row > div {
  display: flex;
  flex-direction: column;
}
.verticalalign .row > div > div {
  width: 100%;
}
.verticalalign.center .row > div {
  align-items: center;
  justify-content: center;
}
.verticalalign.bottom .row > div {
  align-items: center;
  justify-content: flex-end;
}

/* Centrer l'image d'un article */
.centeredimage .mod-article__img, .centeredimage .news-thumbnail {
  display: block;
  margin: 0 auto;
}
.centeredimage .itemImage {
  text-align: center;
}
.centeredimage .itemImage img {
  display: inline-block !important;
}
.centeredimage .item img {
  display: inline-block !important;
}
.centeredimage-marginbottom .mod-article__img, .centeredimage-marginbottom .news-thumbnail {
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
}
.centeredimage-margintop .mod-article__img, .centeredimage-margintop .news-thumbnail {
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}

/* Centrer tous les éléments d'un article en mobile */
@media (max-width: 767px) {
  .mobileallcenter {
    text-align: center;
  }
  .mobileallcenter .zone-article, .mobileallcenter .zone-article div {
    width: 100%;
  }
}

/* Centrer uniquement l'image d'un article en mobile */
@media (max-width: 767px) {
  .mobileimgcenter {
    text-align: center;
  }
  .mobileimgcenter .zone-article, .mobileimgcenter .zone-article div {
    width: 100%;
  }
  .mobileimgcenter .mod-article__intro {
    margin-top: 30px;
  }
  .mobileimgcenter .mod-article__intro, .mobileimgcenter .mod-article__content .mod-article__content {
    text-align: left;
  }
}

/********************************************************************/
/* MISE EN PAGE */
/********************************************************************/
/* Intro des pages */
.pageIntroduction {
  text-align: center;
}
.pageIntroduction .mod-article__intro, .pageIntroduction .mod-article__content, .pageIntroduction .zone-html > .content {
  max-width: 750px;
  margin: auto;
}

/* Full Width 80% */
@media (min-width: 768px) {
  .fullwidth-80 .container {
    width: 94%;
  }
}
@media (min-width: 1200px) {
  .fullwidth-80 .container {
    width: 80%;
  }
}

/* Layout en Z */
@media (max-width: 767px) {
  .zlayout > .container > .row, .zlayout > .container-fluid > .row {
    display: flex;
    flex-flow: column;
  }
  .zlayout > .container > .row > div:first-child, .zlayout > .container-fluid > .row > div:first-child {
    order: 1;
  }
  .zlayout > .container > .row > div:last-child, .zlayout > .container-fluid > .row > div:last-child {
    order: 0;
  }
  .zlayout .zone-image {
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .md-zlayout > .container > .row, .md-zlayout > .container-fluid > .row {
    display: flex;
    flex-flow: column;
  }
  .md-zlayout > .container > .row > div:first-child, .md-zlayout > .container-fluid > .row > div:first-child {
    order: 1;
  }
  .md-zlayout > .container > .row > div:last-child, .md-zlayout > .container-fluid > .row > div:last-child {
    order: 0;
  }
  .md-zlayout .zone-image {
    margin-bottom: 30px;
  }
}

/********************************************************************/
/* TITLES */
/********************************************************************/
.whitetitles h1, .whitetitles h2, .whitetitles h3, .whitetitles h4, .whitetitles h5, .whitetitles h6, .whitetitles p, .whitetitles .h1, .whitetitles .h2, .whitetitles .h3, .whitetitles .h4, .whitetitles .h5, .whitetitles .h6 {
  color: #fff !important;
}
.whitetitles-h1 h1, .whitetitles-h2 h2, .whitetitles-h3 h3, .whitetitles-h4 h4, .whitetitles-h5 h5, .whitetitles-h6 h6 {
  color: #fff !important;
}

.whiteparagraphe p {
  color: #000;
}

.darktitles h1, .darktitles h2, .darktitles h3, .darktitles h4, .darktitles h5, .darktitles h6, .darktitles p, .darktitles .h1, .darktitles .h2, .darktitles .h3, .darktitles .h4, .darktitles .h5, .darktitles .h6 {
  color: #000 !important;
}
.darktitles-h1 h1, .darktitles-h2 h2, .darktitles-h3 h3, .darktitles-h4 h4, .darktitles-h5 h5, .darktitles-h6 h6 {
  color: #000 !important;
}

.darkparagraphe p {
  color: #000;
}

/* Pour les modules d'articles en vedette seulement, 
mettre nombre de colonnes à 1 dans le module */
.col-grid[class*=grid] .newsList, .col-grid[class*=grid] .news-mosaic, .col-grid[class*=grid] .eventsList {
  gap: 60px 40px;
}
.col-grid.grid-5 .newsList, .col-grid.grid-5 .news-mosaic, .col-grid.grid-5 .eventsList {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.col-grid.grid-4 .newsList, .col-grid.grid-4 .news-mosaic, .col-grid.grid-4 .eventsList {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.col-grid.grid-3 .newsList, .col-grid.grid-3 .news-mosaic, .col-grid.grid-3 .eventsList {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-grid.grid-2 .newsList, .col-grid.grid-2 .news-mosaic, .col-grid.grid-2 .eventsList {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.col-grid.grid-1 .newsList, .col-grid.grid-1 .news-mosaic, .col-grid.grid-1 .eventsList {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 1199px) {
  .col-grid.grid-lg-5 .newsList, .col-grid.grid-lg-5 .news-mosaic, .col-grid.grid-lg-5 .eventsList {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1199px) {
  .col-grid.grid-lg-4 .newsList, .col-grid.grid-lg-4 .news-mosaic, .col-grid.grid-lg-4 .eventsList {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1199px) {
  .col-grid.grid-lg-3 .newsList, .col-grid.grid-lg-3 .news-mosaic, .col-grid.grid-lg-3 .eventsList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1199px) {
  .col-grid.grid-lg-2 .newsList, .col-grid.grid-lg-2 .news-mosaic, .col-grid.grid-lg-2 .eventsList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1199px) {
  .col-grid.grid-lg-1 .newsList, .col-grid.grid-lg-1 .news-mosaic, .col-grid.grid-lg-1 .eventsList {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .col-grid.grid-md-5 .newsList, .col-grid.grid-md-5 .news-mosaic, .col-grid.grid-md-5 .eventsList {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .col-grid.grid-md-4 .newsList, .col-grid.grid-md-4 .news-mosaic, .col-grid.grid-md-4 .eventsList {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .col-grid.grid-md-3 .newsList, .col-grid.grid-md-3 .news-mosaic, .col-grid.grid-md-3 .eventsList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .col-grid.grid-md-2 .newsList, .col-grid.grid-md-2 .news-mosaic, .col-grid.grid-md-2 .eventsList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .col-grid.grid-md-1 .newsList, .col-grid.grid-md-1 .news-mosaic, .col-grid.grid-md-1 .eventsList {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .col-grid.grid-sm-5 .newsList, .col-grid.grid-sm-5 .news-mosaic, .col-grid.grid-sm-5 .eventsList {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .col-grid.grid-sm-4 .newsList, .col-grid.grid-sm-4 .news-mosaic, .col-grid.grid-sm-4 .eventsList {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .col-grid.grid-sm-3 .newsList, .col-grid.grid-sm-3 .news-mosaic, .col-grid.grid-sm-3 .eventsList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .col-grid.grid-sm-2 .newsList, .col-grid.grid-sm-2 .news-mosaic, .col-grid.grid-sm-2 .eventsList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .col-grid.grid-sm-1 .newsList, .col-grid.grid-sm-1 .news-mosaic, .col-grid.grid-sm-1 .eventsList {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .col-grid.grid-xs-5 .newsList, .col-grid.grid-xs-5 .news-mosaic, .col-grid.grid-xs-5 .eventsList {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .col-grid.grid-xs-4 .newsList, .col-grid.grid-xs-4 .news-mosaic, .col-grid.grid-xs-4 .eventsList {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .col-grid.grid-xs-3 .newsList, .col-grid.grid-xs-3 .news-mosaic, .col-grid.grid-xs-3 .eventsList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .col-grid.grid-xs-2 .newsList, .col-grid.grid-xs-2 .news-mosaic, .col-grid.grid-xs-2 .eventsList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .col-grid.grid-xs-1 .newsList, .col-grid.grid-xs-1 .news-mosaic, .col-grid.grid-xs-1 .eventsList {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.col-grid .newsList, .col-grid .news-mosaic, .col-grid .eventsList {
  display: grid;
}
.col-grid .newsList .row, .col-grid .news-mosaic .row, .col-grid .eventsList .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.col-grid .newsList .row .item, .col-grid .newsList .row > div, .col-grid .news-mosaic .row .item, .col-grid .news-mosaic .row > div, .col-grid .eventsList .row .item, .col-grid .eventsList .row > div {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Remove outline on link and button */
input, select, textarea, button {
  outline: none !important;
}

*:focus, *:hover, img {
  outline: none;
}

a:active, a:focus {
  outline: 0;
  -moz-outline-style: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0;
  -moz-outline-style: none;
}

/* Change selection color */
::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #464545;
}

::selection {
  color: #fff;
  background: #464545;
}

/* Remove native back to list button because its a javascrip history back */
.article-back-to-list-histo {
  display: none;
}

/* Hides all the medias sharing button because we never used them */
.plugin-addthis {
  /*display: none;*/
}

/* MOBILE CONTAINER PADDING LARGER BECAUSE OUR DESIGNERS LIKE IT THICC */
@media (max-width: 767px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

/* FIX FLEX ON SAFARI, do not delete */
@media (min-width: 768px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
    margin: 0 -1px;
  }
}
.zone-banner {
  margin: 0;
}
.zone-banner .col-xs-1, .zone-banner .col-sm-1, .zone-banner .col-md-1, .zone-banner .col-lg-1, .zone-banner .col-xs-2, .zone-banner .col-sm-2, .zone-banner .col-md-2, .zone-banner .col-lg-2, .zone-banner .col-xs-3, .zone-banner .col-sm-3, .zone-banner .col-md-3, .zone-banner .col-lg-3, .zone-banner .col-xs-4, .zone-banner .col-sm-4, .zone-banner .col-md-4, .zone-banner .col-lg-4, .zone-banner .col-xs-5, .zone-banner .col-sm-5, .zone-banner .col-md-5, .zone-banner .col-lg-5, .zone-banner .col-xs-6, .zone-banner .col-sm-6, .zone-banner .col-md-6, .zone-banner .col-lg-6, .zone-banner .col-xs-7, .zone-banner .col-sm-7, .zone-banner .col-md-7, .zone-banner .col-lg-7, .zone-banner .col-xs-8, .zone-banner .col-sm-8, .zone-banner .col-md-8, .zone-banner .col-lg-8, .zone-banner .col-xs-9, .zone-banner .col-sm-9, .zone-banner .col-md-9, .zone-banner .col-lg-9, .zone-banner .col-xs-10, .zone-banner .col-sm-10, .zone-banner .col-md-10, .zone-banner .col-lg-10, .zone-banner .col-xs-11, .zone-banner .col-sm-11, .zone-banner .col-md-11, .zone-banner .col-lg-11, .zone-banner .col-xs-12, .zone-banner .col-sm-12, .zone-banner .col-md-12, .zone-banner .col-lg-12, .zone-banner .col-xs-13, .zone-banner .col-sm-13, .zone-banner .col-md-13, .zone-banner .col-lg-13, .zone-banner .col-xs-14, .zone-banner .col-sm-14, .zone-banner .col-md-14, .zone-banner .col-lg-14, .zone-banner .col-xs-15, .zone-banner .col-sm-15, .zone-banner .col-md-15, .zone-banner .col-lg-15, .zone-banner .col-xs-16, .zone-banner .col-sm-16, .zone-banner .col-md-16, .zone-banner .col-lg-16, .zone-banner .col-xs-17, .zone-banner .col-sm-17, .zone-banner .col-md-17, .zone-banner .col-lg-17, .zone-banner .col-xs-18, .zone-banner .col-sm-18, .zone-banner .col-md-18, .zone-banner .col-lg-18, .zone-banner .col-xs-19, .zone-banner .col-sm-19, .zone-banner .col-md-19, .zone-banner .col-lg-19, .zone-banner .col-xs-20, .zone-banner .col-sm-20, .zone-banner .col-md-20, .zone-banner .col-lg-20, .zone-banner .col-xs-21, .zone-banner .col-sm-21, .zone-banner .col-md-21, .zone-banner .col-lg-21, .zone-banner .col-xs-22, .zone-banner .col-sm-22, .zone-banner .col-md-22, .zone-banner .col-lg-22, .zone-banner .col-xs-23, .zone-banner .col-sm-23, .zone-banner .col-md-23, .zone-banner .col-lg-23, .zone-banner .col-xs-24, .zone-banner .col-sm-24, .zone-banner .col-md-24, .zone-banner .col-lg-24 {
  margin: 0;
}

/* ################################# */
body {
  font-family: "Red Hat Display", sans-serif;
}
body.overflowhidden {
  overflow: hidden;
}

/*###########################  TITRES  ###########################*/
h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Red Hat Display", sans-serif;
  margin-bottom: 15px;
  width: 100%;
  color: #464545;
}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, p:hover, .h1:hover, .h2:hover, .h3:hover, .h4:hover, .h5:hover, .h6:hover {
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br, .h1 br, .h2 br, .h3 br, .h4 br, .h5 br, .h6 br {
    display: none !important;
  }
}
@media (max-width: 575px) {
  h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6 {
    word-break: break-word;
  }
}

h1, .h1 {
  font-size: 61px;
  line-height: 65px;
  font-weight: 700;
  text-transform: initial;
}
@media (max-width: 991px) {
  h1, .h1 {
    font-size: 48px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 45px;
    line-height: 40px;
  }
}

h2, .h2 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 700;
  text-transform: initial;
}
@media (max-width: 991px) {
  h2, .h2 {
    font-size: 43px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  h2, .h2 {
    font-size: 40px;
    line-height: 45px;
  }
}

h3, .h3 {
  font-size: 40px;
  line-height: 43px;
  font-weight: 700;
  text-transform: initial;
}
@media (max-width: 991px) {
  h3, .h3 {
    font-size: 37px;
    line-height: 43px;
  }
}
@media (max-width: 767px) {
  h3, .h3 {
    font-size: 34px;
    line-height: 43px;
  }
}

h4, .h4 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  text-transform: initial;
}
@media (max-width: 991px) {
  h4, .h4 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  h4, .h4 {
    font-size: 27px;
    line-height: 32px;
  }
}

h5, .h5 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: initial;
}
h6, .h6 {
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
  text-transform: initial;
}
.text_default {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #464545;
}
p.banner {
  font-size: 25px;
  line-height: 30px;
}
p.grand {
  font-size: 18px;
  line-height: 25px;
}
p.petit, .line-footer-2 .container-fluid .zone-html .content p {
  font-size: 12px;
  line-height: 20px;
}

hr {
  border-color: rgba(70, 69, 69, 0.5);
}

a:not(.btn):not(.switch-language):not(.page):not(.article-back-to-list-histo):not(ul.nav a):not(ul.ui-nav a):not(.line-header a):not(.menu-item):not(.news-accordion-header):not(.viewAll):not(.mod-eventflash__item-title a):not(.news-title a):not(.line-footer-2 a):not(.news-accordion-content a) {
  color: #464545;
  text-decoration: underline;
}
a:not(.btn):not(.switch-language):not(.page):not(.article-back-to-list-histo):not(ul.nav a):not(ul.ui-nav a):not(.line-header a):not(.menu-item):not(.news-accordion-header):not(.viewAll):not(.mod-eventflash__item-title a):not(.news-title a):not(.line-footer-2 a):not(.news-accordion-content a):hover, a:not(.btn):not(.switch-language):not(.page):not(.article-back-to-list-histo):not(ul.nav a):not(ul.ui-nav a):not(.line-header a):not(.menu-item):not(.news-accordion-header):not(.viewAll):not(.mod-eventflash__item-title a):not(.news-title a):not(.line-footer-2 a):not(.news-accordion-content a):active, a:not(.btn):not(.switch-language):not(.page):not(.article-back-to-list-histo):not(ul.nav a):not(ul.ui-nav a):not(.line-header a):not(.menu-item):not(.news-accordion-header):not(.viewAll):not(.mod-eventflash__item-title a):not(.news-title a):not(.line-footer-2 a):not(.news-accordion-content a):focus {
  color: #FFB14A;
  text-decoration: underline;
}

ul, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 25px;
}
ul li, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #464545;
  margin-bottom: 0;
}
ul li.banner, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li.banner {
  font-size: 25px;
  line-height: 30px;
}
ul li.grand, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li.grand {
  font-size: 18px;
  line-height: 25px;
}
ul li.petit, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li.petit {
  font-size: 12px;
  line-height: 20px;
}
ul li::marker, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li::marker {
  color: #FFB14A;
}
ul li ul, ul li ol, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li ul, ol:not(.nav):not(.nav-sidebar-sticky):not(.chosen-choices):not(.chosen-results):not(.mod-header):not(.dropdown-menu):not(.dropdown-menu-level-2):not(.list-group):not(.list-unstyled):not(.error):not(.errors):not(#menu) li ol {
  margin-top: 0;
  margin-bottom: 0;
}

ol {
  padding-left: 15px;
}

/*###########################  BOUTONS  ###########################*/
.btn-primary {
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}

.btn-primary-important {
  background-color: #FFB14A !important;
  color: #fff !important;
  transition: all 150ms !important;
  border: 1px solid #FFB14A !important;
}
.btn-primary-important:hover, .btn-primary-important:active, .btn-primary-important:focus {
  background-color: transparent !important;
  border: 1px solid #FFB14A !important;
  color: #464545 !important;
}

.btn-primary-invert {
  background-color: transparent;
  color: #464545;
  transition: all 150ms;
  border-style: solid;
  border-width: 1px;
  border-color: #FFB14A;
}
.btn-primary-invert:hover, .btn-primary-invert:active, .btn-primary-invert:focus {
  background-color: #FFB14A;
  border: 1px solid #FFB14A;
  color: #fff;
}

.btn-primary-invert-important {
  width: fit-content !important;
  padding: 10px 30px !important;
  border-radius: 50px !important;
  background-color: transparent !important;
  color: #464545 !important;
  font-size: 16px !important;
  transition: all 150ms !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #FFB14A !important;
}
.btn-primary-invert-important:hover, .btn-primary-invert-important:active, .btn-primary-invert-important:focus {
  background-color: #FFB14A !important;
  border: 1px solid #FFB14A !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-secondary {
  font-size: 16px;
  line-height: 22px;
  text-decoration: none !important;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px !important;
  border: 1px solid #F3F3F3 !important;
  padding: 10px 70px 10px 30px !important;
  color: #464545 !important;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
}
.btn-secondary:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/arrow-blue.svg");
  background-repeat: no-repeat;
  right: -34px;
  margin-top: 0px;
  position: relative;
  display: inline-block;
  width: 21px;
  height: 12px;
  animation-name: none;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #F3F3F3;
  text-decoration: none;
  color: #fff !important;
}
.btn-secondary:hover:after, .btn-secondary:active:after, .btn-secondary:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/arrow-white.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}
.btn-secondary.infolettre {
  border: 1px solid #fff !important;
  padding: 10px 100px 10px 30px !important;
  color: #fff !important;
}
.btn-secondary.infolettre:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/white-arrow-btn.svg");
  right: -64px;
}
.btn-secondary.infolettre:hover, .btn-secondary.infolettre:active, .btn-secondary.infolettre:focus {
  background-color: #FFB14A;
  text-decoration: none;
  color: #fff !important;
}
.btn-secondary.infolettre:hover:after, .btn-secondary.infolettre:active:after, .btn-secondary.infolettre:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/arrow-white.svg");
  right: -64px;
}

.btn-link {
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0;
  color: #FFB14A;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
}
.btn-link:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 14px;
  animation-name: none;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #464545;
}
.btn-link:hover:after, .btn-link:active:after, .btn-link:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}

.btn-link-invert {
  font-size: 15px;
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0 !important;
  color: #464545;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .btn-link-invert {
    text-align: left !important;
  }
}
.btn-link-invert:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 21px;
  height: 14px;
  animation-name: none;
}
@media (max-width: 991px) {
  .btn-link-invert:after {
    width: 35px;
  }
}
@media (max-width: 767px) {
  .btn-link-invert:after {
    right: -5px;
    margin-top: -3px;
    width: 80px;
  }
}
.btn-link-invert:hover, .btn-link-invert:active, .btn-link-invert:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #FFB14A;
}
.btn-link-invert:hover:after, .btn-link-invert:active:after, .btn-link-invert:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}

.btn-news {
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0;
  color: #FFB14A;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
  color: #464545;
  text-align: right !important;
}
.btn-news:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 14px;
  animation-name: none;
}
.btn-news:hover, .btn-news:active, .btn-news:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #464545;
}
.btn-news:hover:after, .btn-news:active:after, .btn-news:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}
.btn-news:after {
  right: 25px;
  top: 38px;
}

.previous-button:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYGe16smuR54TfY2UDtgXaZp/asset/images/icon-arrow.svg");
  background-repeat: no-repeat;
  left: -13px;
  right: auto;
  margin-top: -2px;
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 8px;
  animation-name: none;
}
.previous-button:hover, .previous-button:active, .previous-button:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #FFB14A;
}
.previous-button:hover:after, .previous-button:active:after, .previous-button:focus:after {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}

.btn, input.btn, a.btn {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  text-transform: inherit;
  line-height: 1.2;
  font-weight: 500;
  /*height: 44px;*/
  white-space: initial;
  width: fit-content;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  min-width: 0;
  border-radius: 50px;
}
.btn:hover, .btn:active, .btn:focus, input.btn:hover, input.btn:active, input.btn:focus, a.btn:hover, a.btn:active, a.btn:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn, input.btn, a.btn {
    white-space: normal !important;
  }
}
.btn.btn-primary, input.btn.btn-primary, a.btn.btn-primary {
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, input.btn.btn-primary:hover, input.btn.btn-primary:active, input.btn.btn-primary:focus, a.btn.btn-primary:hover, a.btn.btn-primary:active, a.btn.btn-primary:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}
.btn.btn-link, input.btn.btn-link, a.btn.btn-link {
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0;
  color: #FFB14A;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
}
.btn.btn-link:after, input.btn.btn-link:after, a.btn.btn-link:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 14px;
  animation-name: none;
}
.btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus, input.btn.btn-link:hover, input.btn.btn-link:active, input.btn.btn-link:focus, a.btn.btn-link:hover, a.btn.btn-link:active, a.btn.btn-link:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #464545;
}
.btn.btn-link:hover:after, .btn.btn-link:active:after, .btn.btn-link:focus:after, input.btn.btn-link:hover:after, input.btn.btn-link:active:after, input.btn.btn-link:focus:after, a.btn.btn-link:hover:after, a.btn.btn-link:active:after, a.btn.btn-link:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}
.btn.btn-default, input.btn.btn-default, a.btn.btn-default {
  background-color: transparent;
  color: #464545;
  transition: all 150ms;
  border-style: solid;
  border-width: 1px;
  border-color: #FFB14A;
}
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus, input.btn.btn-default:hover, input.btn.btn-default:active, input.btn.btn-default:focus, a.btn.btn-default:hover, a.btn.btn-default:active, a.btn.btn-default:focus {
  background-color: #FFB14A;
  border: 1px solid #FFB14A;
  color: #fff;
}

.btn {
  margin-right: 30px;
}
.btn + .btn, .btn:only-of-type {
  margin-right: 0px;
}

.back-to-list {
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0;
  color: #FFB14A;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
}
.back-to-list:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 14px;
  animation-name: none;
}
.back-to-list:hover, .back-to-list:active, .back-to-list:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #464545;
}
.back-to-list:hover:after, .back-to-list:active:after, .back-to-list:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}

/*###########################  FORMULAIRE  ###########################*/
/* INPUTS */
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #464545;
  -webkit-box-shadow: 0 0 0 rgb(5, 5, 5) 0px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* CONFIRMATION */
/* added H1 - never need to use it */
.formbuilder-confirmation-title {
  display: none;
}

/* Formulaire - Style Global */
form.form-horizontal,
form.search-form {
  /*Fix col-md-12 full width qui affiche a moitié - width égale*/
  /*Static Text in forms*/
}
form.form-horizontal .col-sm-24 .col-md-12,
form.search-form .col-sm-24 .col-md-12 {
  width: 100%;
  /*
  @include min-md {
  	padding: 0 15px 0px 0!important;
  }
  */
}
form.form-horizontal .form-group,
form.search-form .form-group {
  margin-left: 0px;
  margin-right: 0px;
  /* Required Red Star Styles */
  /* Input Global Style */
  /* Direct input overrides */
  /*Category Dropdown Styles*/
  /*Keywords Dropdown Styles*/
  /*Error Text Style*/
}
form.form-horizontal .form-group .col-md-12, form.form-horizontal .form-group .col-sm-17, form.form-horizontal .form-group .col-sm-24,
form.search-form .form-group .col-md-12,
form.search-form .form-group .col-sm-17,
form.search-form .form-group .col-sm-24 {
  padding: 0;
}
form.form-horizontal .form-group label.control-label,
form.search-form .form-group label.control-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-left: 0;
}
form.form-horizontal .form-group label.control-label--required,
form.search-form .form-group label.control-label--required {
  padding-left: 5px;
  color: #464545;
}
form.form-horizontal .form-group input:not(.btn), form.form-horizontal .form-group select, form.form-horizontal .form-group textarea,
form.search-form .form-group input:not(.btn),
form.search-form .form-group select,
form.search-form .form-group textarea {
  background-color: #fff !important;
  color: #FFB14A !important;
  border: none;
}
form.form-horizontal .form-group select, form.form-horizontal .form-group input.form-control, form.form-horizontal .form-group .chosen-choices,
form.search-form .form-group select,
form.search-form .form-group input.form-control,
form.search-form .form-group .chosen-choices {
  border: none !important;
  padding: 15px !important;
  height: 51px !important;
}
form.form-horizontal .form-group textarea,
form.search-form .form-group textarea {
  border: none !important;
  padding: 15px !important;
}
form.form-horizontal .form-group select,
form.search-form .form-group select {
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
form.form-horizontal .form-group .input-file,
form.search-form .form-group .input-file {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
form.form-horizontal .form-group select.moteur-recherche, form.form-horizontal .form-group select#category_id, form.form-horizontal .form-group .chosen-choices,
form.search-form .form-group select.moteur-recherche,
form.search-form .form-group select#category_id,
form.search-form .form-group .chosen-choices {
  width: 100%;
  max-width: 400px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://cdn.ca.yapla.com/images/icon-membogo-arrow-combo@2x.png) no-repeat right 5px center !important;
  background-size: 13px !important;
}
form.form-horizontal .form-group .form-element-keywords .chosen-choices, form.form-horizontal .form-group .chosen-container-multi .chosen-choices,
form.search-form .form-group .form-element-keywords .chosen-choices,
form.search-form .form-group .chosen-container-multi .chosen-choices {
  height: auto !important;
  padding-right: 60px !important;
}
form.form-horizontal .form-group .form-element-keywords .chosen-choices .search-field, form.form-horizontal .form-group .chosen-container-multi .chosen-choices .search-field,
form.search-form .form-group .form-element-keywords .chosen-choices .search-field,
form.search-form .form-group .chosen-container-multi .chosen-choices .search-field {
  height: 21px !important;
  line-height: 22px !important;
}
form.form-horizontal .form-group .form-element-keywords .chosen-choices .search-field input, form.form-horizontal .form-group .chosen-container-multi .chosen-choices .search-field input,
form.search-form .form-group .form-element-keywords .chosen-choices .search-field input,
form.search-form .form-group .chosen-container-multi .chosen-choices .search-field input {
  height: 20px;
}
form.form-horizontal .form-group .form-element-keywords .chosen-choices .search-choice, form.form-horizontal .form-group .chosen-container-multi .chosen-choices .search-choice,
form.search-form .form-group .form-element-keywords .chosen-choices .search-choice,
form.search-form .form-group .chosen-container-multi .chosen-choices .search-choice {
  display: block;
  width: 100%;
  background-color: transparent !important;
  color: #FFB14A !important;
  font-size: 15px;
  padding-left: 15px !important;
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
form.form-horizontal .form-group .form-element-keywords .chosen-choices .search-choice span, form.form-horizontal .form-group .chosen-container-multi .chosen-choices .search-choice span,
form.search-form .form-group .form-element-keywords .chosen-choices .search-choice span,
form.search-form .form-group .chosen-container-multi .chosen-choices .search-choice span {
  vertical-align: -webkit-baseline-middle;
  margin: 0px 5px 0px 0 !important;
}
form.form-horizontal .form-group .form-element-keywords .chosen-choices .search-choice .search-choice-close, form.form-horizontal .form-group .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
form.search-form .form-group .form-element-keywords .chosen-choices .search-choice .search-choice-close,
form.search-form .form-group .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  right: auto;
  left: 0;
  top: 9px !important;
  filter: invert(1);
}
form.form-horizontal .form-group ul.error,
form.search-form .form-group ul.error {
  margin: 0;
}
form.form-horizontal .form-group ul.error li.text-danger,
form.search-form .form-group ul.error li.text-danger {
  padding: 3px 10px 0px 10px;
  color: #000;
  background-color: #ffcece;
  font-size: 12px;
}
form.form-horizontal p.form-control-static,
form.search-form p.form-control-static {
  padding-top: 0;
  margin-top: 0;
}
form.form-horizontal .crm-footer-frame,
form.search-form .crm-footer-frame {
  margin-top: 30px;
  text-align: center;
}
form.form-horizontal .crm-footer-frame #submitform,
form.search-form .crm-footer-frame #submitform {
  background-color: transparent;
  color: #464545;
  transition: all 150ms;
  border-style: solid;
  border-width: 1px;
  border-color: #FFB14A;
}
form.form-horizontal .crm-footer-frame #submitform:hover, form.form-horizontal .crm-footer-frame #submitform:active, form.form-horizontal .crm-footer-frame #submitform:focus,
form.search-form .crm-footer-frame #submitform:hover,
form.search-form .crm-footer-frame #submitform:active,
form.search-form .crm-footer-frame #submitform:focus {
  background-color: #FFB14A;
  border: 1px solid #FFB14A;
  color: #fff;
}

/* Miscellaneous forms */
#ui-form .ui-section__content {
  background-color: #fff;
}
#ui-form .ui-section__content h2 {
  color: #464545;
}

.overrideformtitle .zone-crm h1 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 700;
  text-transform: initial;
  text-align: center;
}
@media (max-width: 991px) {
  .overrideformtitle .zone-crm h1 {
    font-size: 43px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .overrideformtitle .zone-crm h1 {
    font-size: 40px;
    line-height: 45px;
  }
}

.form-clear-bg form.form-horizontal .form-group input:not(.btn), .form-clear-bg form.form-horizontal .form-group textarea {
  background-color: #F3F3F3 !important;
  color: #464545 !important;
  border: none;
}

.form-submit-left form .crm-footer-frame {
  text-align: left;
}
.form-submit-left form .crm-footer-frame #submitform {
  background-color: transparent;
  color: #464545;
  transition: all 150ms;
  border-style: solid;
  border-width: 1px;
  border-color: #FFB14A;
}
.form-submit-left form .crm-footer-frame #submitform:hover, .form-submit-left form .crm-footer-frame #submitform:active, .form-submit-left form .crm-footer-frame #submitform:focus {
  background-color: #FFB14A;
  border: 1px solid #FFB14A;
  color: #fff;
}

/* Formulaire Inscription pour nouveau membre*/
/*Styles Global Event Form*/
#event_content_box h1 {
  text-align: center;
  margin-bottom: 64px;
}
#event_content_box a#step_previous {
  font-size: 16px !important;
  margin-right: 32px;
}
#event_content_box a#step_previous::after {
  display: none;
}

/*Styles Global*/
div#registration-member {
  /*Titre*/
  /*Btn Submit/Previous*/
}
div#registration-member .form-withProgress__navigation-footer a#prev_reg_step {
  font-size: 16px !important;
  padding-right: 24px;
}
@media (max-width: 767px) {
  div#registration-member .form-withProgress__navigation-footer a#prev_reg_step {
    font-size: 16px !important;
    text-align: left !important;
  }
}
div#registration-member .form-withProgress__navigation-footer a#prev_reg_step:after {
  display: none;
}
div#registration-member .form-withProgress__navigation-footer .event-summary h1 {
  text-align: center;
  margin-bottom: 64px;
}
/*Formulaire*/
/*Bottom payment total bar*/
#fieldset-section_payment_grand_total,
#fieldset-total {
  padding: 15px 0 30px 0;
  margin-bottom: 0 !important;
}
#fieldset-section_payment_grand_total .total-amount-section .total-amount-title,
#fieldset-total .total-amount-section .total-amount-title {
  text-transform: initial;
}
#fieldset-section_payment_grand_total .total-amount-section .total-amount-price,
#fieldset-total .total-amount-section .total-amount-price {
  text-align: right;
}

/*Étapes 1 - Type d'adhesion*/
.zone-member .event-login h1,
.zone-event .event-login h1 {
  text-align: center;
  margin-bottom: 64px;
  font-size: 40px;
}
@media (max-width: 767px) {
  .zone-member .event-login h1,
  .zone-event .event-login h1 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .zone-member .event-subscription,
  .zone-event .event-subscription {
    padding: 0;
  }
}
.zone-member .form-withProgress__wrapper,
.zone-event .form-withProgress__wrapper {
  padding: 64px;
}
@media (max-width: 767px) {
  .zone-member .form-withProgress__wrapper,
  .zone-event .form-withProgress__wrapper {
    padding: 64px 32px;
  }
}
.zone-member .form-withProgress__wrapper #event-authentication-form h2,
.zone-event .form-withProgress__wrapper #event-authentication-form h2 {
  font-size: 28px;
  line-height: 35px;
}
@media (max-width: 767px) {
  .zone-member .form-withProgress__wrapper #event-authentication-form h2,
  .zone-event .form-withProgress__wrapper #event-authentication-form h2 {
    font-size: 21px;
    line-height: 28px;
  }
}
.zone-member .form-withProgress__wrapper #event-authentication-form .event-authentication p,
.zone-event .form-withProgress__wrapper #event-authentication-form .event-authentication p {
  padding-bottom: 32px;
}
.zone-member .form-withProgress__wrapper #event-authentication-form .event-authentication .form-group,
.zone-event .form-withProgress__wrapper #event-authentication-form .event-authentication .form-group {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 16px;
}
.zone-member .form-withProgress__wrapper .registration-event-bloc .form-edition,
.zone-event .form-withProgress__wrapper .registration-event-bloc .form-edition {
  padding: 64px 32px;
}
.zone-member .form-withProgress__wrapper .registration-event-bloc .form-edition a.btn,
.zone-event .form-withProgress__wrapper .registration-event-bloc .form-edition a.btn {
  display: inline-flex !important;
}
.zone-member .form-withProgress__wrapper .registration-event-bloc .form-edition a.btn i,
.zone-event .form-withProgress__wrapper .registration-event-bloc .form-edition a.btn i {
  display: none;
}
.zone-member .form-withProgress__wrapper #member_adhesion_form,
.zone-event .form-withProgress__wrapper #member_adhesion_form {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .zone-member .form-withProgress__wrapper #member_adhesion_form,
  .zone-event .form-withProgress__wrapper #member_adhesion_form {
    padding: 0 32px;
  }
}
@media (max-width: 767px) {
  .zone-member .form-withProgress__wrapper #member_adhesion_form,
  .zone-event .form-withProgress__wrapper #member_adhesion_form {
    padding: 0;
  }
}
/*Étapes 2 - information de l'adherent*/
.step-register .form-withProgress__wrapper .form-horizontal .section .row .form-element-audiologie .col-md-12,
.step-register .form-withProgress__wrapper .form-horizontal .section .row .form-element-orthophonie .col-md-12 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media (max-width: 767px) {
  .step-register .form-withProgress__wrapper .form-horizontal .section .row .form-element-audiologie .col-md-12,
  .step-register .form-withProgress__wrapper .form-horizontal .section .row .form-element-orthophonie .col-md-12 {
    display: block;
  }
}
/*Étapes 3 - Résumé Informations*/
.step-resume .form-withProgress__wrapper label.control-label {
  color: #161E54 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.step-resume .form-withProgress__wrapper #fieldset-adh_sumup .form-element-priceAdhesion {
  padding-left: 0px;
  padding-right: 0px;
}
.step-resume .form-withProgress__wrapper #fieldset-adh_sumup .form-element-priceAdhesion span {
  color: #464545;
}
.step-resume .form-withProgress__wrapper fieldset .col-sm-24 {
  padding: 0;
}
.step-resume .form-withProgress__wrapper fieldset legend {
  padding-left: 0;
  padding-right: 0;
  padding-top: 64px;
  margin-left: -5px;
  color: #161E54;
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
  text-transform: inherit;
  padding: 5px 0 8px 0;
}
.step-resume .form-withProgress__wrapper fieldset span {
  padding-left: 0;
}
.step-resume .form-withProgress__wrapper fieldset.row {
  margin-left: 0;
  margin-right: 0;
}
/*Étapes 4 - Paiements*/
.step-payment h2 {
  padding-top: 56px;
}
@media (max-width: 991px) {
  .step-payment .form-withProgress__wrapper {
    padding: 50px 64px;
  }
}
@media (max-width: 767px) {
  .step-payment .form-withProgress__wrapper {
    padding: 0;
  }
}
.step-payment .form-withProgress__wrapper #fieldset-paymentmethod h2 {
  padding-top: 56px;
}
.step-payment .form-withProgress__wrapper #fieldset-card_injectedinfo .form-element-card_owner_in div.col-md-24 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.step-payment .form-withProgress__wrapper #fieldset-card_injectedinfo .form-element-card_owner_in div.col-md-24 input.form-control {
  border: 1px solid #d6d6d6 !important;
}
.step-payment .form-withProgress__wrapper #fieldset-section_payment_summary .form-withProgress__tps h6 {
  width: 80%;
}
.step-payment .form-withProgress__wrapper #fieldset-section_payment_summary .form-withProgress__tps span {
  width: fit-content;
}
/*Étapes 5 - Confirmation*/
#registration-member {
  /*width: 80vw;*/
  margin: 0 auto;
}
#registration-member .member-step-confirm {
  text-align: center;
}
#registration-member .member-step-confirm .member-profile-container {
  padding: 32px 0;
}
#registration-member .member-step-confirm .form-withProgress__navigation-footer p {
  display: none;
}

/*###########################  TABLEAU  ###########################*/
/* basically le bottin de yapla */
/*###########################  TAB BOTTIN DES MEMBRES  ###########################*/
.nav-tabs {
  margin-top: 60px;
}
.nav-tabs li {
  padding: 0px 20px;
}
.nav-tabs li:first-child {
  padding-left: 0;
}
.nav-tabs li a {
  border: none;
  border-bottom: 5px solid transparent;
  color: rgba(255, 177, 74, 0.5);
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Red Hat Display", sans-serif;
  letter-spacing: 2px;
  padding: 10px 0px;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
  background-color: transparent;
  color: rgba(255, 177, 74, 0.4);
  border-color: transparent;
}
.nav-tabs li.active:hover a, .nav-tabs li.active a {
  border-bottom: 5px solid #464545;
  color: #FFB14A;
}

.paginationControl {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  grid-column: span 3;
}
@media (max-width: 991px) {
  .paginationControl {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .paginationControl {
    grid-column: span 1;
  }
}
.paginationControl a {
  width: 35px;
  height: 35px;
  border: 1px solid #464545;
  border-radius: 55px;
  margin: 5px;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paginationControl a:hover, .paginationControl a:focus {
  text-decoration: none;
  color: #FFB14A;
}
.paginationControl a.active {
  background-color: #464545;
  color: #fff;
  font-weight: 200 !important;
}
.paginationControl a.active:hover, .paginationControl a.active:focus {
  color: #fff;
}

/*###########################  ACCORDÉONS  ###########################*/
/* Note that this style apply for both native yapla accordions only */
.panel-default > .panel-heading {
  border-bottom: none;
}

.panel-news-accordion {
  /* first accordion container */
  border-bottom: 1px solid #FFB14A !important;
}
.panel-news-accordion:after {
  content: "";
  width: 100%;
  display: block;
}
.panel-news-accordion .panel-heading {
  /* title box */
  background-color: transparent;
  padding: 0;
  position: relative;
}
.panel-news-accordion .panel-heading .panel-title {
  /* title */
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  text-transform: initial;
  margin-bottom: 0;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .panel-news-accordion .panel-heading .panel-title {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .panel-news-accordion .panel-heading .panel-title {
    font-size: 27px;
    line-height: 32px;
  }
}
.panel-news-accordion .panel-heading .panel-title a {
  padding: 30px 85px 30px 0;
  color: #464545;
  text-decoration: none;
}
@media (max-width: 767px) {
  .panel-news-accordion .panel-heading .panel-title a {
    padding: 30px 30px 30px 0;
  }
}
.panel-news-accordion .panel-heading .panel-title a:after {
  content: "+";
  font-family: "Red Hat Display", sans-serif;
  display: block;
  position: absolute;
  right: 15px;
  top: 25px;
  font-size: 35px;
  font-weight: 900;
  color: #FFB14A;
  transition: transform 150ms;
  transform: rotate(45deg);
}
.panel-news-accordion .panel-heading .panel-title a.collapsed:after {
  transform: rotate(0deg);
}
.panel-news-accordion .panel-heading p {
  display: none;
}
.panel-news-accordion .panel-heading:hover {
  cursor: pointer;
}
.panel-news-accordion .panel-collapse.in {
  border-bottom: 0;
}
.panel-news-accordion .panel-body {
  /* content */
  padding: 5px 15px 30px 0px;
  margin-top: -10px;
}
.panel-news-accordion .panel-body h4 {
  margin-bottom: 15px;
}
.panel-news-accordion .panel-body p {
  color: #000;
  margin-bottom: 15px;
}
.panel-news-accordion .panel-body .btn-link {
  margin-bottom: 40px;
}

/* Accordion with tables to make accordions in WYSIWYG easy for client */
/* Just create table with table button and add class accordeon in advanced settings */
/* JAVASCRIPT FOR THIS TO WORK

$("table.accordeon tbody tr:first-child").click(function () {
	var target = $(this);
	var open =  target.closest(".accordeon").hasClass('active');

	$(".accordeon").removeClass("active");

	if (!open) {
		var scrollTo = target.offset().top;
		target.closest(".accordeon").addClass("active");
		$('body, html').animate({scrollTop: scrollTo-80+'px'}, 800);
	}
});

*/
table.accordeon {
  display: block;
  width: 100% !important;
  border: 0;
  margin-bottom: 10px;
  /* active and opened content */
}
table.accordeon tbody, table.accordeon tr, table.accordeon td {
  border: 0;
}
table.accordeon tbody {
  display: block;
}
table.accordeon tbody tr {
  /* Title/accordeon box */
}
table.accordeon tbody tr:first-child {
  cursor: pointer;
  display: block;
  background-color: #F5F5F5;
  padding: 15px;
  position: relative;
}
table.accordeon tbody tr:first-child:after {
  content: "+";
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 30px;
  font-weight: 400;
  transition: transform 150ms;
  background: #FFB14A;
  color: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 5px;
}
@media (max-width: 767px) {
  table.accordeon tbody tr:first-child:after {
    width: 50px;
    height: 50px;
    font-size: 45px;
    padding: 12px;
  }
}
table.accordeon tbody tr:last-child {
  display: block;
}
table.accordeon tbody tr:last-child td {
  display: block;
  max-height: 0;
  overflow: hidden;
}
table.accordeon.active tbody tr:first-child:after {
  content: "-";
  transform: rotate(0deg);
}
@media (max-width: 767px) {
  table.accordeon.active tbody tr:first-child:after {
    padding: 9px;
  }
}
table.accordeon.active tbody tr:last-child {
  padding: 15px;
  background-color: #F5F5F5;
}
table.accordeon.active tbody tr:last-child td {
  max-height: 5000px;
  transition: max-height 1.5s;
}

.modal-backdrop {
  z-index: 10000;
}

.modal {
  z-index: 10001 !important;
}
.modal .modal-dialog .modal-content {
  background-color: #F7F5F5;
}
.nav-pills {
  background-image: none;
}

.nav-progress {
  overflow: hidden;
}
.nav-progress li.disabled {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 40px;
}
.nav-progress li.disabled a,
.nav-progress li.disabled a:hover,
.nav-progress li.disabled a:focus {
  font-family: "Red Hat Display", sans-serif;
  color: #FFB14A;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-transform: none;
  text-align: center;
  position: absolute;
  float: none;
  margin-top: 110px;
  padding-top: 6px;
  width: 100%;
}
.nav-progress li.disabled a:before,
.nav-progress li.disabled a:hover:before,
.nav-progress li.disabled a:focus:before {
  content: "";
  position: absolute;
  top: -40px;
  left: calc(50% + 40px);
  right: 0;
  width: calc(100% - 80px);
  display: block;
  margin: auto;
  height: 2px;
  background-color: #fff !important;
}
@media (max-width: 767px) {
  .nav-progress li.disabled a:before,
  .nav-progress li.disabled a:hover:before,
  .nav-progress li.disabled a:focus:before {
    display: none;
  }
}
.nav-progress li.disabled:before {
  float: none;
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 43px;
  font-weight: 700;
  border: none;
  color: white;
  background-color: #FFB14A;
  padding: 5px;
  width: 57px;
  height: 57px;
}
.nav-progress li.disabled:after {
  display: none;
}
.nav-progress li.disabled.active {
  /*opacity: 1;*/
}
.nav-progress li.disabled.active a {
  color: #464545;
}
.nav-progress li.disabled.active:before {
  color: #fff;
  background-color: #464545;
}
.nav-progress li.disabled.active:after {
  display: none;
}
.nav-progress li.disabled.active ~ li a {
  color: #d5d6e0;
}
.nav-progress li.disabled.active ~ li:before {
  color: rgba(22, 30, 84, 0.4);
  background-color: rgba(22, 30, 84, 0.1);
}
.nav-progress li.disabled.active ~ li:after {
  display: none;
}
@media (max-width: 767px) {
  .nav-progress li.disabled:not(.active) {
    margin-left: -1000000px;
    position: absolute;
  }
}
.nav-progress li:last-child a:before {
  display: none;
}
.nav-progress li:last-child a:hover:before {
  display: none;
}

.cc-window {
  background-color: #fff !important;
  box-shadow: -1px 0px 2px 1px rgba(0, 0, 0, 0.11);
  bottom: 0;
  left: auto !important;
  right: 0 !important;
  max-width: 650px !important;
  padding: 50px 40px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
@media (max-width: 767px) {
  .cc-window {
    max-width: 95%;
  }
}
.cc-window .cc-message {
  margin: 0 0 30px 0 !important;
  color: #464545 !important;
}
.cc-window .cc-message h4 {
  font-size: 40px;
  line-height: 43px;
  font-weight: 700;
  text-transform: initial;
}
@media (max-width: 991px) {
  .cc-window .cc-message h4 {
    font-size: 37px;
    line-height: 43px;
  }
}
@media (max-width: 767px) {
  .cc-window .cc-message h4 {
    font-size: 34px;
    line-height: 43px;
  }
}
.cc-window .cc-message p {
  margin-bottom: 0;
}
.cc-window .cc-message span {
  color: #464545 !important;
}
.cc-window .cc-compliance {
  width: auto;
}
.cc-window .cc-compliance .cc-btn {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  text-transform: inherit;
  line-height: 1.2;
  font-weight: 500;
  /*height: 44px;*/
  white-space: initial;
  width: fit-content;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  min-width: 0;
  border-radius: 50px;
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
  text-decoration: none !important;
}
.cc-window .cc-compliance .cc-btn:hover, .cc-window .cc-compliance .cc-btn:active, .cc-window .cc-compliance .cc-btn:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .cc-window .cc-compliance .cc-btn {
    white-space: normal !important;
  }
}
.cc-window .cc-compliance .cc-btn:hover, .cc-window .cc-compliance .cc-btn:active, .cc-window .cc-compliance .cc-btn:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}
.cc-window .cc-compliance .cc-btn:hover {
  text-decoration: none !important;
}

.cookie-consent-modal .actions-container .btn.v-btn.btn-link:after {
  display: none;
}

/* Menu & Footer social icons*/
ul.social {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media (max-width: 991px) {
  ul.social {
    flex-direction: row;
  }
}
ul.social li {
  padding-bottom: 8px;
}
@media (max-width: 991px) {
  ul.social li {
    padding-right: 8px;
    padding-bottom: 0;
  }
}
ul.social li a {
  text-decoration: none !important;
}
ul.social li a.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg id='Group_19348' data-name='Group 19348' transform='translate(-1370 -249)'%3E%3Cg id='Path_16954' data-name='Path 16954' transform='translate(1370 249)' fill='%23fff'%3E%3Cpath d='M 16.5 32.5 C 12.22624015808105 32.5 8.208290100097656 30.8357105255127 5.18628978729248 27.8137092590332 C 2.164289951324463 24.79170989990234 0.5 20.77375984191895 0.5 16.5 C 0.5 12.22624015808105 2.164289951324463 8.208290100097656 5.18628978729248 5.18628978729248 C 8.208290100097656 2.164289951324463 12.22624015808105 0.5 16.5 0.5 C 20.77375984191895 0.5 24.79170989990234 2.164289951324463 27.8137092590332 5.18628978729248 C 30.8357105255127 8.208290100097656 32.5 12.22624015808105 32.5 16.5 C 32.5 20.77375984191895 30.8357105255127 24.79170989990234 27.8137092590332 27.8137092590332 C 24.79170989990234 30.8357105255127 20.77375984191895 32.5 16.5 32.5 Z' stroke='none'/%3E%3Cpath d='M 16.5 1 C 12.35980033874512 1 8.467409133911133 2.612279891967773 5.539840698242188 5.539840698242188 C 2.612279891967773 8.467409133911133 1 12.35980033874512 1 16.5 C 1 20.64019966125488 2.612279891967773 24.53258895874023 5.539840698242188 27.46015930175781 C 8.467409133911133 30.38772010803223 12.35980033874512 32 16.5 32 C 20.64019966125488 32 24.53258895874023 30.38772010803223 27.46015930175781 27.46015930175781 C 30.38772010803223 24.53258895874023 32 20.64019966125488 32 16.5 C 32 12.35980033874512 30.38772010803223 8.467409133911133 27.46015930175781 5.539840698242188 C 24.53258895874023 2.612279891967773 20.64019966125488 1 16.5 1 M 16.5 0 C 25.61269950866699 0 33 7.387300491333008 33 16.5 C 33 25.61269950866699 25.61269950866699 33 16.5 33 C 7.387300491333008 33 0 25.61269950866699 0 16.5 C 0 7.387300491333008 7.387300491333008 0 16.5 0 Z' stroke='none' fill='%23f2b842'/%3E%3C/g%3E%3Cpath id='Path_3552' data-name='Path 3552' d='M684.879,420.658h-.94c-.738,0-.88.35-.88.864v1.134h1.759l-.229,1.776h-1.53v4.557h-1.834v-4.557h-1.533v-1.776h1.533v-1.309A2.14,2.14,0,0,1,683.508,419a12.53,12.53,0,0,1,1.37.07Z' transform='translate(703.756 -158.781)' fill='%23232323'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  display: block;
}
ul.social li a.facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg id='Group_19348' data-name='Group 19348' transform='translate(-1370 -249)'%3E%3Cg id='Path_16954' data-name='Path 16954' transform='translate(1370 249)' fill='%23f2b842'%3E%3Cpath d='M 16.5 32.5 C 12.22624015808105 32.5 8.208290100097656 30.8357105255127 5.18628978729248 27.8137092590332 C 2.164289951324463 24.79170989990234 0.5 20.77375984191895 0.5 16.5 C 0.5 12.22624015808105 2.164289951324463 8.208290100097656 5.18628978729248 5.18628978729248 C 8.208290100097656 2.164289951324463 12.22624015808105 0.5 16.5 0.5 C 20.77375984191895 0.5 24.79170989990234 2.164289951324463 27.8137092590332 5.18628978729248 C 30.8357105255127 8.208290100097656 32.5 12.22624015808105 32.5 16.5 C 32.5 20.77375984191895 30.8357105255127 24.79170989990234 27.8137092590332 27.8137092590332 C 24.79170989990234 30.8357105255127 20.77375984191895 32.5 16.5 32.5 Z' stroke='none'/%3E%3Cpath d='M 16.5 1 C 12.35980033874512 1 8.467409133911133 2.612279891967773 5.539840698242188 5.539840698242188 C 2.612279891967773 8.467409133911133 1 12.35980033874512 1 16.5 C 1 20.64019966125488 2.612279891967773 24.53258895874023 5.539840698242188 27.46015930175781 C 8.467409133911133 30.38772010803223 12.35980033874512 32 16.5 32 C 20.64019966125488 32 24.53258895874023 30.38772010803223 27.46015930175781 27.46015930175781 C 30.38772010803223 24.53258895874023 32 20.64019966125488 32 16.5 C 32 12.35980033874512 30.38772010803223 8.467409133911133 27.46015930175781 5.539840698242188 C 24.53258895874023 2.612279891967773 20.64019966125488 1 16.5 1 M 16.5 0 C 25.61269950866699 0 33 7.387300491333008 33 16.5 C 33 25.61269950866699 25.61269950866699 33 16.5 33 C 7.387300491333008 33 0 25.61269950866699 0 16.5 C 0 7.387300491333008 7.387300491333008 0 16.5 0 Z' stroke='none' fill='%23f2b842'/%3E%3C/g%3E%3Cpath id='Path_3552' data-name='Path 3552' d='M684.879,420.658h-.94c-.738,0-.88.35-.88.864v1.134h1.759l-.229,1.776h-1.53v4.557h-1.834v-4.557h-1.533v-1.776h1.533v-1.309A2.14,2.14,0,0,1,683.508,419a12.53,12.53,0,0,1,1.37.07Z' transform='translate(703.756 -158.781)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
ul.social li a.twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg id='Group_19349' data-name='Group 19349' transform='translate(-1370 -287)'%3E%3Cg id='Rectangle_1857' data-name='Rectangle 1857' transform='translate(1370 287)' fill='%23fff' stroke='%23f2b842' stroke-width='1'%3E%3Crect width='33' height='33' rx='16.5' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='32' height='32' rx='16' fill='none'/%3E%3C/g%3E%3Cg id='Objet_dynamique_vectoriel' data-name='Objet dynamique vectoriel' transform='translate(1381.877 300.43)'%3E%3Cg id='Objet_dynamique_vectoriel-2' data-name='Objet dynamique vectoriel' transform='translate(0 -0.001)'%3E%3Cpath id='Path_67' data-name='Path 67' d='M53,395.78a1.886,1.886,0,0,0-1.377,1.9v.308l-.331-.051a6.026,6.026,0,0,1-3.3-1.488l-.441-.411-.11.308a1.724,1.724,0,0,0,.441,1.95c.275.257.22.308-.275.154-.165-.051-.33-.1-.33-.051a1.824,1.824,0,0,0,.275.872,2.027,2.027,0,0,0,.936.821l.33.154H48.43c-.386,0-.386,0-.386.154a2.118,2.118,0,0,0,1.322,1.077l.441.154-.386.205a3.873,3.873,0,0,1-1.873.462,2.673,2.673,0,0,0-.551.051,6.429,6.429,0,0,0,1.322.564,6.213,6.213,0,0,0,4.517-.462,5.871,5.871,0,0,0,2.313-2.514,6.744,6.744,0,0,0,.5-1.95c0-.308,0-.359.386-.718.22-.205.441-.462.5-.513.055-.1.055-.1-.275,0-.606.205-.661.154-.386-.1a1.664,1.664,0,0,0,.5-.718.583.583,0,0,0-.22.051,3.812,3.812,0,0,1-.606.205l-.386.1-.33-.205a3.371,3.371,0,0,0-.606-.308A2.423,2.423,0,0,0,53,395.78Z' transform='translate(-46.998 -395.703)' fill='%23232323'/%3E%3C/g%3E%3Cpath id='Color_Overlay' data-name='Color Overlay' d='M1.322,7.209A6.428,6.428,0,0,1,0,6.644a2.684,2.684,0,0,1,.551-.051,3.877,3.877,0,0,0,1.873-.462l.385-.205-.441-.154A2.117,2.117,0,0,1,1.047,4.695c0-.154,0-.154.386-.154h.386l-.331-.154a2.029,2.029,0,0,1-.937-.821,1.818,1.818,0,0,1-.275-.872c0-.051.165,0,.33.051.5.154.551.1.276-.154A1.723,1.723,0,0,1,.441.641L.551.334l.441.41A6.03,6.03,0,0,0,4.3,2.232l.331.051V1.976A1.885,1.885,0,0,1,6,.077a2.421,2.421,0,0,1,1.212,0,3.368,3.368,0,0,1,.606.308l.33.2.386-.1A3.8,3.8,0,0,0,9.144.282a.586.586,0,0,1,.22-.051,1.662,1.662,0,0,1-.5.718c-.275.257-.22.308.386.1.33-.1.33-.1.275,0-.055.051-.275.308-.5.513-.386.359-.386.41-.386.718a6.743,6.743,0,0,1-.5,1.95A5.869,5.869,0,0,1,5.839,6.747a5.807,5.807,0,0,1-2.823.686A6.4,6.4,0,0,1,1.322,7.209Z' transform='translate(-0.001 -0.001)' fill='%23232323'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  display: block;
}
ul.social li a.twitter:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg id='Group_19349' data-name='Group 19349' transform='translate(-1370 -287)'%3E%3Cg id='Rectangle_1857' data-name='Rectangle 1857' transform='translate(1370 287)' fill='%23f2b842' stroke='%23f2b842' stroke-width='1'%3E%3Crect width='33' height='33' rx='16.5' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='32' height='32' rx='16' fill='none'/%3E%3C/g%3E%3Cg id='Objet_dynamique_vectoriel' data-name='Objet dynamique vectoriel' transform='translate(1381.877 300.43)'%3E%3Cg id='Objet_dynamique_vectoriel-2' data-name='Objet dynamique vectoriel' transform='translate(0 -0.001)'%3E%3Cpath id='Path_67' data-name='Path 67' d='M53,395.78a1.886,1.886,0,0,0-1.377,1.9v.308l-.331-.051a6.026,6.026,0,0,1-3.3-1.488l-.441-.411-.11.308a1.724,1.724,0,0,0,.441,1.95c.275.257.22.308-.275.154-.165-.051-.33-.1-.33-.051a1.824,1.824,0,0,0,.275.872,2.027,2.027,0,0,0,.936.821l.33.154H48.43c-.386,0-.386,0-.386.154a2.118,2.118,0,0,0,1.322,1.077l.441.154-.386.205a3.873,3.873,0,0,1-1.873.462,2.673,2.673,0,0,0-.551.051,6.429,6.429,0,0,0,1.322.564,6.213,6.213,0,0,0,4.517-.462,5.871,5.871,0,0,0,2.313-2.514,6.744,6.744,0,0,0,.5-1.95c0-.308,0-.359.386-.718.22-.205.441-.462.5-.513.055-.1.055-.1-.275,0-.606.205-.661.154-.386-.1a1.664,1.664,0,0,0,.5-.718.583.583,0,0,0-.22.051,3.812,3.812,0,0,1-.606.205l-.386.1-.33-.205a3.371,3.371,0,0,0-.606-.308A2.423,2.423,0,0,0,53,395.78Z' transform='translate(-46.998 -395.703)' fill='%23232323'/%3E%3C/g%3E%3Cpath id='Color_Overlay' data-name='Color Overlay' d='M1.322,7.209A6.428,6.428,0,0,1,0,6.644a2.684,2.684,0,0,1,.551-.051,3.877,3.877,0,0,0,1.873-.462l.385-.205-.441-.154A2.117,2.117,0,0,1,1.047,4.695c0-.154,0-.154.386-.154h.386l-.331-.154a2.029,2.029,0,0,1-.937-.821,1.818,1.818,0,0,1-.275-.872c0-.051.165,0,.33.051.5.154.551.1.276-.154A1.723,1.723,0,0,1,.441.641L.551.334l.441.41A6.03,6.03,0,0,0,4.3,2.232l.331.051V1.976A1.885,1.885,0,0,1,6,.077a2.421,2.421,0,0,1,1.212,0,3.368,3.368,0,0,1,.606.308l.33.2.386-.1A3.8,3.8,0,0,0,9.144.282a.586.586,0,0,1,.22-.051,1.662,1.662,0,0,1-.5.718c-.275.257-.22.308.386.1.33-.1.33-.1.275,0-.055.051-.275.308-.5.513-.386.359-.386.41-.386.718a6.743,6.743,0,0,1-.5,1.95A5.869,5.869,0,0,1,5.839,6.747a5.807,5.807,0,0,1-2.823.686A6.4,6.4,0,0,1,1.322,7.209Z' transform='translate(-0.001 -0.001)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
ul.social li a.phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33' height='33' viewBox='0 0 33 33'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1970' data-name='Rectangle 1970' width='9.956' height='12.189' fill='%23232323'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_19350' data-name='Group 19350' transform='translate(-1370 -325)'%3E%3Cg id='Rectangle_1943' data-name='Rectangle 1943' transform='translate(1370 325)' fill='%23fff' stroke='%23f2b842' stroke-width='1'%3E%3Crect width='33' height='33' rx='16.5' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='32' height='32' rx='16' fill='none'/%3E%3C/g%3E%3Cg id='Group_15586' data-name='Group 15586' transform='translate(1382.522 335.887)'%3E%3Cg id='Group_15585' data-name='Group 15585' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5703' data-name='Path 5703' d='M4.017,3.091,3.76.576C3.686-.146,2.187-.08,1.627.186-.741,1.306-.067,4.49.8,6.412q2.455,4.746,5.445,5.544c1.56.556,3.58.175,3.709-1.761a1.4,1.4,0,0,0-.08-.643A7.8,7.8,0,0,0,7.25,8.163q-.473-.169-1.1.385a1.547,1.547,0,0,1-.189.146.546.546,0,0,1-.767,0A13,13,0,0,1,2.729,4.957.549.549,0,0,1,3.1,4.3a1.311,1.311,0,0,0,.919-1.209' transform='translate(0.001 0)' fill='%23232323' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 34px;
  height: 34px;
  display: block;
  background-repeat: no-repeat;
}
ul.social li a.phone:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33' height='33' viewBox='0 0 33 33'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1970' data-name='Rectangle 1970' width='9.956' height='12.189' fill='%23232323'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_19350' data-name='Group 19350' transform='translate(-1370 -325)'%3E%3Cg id='Rectangle_1943' data-name='Rectangle 1943' transform='translate(1370 325)' fill='%23f2b842' stroke='%23f2b842' stroke-width='1'%3E%3Crect width='33' height='33' rx='16.5' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='32' height='32' rx='16' fill='none'/%3E%3C/g%3E%3Cg id='Group_15586' data-name='Group 15586' transform='translate(1382.522 335.887)'%3E%3Cg id='Group_15585' data-name='Group 15585' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5703' data-name='Path 5703' d='M4.017,3.091,3.76.576C3.686-.146,2.187-.08,1.627.186-.741,1.306-.067,4.49.8,6.412q2.455,4.746,5.445,5.544c1.56.556,3.58.175,3.709-1.761a1.4,1.4,0,0,0-.08-.643A7.8,7.8,0,0,0,7.25,8.163q-.473-.169-1.1.385a1.547,1.547,0,0,1-.189.146.546.546,0,0,1-.767,0A13,13,0,0,1,2.729,4.957.549.549,0,0,1,3.1,4.3a1.311,1.311,0,0,0,.919-1.209' transform='translate(0.001 0)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.line-side-social {
  height: 0;
  display: flex;
}
@media (max-width: 991px) {
  .line-side-social {
    display: none;
  }
}
.line-side-social .content {
  position: fixed;
  top: 20.5vh;
  right: 20px;
  width: 33px;
  text-align: right;
  z-index: 99;
}
.line-side-social .content p {
  margin-bottom: 5px;
}
.line-side-social .content .btn {
  transition: none;
  transform: rotate(90deg);
  height: 33px;
  min-height: 0;
  font-size: 15px;
  position: absolute;
  display: table;
  right: -63px;
  top: 200px;
  padding: 5px 20px 0 20px !important;
  padding: 0;
  margin: 0;
  background-color: #fff;
  color: #464545;
  font-weight: 400;
  border-color: #FFB14A;
  white-space: nowrap !important;
}
.line-side-social .content .btn:hover {
  color: #fff;
  border-color: #FFB14A;
  background-color: #FFB14A;
}

.line-footer-infolettre .container-fluid .row {
  display: flex;
  align-items: center;
  background: #F3F3F3;
  border-top: 4px solid #fff;
}
@media (max-width: 767px) {
  .line-footer-infolettre .container-fluid .row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.line-footer-infolettre .container-fluid .row .zone-html {
  display: flex;
  align-items: center;
  justify-content: center;
}
.line-footer-infolettre .container-fluid .row .zone-html .content {
  display: flex;
}
@media (max-width: 991px) {
  .line-footer-infolettre .container-fluid .row .zone-html .content {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .line-footer-infolettre .container-fluid .row .zone-html .content img {
    max-width: 150px;
  }
}
@media (max-width: 767px) {
  .line-footer-infolettre .container-fluid .row .zone-html .content img {
    max-width: 250px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .line-footer-infolettre .container-fluid .row > div:first-child {
    height: 160px;
  }
}
.line-footer-infolettre .container-fluid .row > div:last-child {
  background: #FFB14A url(https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_banners/cases-footer-banner.jpg) center right no-repeat;
  background-size: 1300px;
}
@media (max-width: 767px) {
  .line-footer-infolettre .container-fluid .row > div:last-child {
    background-size: 1500px;
    padding: 0 30px;
  }
}
.line-footer-infolettre .container-fluid .row > div:last-child .content {
  padding: 90px 50px;
  width: 100%;
}
@media (max-width: 1199px) {
  .line-footer-infolettre .container-fluid .row > div:last-child .content {
    padding: 70px 30px;
  }
  .line-footer-infolettre .container-fluid .row > div:last-child .content br {
    display: none;
  }
}
@media (max-width: 767px) {
  .line-footer-infolettre .container-fluid .row > div:last-child .content {
    padding: 70px 0px 50px 0px;
  }
}
.line-footer-infolettre .container-fluid .row > div:last-child .content h4 {
  color: #fff;
}
.line-footer-infolettre .container-fluid .row > div:last-child .content .btn {
  float: right;
  margin-right: 50px;
}
@media (max-width: 991px) {
  .line-footer-infolettre .container-fluid .row > div:last-child .content .btn {
    float: none;
  }
}

.line-footer-2 {
  margin-top: 2px;
}
.line-footer-2 .container-fluid {
  background-color: rgba(70, 69, 69, 0.05);
  padding: 0px;
}
.line-footer-2 .container-fluid .zone-html .content {
  display: grid;
  align-items: center;
  grid-template-columns: 40% 29% 30%;
}
@media (max-width: 991px) {
  .line-footer-2 .container-fluid .zone-html .content {
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .line-footer-2 .container-fluid .zone-html .content {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-1 {
    border: none;
  }
}
.line-footer-2 .container-fluid .zone-html .content .footer-bloc-1, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-2, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 {
  padding: 50px 80px 50px 30px;
  border: 2px solid #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 991px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-1, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-2, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 {
    width: 100%;
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-1 br, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-2 br, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 br {
    display: block !important;
  }
}
@media (max-width: 991px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-1 ul, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-2 ul, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 ul {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-1 ul, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-2 ul, .line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 ul {
    display: block;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-1 {
    border: none;
  }
}
.line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 {
  border-right: 0;
  justify-content: flex-end;
}
@media (max-width: 991px) and (min-width: 768px) {
  .line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 {
    border: none;
  }
}
.line-footer-2 .container-fluid .zone-html .content .footer-bloc-3 ul {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.line-footer-2 .container-fluid .zone-html .content p {
  margin-left: 50px;
}
@media (max-width: 991px) {
  .line-footer-2 .container-fluid .zone-html .content p {
    margin-left: 0;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .line-footer-2 .container-fluid .zone-html .content ul {
    padding-left: 0 !important;
  }
}
.line-footer-2 .container-fluid .zone-html .content ul li {
  list-style-type: none;
}
.line-footer-2 .container-fluid .zone-html .content ul li a {
  text-decoration: none;
  color: #464545;
}
.line-footer-2 .container-fluid .zone-html .content ul li a:hover, .line-footer-2 .container-fluid .zone-html .content ul li a :active {
  color: #FFB14A;
}
.line-footer-2 .container-fluid .zone-html .content ul li img {
  float: right;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .line-footer-2 .container-fluid .zone-html .content ul:last-child li:first-child img {
    margin-left: 0;
  }
}

.line-footer-3 {
  margin-top: 2px;
}
.line-footer-3 .container-fluid {
  background-color: rgba(70, 69, 69, 0.05);
}
@media (max-width: 767px) {
  .line-footer-3 .container-fluid {
    padding: 0px;
  }
}
.line-footer-3 .container-fluid .zone-html {
  padding: 40px;
}
@media (min-width: 992px) {
  .line-footer-3 .container-fluid .zone-html {
    padding-left: 85px !important;
  }
}
.line-footer-3 .container-fluid .zone-html .content {
  display: flex;
}
@media (max-width: 991px) {
  .line-footer-3 .container-fluid .zone-html .content {
    align-items: center;
  }
}
.line-footer-3 .container-fluid .zone-html .content .first {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 100px;
}
.line-footer-3 .container-fluid .zone-html .content .first p {
  flex: 0 0 auto;
  font-size: 12px;
}
@media (max-width: 991px) {
  .line-footer-3 .container-fluid .zone-html .content .first {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 45px;
    padding-left: 30px;
  }
}
@media (max-width: 991px) {
  .line-footer-3 .container-fluid .zone-html .content .second {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .line-footer-3 .container-fluid .zone-html .content .second {
    margin-bottom: 45px;
  }
}
.line-footer-3 .container-fluid .zone-html .content .second, .line-footer-3 .container-fluid .zone-html .content .third {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .line-footer-3 .container-fluid .zone-html .content {
    flex-direction: row;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .line-footer-3 .container-fluid .zone-html .content {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-bottom: 50px;
  }
}

.line-footer-4 .zone-html .content p {
  font-size: 12px;
  padding-top: 16px;
}
.line-footer-4 .zone-html .content a {
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .line-footer-4 .zone-html .content br {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .line-menu {
    background-color: #fff;
    padding: 43px 30px 25px 30px;
    border-bottom: 1px solid rgba(70, 69, 69, 0.25);
  }
  .line-menu:after {
    display: none;
  }
  .line-menu > .container {
    transition: top 250ms;
  }
  .line-menu > .container > .row {
    display: flex;
    align-items: center;
  }
  .line-menu > .container .zone-html .content img {
    max-width: 143px;
  }
  .line-menu > .container .zone-menu {
    padding: 0;
  }
  .line-menu > .container .zone-menu .navbar .navbar-header {
    background-color: transparent !important;
    z-index: 1;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav {
    float: right;
    text-align: right;
    background-color: transparent;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li {
    float: none;
    display: inline-block;
    min-height: 55px;
    /* JQuery copy social to mobile menu
    &.menu-social-container {
        display:none;
    }
    */
    /* Selector
    &:nth-last-child(2) {
    }
    */
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li[rel=data-menu-75725] a {
    border-radius: 50px !important;
    padding: 10px 30px !important;
    font-weight: 500;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    font-family: "Red Hat Display", sans-serif;
    color: #464545;
    padding: 15px 10px;
    text-transform: none;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a.dropdown-toggle {
    display: none;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-login-container {
    display: none !important;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-social-container {
    display: none !important;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:focus, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.active {
    background-color: transparent;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu {
    overflow: hidden;
    box-shadow: 4px 3px 4px -2px rgba(0, 0, 0, 0.3);
    border: none;
    padding: 15px 0;
    border-radius: 0px;
    background-color: #F3F3F3;
    overflow: visible;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li a {
    color: #464545;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-transform: none;
    padding: 3px 30px !important;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li a:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li a:focus {
    color: #F3F3F3 !important;
    background-color: transparent;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a {
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    text-transform: inherit;
    line-height: 1.2;
    font-weight: 500;
    /*height: 44px;*/
    white-space: initial;
    width: fit-content;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    min-width: 0;
    border-radius: 50px;
    background-color: transparent;
    color: #464545;
    transition: all 150ms;
    border-style: solid;
    border-width: 1px;
    border-color: #FFB14A;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a:active, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a:focus {
    text-decoration: none;
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a:active, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:last-child a:focus {
    background-color: #FFB14A;
    border: 1px solid #FFB14A;
    color: #fff;
  }
}
@media (max-width: 991px) {
  .line-menu {
    background-color: #fff;
    padding: 0;
    height: 100px;
  }
  .line-menu.menuopened > .container {
    background-color: #fff !important;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
  }
  .line-menu.menuopened > .container .icon-bar {
    background-color: #FFB14A !important;
  }
  .line-menu > .container {
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
  .line-menu > .container .zone-html {
    width: 70%;
    height: 100px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .line-menu > .container .zone-html a img {
    max-width: 130px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .line-menu > .container .zone-html a img {
    max-width: 130px;
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .line-menu > .container .zone-menu {
    padding: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .line-menu > .container .zone-menu .navbar {
    z-index: 1;
  }
  .line-menu > .container .zone-menu .navbar .navbar-header .navbar-toggle {
    margin-top: 30px;
    margin-right: 35px;
    margin-bottom: 25px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #464545;
    width: 30px;
    border-radius: 30px;
    height: 3px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-header .navbar-toggle.collapsed .icon-bar {
    height: 3px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-header .navbar-toggle.collapsed .icon-bar + .icon-bar {
    margin-top: 7px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-header .navbar-toggle.collapsed > span:nth-child(2), .line-menu > .container .zone-menu .navbar .navbar-header .navbar-toggle.collapsed > span:last-child {
    width: 20px;
    margin-left: auto;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse {
    transition: height 150ms linear;
    border-color: #fff;
    overflow-x: hidden;
    height: 0;
    width: 100%;
    background-color: #fff;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse.collapse.in {
    height: 100vh;
    width: 100%;
    padding-bottom: 0;
    overflow-x: hidden;
    border: none;
    box-shadow: none;
    border-color: #fff;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav {
    background-color: #fff;
    float: none;
    text-align: left;
    padding: 30px 50px 30px 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li {
    width: 100%;
    display: block;
    text-align: left;
    background-color: transparent;
    border-bottom: 0;
    padding: 0;
    min-height: 60px;
    /* JQuery copy social to mobile menu
    &.menu-social-container {
        order: 20;
        border-bottom: 0;
        padding-top: 40px;
        table {
            width: 220px!important;
            margin-left: auto;
            margin-right: auto;
            td {
                text-align: center;
                a {
                    padding: 0;
                    img {
                        width: 52px!important;
                        height: 52px!important;
                    }
                }
            }
        }
    }*/
    /* Selector
    &:nth-last-child(2) {
    }
    */
    /* Selector
    &[rel=data-menu-67896] {
    }
    */
    /* JQuery copy social to mobile menu*/
    /* JQuery copy social to mobile menu
    &.menu-social-container {
        border-bottom: 0;
        text-align: center;
        .header-ext-social-links {
            display: block!important;
            order: 3;
            padding-top: 40px;
            padding-bottom: 30px;
            a.social-link {
                span {
                    display:none;
                }
                display: inline-block;
                width: 24px;
                height: 24px;
                margin-bottom: -2px;
                background-size: cover!important;
                &.facebook {
                    background: url('https://cdn.ca.yapla.com/company/CPYT6QsC9eRqbNGU4hnWgujrY/asset/images/fb-round.svg') center center no-repeat ;
                }
                &.linkedin {
                    background: url('https://cdn.ca.yapla.com/company/CPYT6QsC9eRqbNGU4hnWgujrY/asset/images/linkedin-rond.svg') center center no-repeat ;
                }
                &:hover {
                        filter: brightness(4) hue-rotate(-244deg);
                }
                &:not(:first-child) {
                    margin-left: 18px;
                }
            }
        }
    }
    */
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:before {
    content: "";
    background-image: url(https://cdn.ca.yapla.com/company/CPYXY5pcsfVTdJxtOSKN2gQ3m/asset/images/Logos%20et%20Icons/menumobilearrow.svg);
    height: 29px;
    width: 35px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 15px;
    display: none;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    font-family: "Red Hat Display", sans-serif;
    color: #464545;
    padding: 19px 0 5px 0;
    text-transform: none;
    text-align: center;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a:focus, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a:active {
    color: #FFB14A !important;
    background-color: transparent;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a.dropdown-toggle {
    display: block;
    text-align: right;
    margin-top: -46px;
    height: 60px !important;
    padding: 0 !important;
    width: 100%;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li a.dropdown-toggle .caret {
    content: "";
    width: 22px;
    height: 22px;
    margin-top: 22px;
    right: 10px !important;
    top: 17px !important;
    position: initial !important;
    display: block;
    float: right;
    background-image: url("https://cdn.ca.yapla.com/company/CPY2nGHhz9ydScmw4DjuNWQer/asset/images/Site%20web%20-%20Viens%20danser/assets/fleche-menu-mobile.svg");
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-social-container {
    border-bottom: 0;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-social-container .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    justify-content: space-evenly;
    max-width: 260px;
    margin-top: 32px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-social-container .content p:nth-child(-n+3) {
    display: contents;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-social-container .content p:last-child {
    flex-wrap: wrap;
    margin-top: 16px;
    text-align: center;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.menu-social-container .content p:last-child a {
    margin-left: 0 !important;
    margin-top: 16px !important;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.open .dropdown-toggle .caret {
    transform: rotate(-90deg);
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.open .dropdown-menu {
    max-height: 800px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:hover a, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li:focus a, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li.active a {
    color: #F3F3F3;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu {
    overflow: hidden;
    box-shadow: none;
    border: none;
    display: block !important;
    transition: max-height 500ms;
    background-color: transparent;
    height: auto;
    max-height: 0;
    padding: 0 10px !important;
    margin-bottom: 0;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu.dropdown-menu-level-2 li.active, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu.dropdown-menu-level-2 li:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu.dropdown-menu-level-3 li.active, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu.dropdown-menu-level-3 li:hover {
    background-color: #fff;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li {
    width: 100%;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li:last-child {
    padding-bottom: 40px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li a {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    font-family: "Red Hat Display", sans-serif;
    color: #464545;
    padding: 19px 0 5px 0;
    text-transform: none;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li a:hover, .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li a:focus {
    color: #F3F3F3 !important;
    background-color: transparent;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li.open .dropdown-menu {
    padding: 10px;
  }
  .line-menu > .container .zone-menu .navbar .navbar-collapse .nav.navbar-nav > li .dropdown-menu li.active:hover a {
    color: #FFB14A;
  }
  .overflowhidden .line-menu:not(.sticked) .navbar-header {
    height: 110px;
  }
  .overflowhidden .line-menu > .container {
    height: 110px;
    border-bottom: none;
  }
  .overflowhidden .line-menu > .container .zone-image a {
    margin-left: 5px;
  }
}
@media (min-width: 992px) {
  .line-menu:not(.sticked, .menuopened) > .container {
    top: -100px;
    position: static;
  }
  .line-menu.sticked {
    height: 120px;
  }
  .line-menu.sticked > .container > .row {
    max-width: 100%;
    margin: auto;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .line-menu.sticked > .container > .row {
    width: 732px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .line-menu.sticked > .container > .row {
    width: 952px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .line-menu.sticked > .container > .row {
    width: 1152px;
  }
}
@media (min-width: 992px) {
  .line-menu.sticked > .container > .row .zone-html {
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .line-menu.sticked > .container > .row .zone-html .content img {
    width: 210px;
  }
  .line-menu.sticked > .container > .row .zone-menu {
    padding-right: 0;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-nav {
    margin-top: 8px;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-nav li.menu-type-separator a.dropdown-toggle span.caret {
    top: 5px !important;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-nav > li > a {
    padding: 15px 10px;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-nav li.menu-type-separator a.dropdown-toggle span.caret {
    top: 5px !important;
  }
  .line-menu.sticked:not(.menuopened) > .container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 98px;
    z-index: 9999;
    background-color: #fff;
    padding: 0 45px;
    border-bottom: 1px solid #E4E4E4;
  }
  .line-menu.sticked:not(.menuopened) > .container .zone-html .content {
    padding-top: 8px;
  }
}
@media (max-width: 991px) {
  .line-menu:not(.sticked, .menuopened) > .container {
    top: -100px;
    position: static;
    height: 0;
    padding-left: 45px;
    padding-right: 47px;
  }
  .line-menu.sticked {
    height: 120px;
  }
  .line-menu.sticked > .container > .row .zone-html {
    height: 97px;
  }
  .line-menu.sticked > .container > .row .zone-html .content img {
    width: 210px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .line-menu.sticked > .container > .row .zone-html .content img {
    max-width: 130px;
  }
}
@media (max-width: 991px) {
  .line-menu.sticked > .container > .row .zone-menu .navbar-toggle {
    margin-right: 30px !important;
    margin-top: 30px;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-collapse.collapse.in {
    height: 100vh;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-nav {
    margin-top: 8px;
  }
  .line-menu.sticked > .container > .row .zone-menu .navbar .navbar-nav li.menu-type-separator a.dropdown-toggle span.caret {
    top: 5px !important;
  }
  .line-menu.sticked:not(.menuopened) > .container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 98px;
    z-index: 9999;
    background-color: #fff;
    padding: 0 45px;
    border-bottom: 1px solid #E4E4E4;
    transition-property: top;
    transition-duration: 0.3s;
  }
  .line-menu.sticked:not(.menuopened) > .container .zone-html .content {
    padding-top: 8px;
  }
  .line-menu.sticked:not(.menuopened) > .container .zone-html .content img {
    max-width: 250px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .line-menu.sticked:not(.menuopened) > .container .zone-html .content img {
    max-width: 130px;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .line-menu.sticked.menuopened > .container {
    position: fixed;
    background-color: #fff;
    padding-left: 45px;
    padding-right: 47px;
    height: 120px;
  }
  .line-menu.sticked.menuopened .zone-html .content {
    padding-top: 15px;
  }
  .line-menu.sticked.menuopened .zone-html .content img {
    transition: width 250ms;
  }
  .line-menu.sticked.menuopened .zone-menu .navbar-toggle {
    margin-top: 30px !important;
    margin-bottom: 40px !important;
  }
}
/* OPTION - Hide munu item when logged
body {
	&.member--isConnected {
		.nav.navbar-nav {
			> li {
				&[rel=data-menu-67910] {
					display: none!important;
				}
			}
		}
	}
}
*/
/*@import "menu_v1/header.scss";*/
.zone-news .search-form {
  padding-bottom: 85px;
}
.zone-news #news_content.news-mosaic .row > div h3.news-title {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: initial;
  text-transform: initial;
  margin-bottom: 16px;
}
.zone-news #news_content.news-mosaic .row > div h3.news-title a {
  text-decoration: none;
}
.zone-news #news_content.news-mosaic .row > div h3.news-title a:hover {
  text-decoration: none;
}
.zone-news #news_content.news-mosaic .row > div a.news-category {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  color: #464545;
  text-transform: initial;
  margin-bottom: 20px;
  margin-bottom: 0;
  text-decoration: none;
}
.zone-news #news_content.news-mosaic .row > div a.news-category:hover {
  text-decoration: none;
}
.zone-news #news_content.news-mosaic .row > div p.news-published-date.e-date {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  color: #464545;
  text-transform: initial;
  margin-bottom: 20px;
  margin-bottom: 0;
}
.zone-news #news_content.news-mosaic .row > div div.news-intro {
  padding-top: 16px;
  margin-right: 32px;
}
.zone-news #news_content.news-mosaic .row > div div.news-tags {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-bottom: 16px;
}
.zone-news #news_content.news-mosaic .row > div div.news-tags a.news-tags {
  width: auto;
  height: auto;
  min-height: 40px;
  border-radius: 8px;
  background-color: #fff;
  display: block;
  color: #464545;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 7px 20px;
  margin-bottom: 0;
  text-decoration: none;
}
.zone-news #news_content.news-mosaic .row > div div.news-tags a.news-tags:hover {
  text-decoration: none;
}
.zone-news #news_content.news-mosaic .row > div img.news-thumbnail {
  margin-bottom: 2.2rem;
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: center center;
  border: 1px solid #efe6e6;
}
.zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  text-transform: inherit;
  line-height: 1.2;
  font-weight: 500;
  /*height: 44px;*/
  white-space: initial;
  width: fit-content;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  min-width: 0;
  border-radius: 50px;
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
  /*margin-top: 0;*/
  margin-top: 7px;
}
.zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type:hover, .zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type:active, .zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type {
    white-space: normal !important;
  }
}
.zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type:hover, .zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type:active, .zone-news #news_content.news-mosaic .row > div > a:not(.news-category):last-of-type:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}

/* Module articles en vedette */
.zone-news_flash .newsList .row .item {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.zone-news_flash .newsList .row .item .itemImage {
  margin-bottom: 0;
}
.zone-news_flash .newsList .row .item .itemImage a img.e-thumbnail {
  margin-bottom: 2.2rem;
  width: 100%;
  height: 210px !important;
  object-fit: cover;
  object-position: center center;
  border: 1px solid #efe6e6;
}
.zone-news_flash .newsList .row .item p.itemInfos.e-date {
  margin-bottom: 0;
}
.zone-news_flash .newsList .row .item p.news-keywords {
  margin-bottom: 0;
}
.zone-news_flash a.viewAll {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  text-transform: inherit;
  line-height: 1.2;
  font-weight: 500;
  /*height: 44px;*/
  white-space: initial;
  width: fit-content;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  min-width: 0;
  border-radius: 50px;
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0;
  color: #FFB14A;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
}
.zone-news_flash a.viewAll:hover, .zone-news_flash a.viewAll:active, .zone-news_flash a.viewAll:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .zone-news_flash a.viewAll {
    white-space: normal !important;
  }
}
.zone-news_flash a.viewAll:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 14px;
  animation-name: none;
}
.zone-news_flash a.viewAll:hover, .zone-news_flash a.viewAll:active, .zone-news_flash a.viewAll:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #464545;
}
.zone-news_flash a.viewAll:hover:after, .zone-news_flash a.viewAll:active:after, .zone-news_flash a.viewAll:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}

/* Bannière - container pleine largeur */
/*###########################  CONNEXION  ###########################*/
/* Global Fix*/
form.form-horizontal .zend_form .col-md-12 {
  width: 100%;
}
form.form-horizontal .zend_form .col-md-12 input,
form.form-horizontal .zend_form .col-md-12 select,
form.form-horizontal .zend_form .col-md-12 textarea {
  box-shadow: none !important;
}
/*Form Connexion Membre*/
.zone-login {
  background-color: #EFF0F4;
  padding: 64px;
}
@media (max-width: 767px) {
  .zone-login {
    padding: 64px 32px;
  }
}

.zone-member .member-login-wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zone-member .member-login-wrapper h1 {
  margin: 64px 0;
}
.zone-member .member-login-wrapper #profile_login_form {
  width: 50%;
}
.zone-member .member-login-wrapper #profile_login_form .zend_form > div:last-of-type {
  padding: 16px 0 64px 0;
  text-align: right;
}
.zone-member .member-login-wrapper #profile_login_form .zend_form > div:last-of-type a.reset-password {
  text-decoration: none;
}
.zone-member .member-login-wrapper #profile_login_form .zend_form input#submit {
  margin-right: 16px;
}
.zone-member .member-login-wrapper #profile_login_form .zend_form a.profile-subscription {
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
}
.zone-member .member-login-wrapper #profile_login_form .zend_form a.profile-subscription:hover, .zone-member .member-login-wrapper #profile_login_form .zend_form a.profile-subscription:active, .zone-member .member-login-wrapper #profile_login_form .zend_form a.profile-subscription:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}

/* Contenue personalisé */
/*Espace Evenements - Vue Details*/
@media (max-width: 991px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right {
    display: flex;
    flex-wrap: wrap;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left {
  display: flex;
  border-right: 1px solid #F3F3F3;
  width: 28%;
}
@media (max-width: 991px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left {
    order: 2;
    border: none;
    background-color: #fff;
    padding: 64px;
    width: 100%;
    text-align: center;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left {
    padding: 32px;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .jumbotron {
  width: 100%;
  background-color: #fff;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__date {
  font-size: 21px;
  line-height: 25px;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 0;
  padding-bottom: 40px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__info .event-info__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  padding-bottom: 25px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info:after {
  content: "";
  margin-top: 5px;
  border: none;
  background: url(https://cdn.ca.yapla.com/company/CPYT6QsC9eRqbNGU4hnWgujrY/asset/images/%C3%89l%C3%A9ments%20graphique/line-dashed.png) repeat-x left center;
  display: block;
  width: 100%;
  height: 7px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .event-info__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 20px;
  order: 1;
  border-bottom: none;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .contact, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .phone, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .email {
  border-bottom: none;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .contact {
  order: 3;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .email {
  order: 2;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .places {
  display: none !important;
  order: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 25px;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 15px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left .event-jumbotron__contact-wrapper .address .address__contact-info .places:before {
  content: "";
  order: 5;
  margin-top: 15px;
  margin-bottom: 20px;
  border: none;
  background: url(https://cdn.ca.yapla.com/company/CPYT6QsC9eRqbNGU4hnWgujrY/asset/images/%C3%89l%C3%A9ments%20graphique/line-dashed.png) repeat-x left center;
  display: block;
  width: 100%;
  height: 7px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  text-transform: inherit;
  line-height: 1.2;
  font-weight: 500;
  /*height: 44px;*/
  white-space: initial;
  width: fit-content;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  min-width: 0;
  border-radius: 50px;
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe:hover, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe:active, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe {
    white-space: normal !important;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe:hover, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe:active, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}
@media (max-width: 991px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__left .event-jumbotron__left a.jumbotron__btn_subscribe {
    display: none;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right {
  display: flex;
  flex-direction: column;
  padding-left: 100px;
}
@media (max-width: 991px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right {
    margin: 0 0 50px 0;
    padding: 0 30px;
    order: 1;
    width: 100%;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__category {
  order: 1;
  font-style: normal;
  font-size: 21;
  font-weight: 800;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-jumbotron__left-right__title {
  order: 0;
  font-size: 32px;
  line-height: 39px;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__row-image-description {
  order: 2;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__row-image-description h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: initial;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__description-additional {
  order: 3;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper {
  order: 4;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__tag {
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  text-transform: uppercase;
  color: #464545;
  background: transparent;
  padding-left: 5px;
  margin: 0;
  line-height: 27px;
  text-transform: none;
}
@media (max-width: 767px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__tag {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav {
    flex-direction: column;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  text-transform: inherit;
  line-height: 1.2;
  font-weight: 500;
  /*height: 44px;*/
  white-space: initial;
  width: fit-content;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  min-width: 0;
  border-radius: 50px;
  background-color: #FFB14A;
  color: #464545;
  transition: all 150ms;
  border: 1px solid #FFB14A;
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back:hover, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back:active, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back {
    white-space: normal !important;
  }
}
.zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back:hover, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back:active, .zone-event .row .event-detail .row-event-jumbotron__left-right .row-event-jumbotron__right .event-detail__actions-wrapper .event-detail__nav .btn-back:focus {
  background-color: transparent;
  border: 1px solid #FFB14A;
  color: #464545;
}
/* Espace Evenement - Mosaique */
/*###########################  ESPACE MEMBRE  ###########################*/
.line-zone-membre {
  /*
  .container-fluid{
      max-width: 80%;

      @include max-md{
          max-width: 100%;
      }

  }
  */
}

.zone-member .sidebar__member-zone {
  background-color: transparent;
  /*
  @include max-md {
      width: 100%;
  }

  @include max-sm {
      width: 100%;
  }
  */
}
.zone-member .sidebar__member-zone .member-sidebar__inner {
  background-color: transparent;
  padding: 0px 25px 35px 25px;
  margin-right: 15px;
  border-radius: 3px;
}
@media (max-width: 991px) {
  .zone-member .sidebar__member-zone .member-sidebar__inner {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .zone-member .sidebar__member-zone .member-sidebar__inner {
    margin-right: 0;
  }
}
.zone-member .sidebar__member-zone .member-sidebar__member-header {
  padding: 0;
  border: none;
}
.zone-member .sidebar__member-zone .member-sidebar__member-header__title {
  color: #FFB14A;
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
  text-transform: inherit;
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.zone-member .sidebar__member-zone .member-sidebar__member-footer {
  padding-left: 0;
  padding-right: 0;
  padding: 1.4rem 0;
  background: transparent;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.zone-member .sidebar__member-zone .member-sidebar__member-footer a {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #464545;
  text-transform: initial;
}
.zone-member .sidebar__member-zone .member-sidebar__member-footer a:hover, .zone-member .sidebar__member-zone .member-sidebar__member-footer a:focus {
  color: #464545;
  text-decoration: underline;
}
.zone-member .sidebar__member-zone .member-sidebar__menu {
  padding-left: 0;
  padding-right: 0;
}
.zone-member .sidebar__member-zone .member-sidebar__menu li {
  padding: 0;
  margin-bottom: 5px;
}
.zone-member .sidebar__member-zone .member-sidebar__menu li a {
  color: #464545;
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: initial;
}
.zone-member .sidebar__member-zone .member-sidebar__menu li a:hover {
  color: #F3F3F3;
  text-decoration: underline;
}
.zone-member .sidebar__member-zone .member-sidebar__menu li.active {
  display: inline-block;
}
.zone-member .sidebar__member-zone .member-sidebar__menu li.active a {
  color: #F3F3F3;
}
.zone-member .member {
  /*
      width: 100%;
  */
}
.zone-member .member #section_314834 {
  margin-bottom: 0;
}
.zone-member .member .section {
  margin-bottom: 40px;
}
.zone-member .member .section label.control-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #323872;
  margin-bottom: 5px;
}
.zone-member .member h2 {
  color: #161E54;
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
  text-transform: inherit;
  padding: 5px 0 8px 0;
}
.zone-member .member input#submit {
  float: left !important;
}
.zone-member .member .form-element-audiologie .col-md-12, .zone-member .member .form-element-orthophonie .col-md-12 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media (max-width: 767px) {
  .zone-member .member .form-element-audiologie .col-md-12, .zone-member .member .form-element-orthophonie .col-md-12 {
    display: block;
  }
}
.zone-member .form-element-votre_photo .input-file .preview #preview {
  padding-bottom: 0;
  margin-bottom: 25px;
  height: 175px;
  width: 175px;
  border-radius: 100px;
  margin-left: auto;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.zone-member .preview.row {
  margin-left: 0;
  margin-right: 0;
}

/*Événements en vedette - affichage mosaïque*/
.zone-event_flash .eventsList .row .col-sm .mod-eventflash__item {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.zone-event_flash .eventsList .row .col-sm .mod-eventflash__item a img {
  margin-bottom: 2.2rem;
  width: 100%;
  height: 210px !important;
  object-fit: cover;
  object-position: center center;
  border: 1px solid #efe6e6;
}
/*Formulaire de Contact*/
/* Formulaire - Module Donnes*/
/* Image - (Default alignée à gauche) */
@media (min-width: 992px) {
  .line-banner {
    border-bottom: 1px solid rgba(70, 69, 69, 0.25);
  }
}
@media (max-width: 767px) {
  .line-banner {
    padding-bottom: 60px;
    border-bottom: 1px solid #cecece;
  }
}
@media (max-width: 991px) {
  .line-banner .container-fluid .row .zone-image {
    padding-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .line-banner .container-fluid .row .zone-image {
    margin-bottom: 50px;
  }
}
.line-banner .container-fluid .row .zone-html {
  display: flex;
  align-items: center;
  padding-right: 0px;
  padding-left: 0px;
}
.line-banner .container-fluid .row .zone-html .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  padding-top: 25%;
}
@media (max-width: 991px) {
  .line-banner .container-fluid .row .zone-html .content {
    padding-top: 15%;
  }
}
@media (max-width: 767px) {
  .line-banner .container-fluid .row .zone-html .content {
    padding-top: 5%;
  }
}
.line-banner .container-fluid .row .zone-html .content h1 {
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .line-banner .container-fluid .row .zone-html .content h1 {
    margin-bottom: 25px;
  }
}
.line-banner .container-fluid .row .zone-html .content h1 span {
  color: #FFB14A;
}
@media (max-width: 767px) {
  .line-banner .container-fluid .row .zone-html .content h1 br {
    display: block !important;
  }
}
.line-banner.home .container-fluid .row .zone-html .content {
  padding-top: 0;
}
@media (min-width: 992px) {
  .line-banner.home .container-fluid .row .zone-html .content {
    min-height: 525px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .line-banner.home .container-fluid .row .zone-html .content {
    padding: 20px 20px 0 20px;
  }
  .line-banner.home .container-fluid .row .zone-html .content h1 {
    font-size: 34px;
  }
}

.smol-line {
  margin: 0 auto;
  background: #F3F3F3;
}
@media (min-width: 992px) {
  .smol-line {
    width: 96%;
  }
}

span.secondary {
  color: #FFB14A;
}

.line-wavy-bloc {
  background-color: #F3F3F3;
  background-image: url(https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/vague.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 60px;
  background-size: 100%;
  width: 96%;
  margin: 0 auto;
  padding: 100px 0 50px 0;
}
@media (max-width: 991px) {
  .line-wavy-bloc {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .line-wavy-bloc {
    width: 100%;
    background-position-y: 20px;
    background-size: 200%;
  }
}
@media (max-width: 767px) {
  .line-wavy-bloc {
    background-position-y: top;
    background-size: 300%;
  }
}
.line-wavy-bloc .line-projets-title .zone-html .content {
  display: flex;
}
@media (max-width: 767px) {
  .line-wavy-bloc .line-projets-title .zone-html .content {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .line-wavy-bloc .line-projets-title .zone-html .content h2 {
    font-size: 40px !important;
    line-height: 43px !important;
  }
}
.line-wavy-bloc .line-projets-title .zone-html .content p {
  text-align: right;
}
@media (max-width: 767px) {
  .line-wavy-bloc .line-projets-title .zone-html .content p {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .line-wavy-bloc .line-projets-title .zone-html .content a {
    text-align: left !important;
    padding-left: 0 !important;
  }
  .line-wavy-bloc .line-projets-title .zone-html .content a br {
    display: block !important;
  }
}
.line-wavy-bloc .line-projets-title .zone-html .content .btn-news {
  margin-top: 0;
  padding-top: 0;
}
.line-wavy-bloc .line-projets-home {
  padding-top: 32px;
}
.line-wavy-bloc .line-projets-home h2 {
  font-size: 40px;
  line-height: 43px;
  font-weight: 700;
  text-transform: initial;
}
@media (max-width: 991px) {
  .line-wavy-bloc .line-projets-home h2 {
    font-size: 37px;
    line-height: 43px;
  }
}
@media (max-width: 767px) {
  .line-wavy-bloc .line-projets-home h2 {
    font-size: 34px;
    line-height: 43px;
  }
}
.line-wavy-bloc .line-projets-home .newsList {
  gap: 36px 16px;
}
.line-wavy-bloc .line-projets-home .newsList .row .item .itemImage a img {
  border-radius: 5px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .line-wavy-bloc .line-projets-home .newsList .row .item .itemImage a img {
    min-height: 275px !important;
  }
}
.line-wavy-bloc .line-projets-home .newsList .row .item .intro {
  height: 400px;
  border-radius: 5px;
  padding-top: 35px;
  padding-left: 68px;
  padding-right: 50px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background: #fff;
  position: relative;
}
@media (max-width: 1199px) {
  .line-wavy-bloc .line-projets-home .newsList .row .item .intro {
    height: auto;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .line-wavy-bloc .line-projets-home .newsList .row .item .intro {
    height: 540px;
    padding-left: 45px;
  }
}
@media (max-width: 767px) {
  .line-wavy-bloc .line-projets-home .newsList .row .item .intro {
    height: auto;
    padding-bottom: 35px;
  }
}
.line-wavy-bloc .line-projets-home .newsList .row .item .intro h5 {
  color: #FFB14A;
  padding-bottom: 15px;
}
.line-wavy-bloc .line-projets-home .newsList .row .item .intro p:first-of-type {
  padding-bottom: 30px;
}
.line-wavy-bloc .line-projets-home .newsList .row .item .intro h5, .line-wavy-bloc .line-projets-home .newsList .row .item .intro p {
  position: relative;
  display: block;
  margin-bottom: 0;
}
.line-wavy-bloc .line-projets-home .newsList .row .item .intro h5:before, .line-wavy-bloc .line-projets-home .newsList .row .item .intro p:before {
  content: "";
  background: #CECECE;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 5px;
  left: -18px;
}
.line-wavy-bloc .line-projets-home .newsList .row .item .intro .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.line-wavy-bloc .line-projets-home .newsList .row .item .actions {
  display: none;
}
.line-wavy-bloc.gagnants {
  background-position-y: 97px;
  padding-bottom: 100px;
}
.line-wavy-bloc.apropos, .line-wavy-bloc.faq {
  background-position-y: 100px;
}
.line-wavy-bloc.infolettre {
  background-position-y: 520px;
}
.line-wavy-bloc.participez {
  background-position-y: 15px;
}

.smolcontainer .container {
  max-width: 770px;
}

.line-half-iconbox .container .row {
  display: flex;
}
@media (max-width: 991px) {
  .line-half-iconbox .container .row {
    flex-direction: column;
    align-items: center;
  }
}
.line-half-iconbox .container .row > div {
  background: #fff;
  padding: 50px 55px 50px 80px;
  position: relative;
}
@media (max-width: 991px) {
  .line-half-iconbox .container .row > div {
    width: 90%;
  }
  .line-half-iconbox .container .row > div:first-child {
    margin-bottom: 75px;
  }
}
@media (max-width: 767px) {
  .line-half-iconbox .container .row > div {
    padding: 30px;
    padding-top: 60px;
  }
}
.line-half-iconbox .container .row > div .icon {
  position: absolute;
  top: 0;
  left: -50px;
}
@media (max-width: 767px) {
  .line-half-iconbox .container .row > div .icon {
    top: -70px;
    left: 25%;
  }
}
.line-half-iconbox .container .row > div .h5 {
  color: #FFB14A;
  margin-bottom: 30px;
}
.line-half-iconbox .container .row > div p {
  margin-bottom: 0;
}
.line-half-iconbox .container .row > div p .btn-link-invert {
  padding-top: 0 !important;
}
@media (min-width: 992px) {
  .line-half-iconbox .container .row > div {
    max-width: 520px;
  }
}
@media (min-width: 992px) {
  .line-half-iconbox .container .row > div:first-child {
    margin-right: 60px;
  }
}

.line-404 .container .row .zone-html .content .error {
  position: relative;
  padding-bottom: 60px;
}
.line-404 .container .row .zone-html .content .error h1 {
  font-size: 200px;
  line-height: 46px;
  color: #FFB14A;
}
@media (max-width: 767px) {
  .line-404 .container .row .zone-html .content .error h1 {
    font-size: 150px;
  }
}
.line-404 .container .row .zone-html .content .error h3 {
  z-index: 2;
  position: absolute;
  top: 15%;
}
.line-404 .container .row .zone-html .content h3 {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .home-intro {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 767px) {
  .home-intro .container .row .zone-image {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .home-intro .container .row .zone-html {
    padding-top: 100px;
    padding-left: 80px;
  }
}
.home-intro .container .row .zone-html .content h2 {
  margin-bottom: 40px;
}
.home-intro .container .row .zone-html .content h2 span {
  color: #FFB14A;
}

.home-actualites .container .row > div .newsList .row .item {
  display: flex;
  flex-direction: column;
}
.home-actualites .container .row > div .newsList .row .item .actions {
  margin-top: 0 !important;
  order: 2;
}
.home-actualites .container .row > div .newsList .row .item .actions a {
  line-height: 24px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  border: none !important;
  padding: 10px 0 10px 0;
  color: #FFB14A;
  text-transform: inherit;
  font-weight: 500;
  background-color: transparent;
  transition: all 300ms;
  margin-top: 0 !important;
}
.home-actualites .container .row > div .newsList .row .item .actions a:after {
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/yellow-arrow-up.svg");
  background-repeat: no-repeat;
  right: -13px;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 14px;
  animation-name: none;
}
.home-actualites .container .row > div .newsList .row .item .actions a:hover, .home-actualites .container .row > div .newsList .row .item .actions a:active, .home-actualites .container .row > div .newsList .row .item .actions a:focus {
  background-color: transparent !important;
  text-decoration: none;
  color: #464545;
}
.home-actualites .container .row > div .newsList .row .item .actions a:hover:after, .home-actualites .container .row > div .newsList .row .item .actions a:active:after, .home-actualites .container .row > div .newsList .row .item .actions a:focus:after {
  background: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Cases/_shapes/black-arrow-hover.svg");
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-name: bounce_arrow;
  -moz-animation-name: bounce_arrow;
}
.home-actualites .container .row > div .newsList .row .item h3 {
  order: 0;
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
  text-transform: initial;
  color: #FFB14A;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-bottom: 5px;
  padding-top: 5px;
  font-weight: 500 !important;
  border-left: 1px solid #cecece;
}
.home-actualites .container .row > div .newsList .row .item .intro {
  order: 1;
}

.gagnants-intro {
  padding-bottom: 60px;
}
.gagnants-intro .zone-html .content {
  max-width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gagnants-intro .zone-html .content {
    max-width: 90%;
  }
}
.gagnants-intro .zone-html .content h6 {
  font-weight: 400;
}

.line-gagnants .container .row > div .newsList .row .item .intro {
  background: #fff;
  padding: 30px;
  padding-left: 70px;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media (max-width: 991px) {
  .line-gagnants .container .row > div .newsList .row .item .intro {
    padding-left: 45px;
  }
}
.line-gagnants .container .row > div .newsList .row .item .intro a {
  color: #FFB14A !important;
  text-decoration: underline;
}
.line-gagnants .container .row > div .newsList .row .item .intro a:hover {
  color: #464545 !important;
}
.line-gagnants .container .row > div .newsList .row .item .intro h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: initial;
  color: #FFB14A;
}
.line-gagnants .container .row > div .newsList .row .item .intro h2, .line-gagnants .container .row > div .newsList .row .item .intro h6, .line-gagnants .container .row > div .newsList .row .item .intro p {
  position: relative;
  display: block;
  margin-bottom: 0;
}
.line-gagnants .container .row > div .newsList .row .item .intro h2:before, .line-gagnants .container .row > div .newsList .row .item .intro h6:before, .line-gagnants .container .row > div .newsList .row .item .intro p:before {
  content: "";
  background: #CECECE;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 5px;
  left: -18px;
}
@media (max-width: 767px) {
  .line-gagnants .container .row > div .newsList .row .item .intro p br {
    display: block !important;
  }
}
.line-gagnants .container .row > div .newsList .row .item .intro p:nth-last-child(2) {
  font-size: 14px;
  line-height: 20px;
}
.line-gagnants .container .row > div .newsList .row .item .intro .btn-link {
  text-decoration: none !important;
}

.line-projet-single .container .row .zone-article .mod-article__wrapper h1 {
  order: 0;
  font-size: 40px;
  line-height: 43px;
  font-weight: 700;
  text-transform: initial;
  color: #FFB14A;
  padding-left: 22px;
  border-left: 1px solid #cecece;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .line-projet-single .container .row .zone-article .mod-article__wrapper h1 {
    font-size: 37px;
    line-height: 43px;
  }
}
@media (max-width: 767px) {
  .line-projet-single .container .row .zone-article .mod-article__wrapper h1 {
    font-size: 34px;
    line-height: 43px;
  }
}
.line-projet-single .container .row .zone-article .mod-article__wrapper .news-content {
  display: flex;
  flex-direction: column;
}
.line-projet-single .container .row .zone-article .mod-article__wrapper .news-content .mod-article__content {
  order: 1;
}
.line-projet-single .container .row .zone-article .mod-article__wrapper .news-content .mod-article__content .pa-carousel-widget {
  margin-bottom: 45px;
}
.line-projet-single .container .row .zone-article .mod-article__wrapper .news-content .mod-article__content .pa-carousel-widget .jx-carousel-arrow .jx-svg-image {
  background: red;
}
.line-projet-single .container .row .zone-article .mod-article__wrapper .news-content .mod-article__content .pa-carousel-widget .jx-carousel-arrow .jx-svg-image > svg {
  fill: #FFB14A !important;
}
.line-projet-single .container .row .zone-article .mod-article__wrapper .news-content .mod-article__tags {
  order: 0;
  display: block;
  width: fit-content;
  margin-bottom: 30px;
  border-radius: 21px;
  background: #FFE7C7;
  padding: 2px 12px;
}

@media (max-width: 991px) {
  .apropos {
    padding-bottom: 100px;
  }
}
.apropos .container .row > div:first-child {
  max-width: 376px;
}
@media (min-width: 992px) {
  .apropos .container .row > div:last-child {
    margin-left: 100px;
  }
}
.apropos .container .row > div:last-child p {
  font-size: 18px;
  line-height: 25px;
}

@media (max-width: 991px) {
  .jury .newsList .row {
    margin-top: 0 !important;
  }
}
@media (max-width: 991px) {
  .jury .newsList .row .col-sm-12 {
    width: 100%;
    float: none;
    margin-bottom: 45px;
  }
}
.jury .newsList table.accordeon tbody tr:first-child {
  padding-bottom: 0;
}
.jury .newsList table.accordeon tbody tr:first-child td {
  background: #fff;
}
.jury .newsList table.accordeon tbody tr:first-child td img {
  float: left;
}
@media (max-width: 767px) {
  .jury .newsList table.accordeon tbody tr:first-child td img {
    width: 100% !important;
  }
}
.jury .newsList table.accordeon tbody tr:first-child td h3 {
  float: left;
  width: calc(100% - 180px);
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: initial;
  color: #FFB14A;
}
@media (max-width: 767px) {
  .jury .newsList table.accordeon tbody tr:first-child td h3 {
    width: 100%;
  }
}
.jury .newsList table.accordeon tbody tr:first-child td h4 {
  float: left;
  width: calc(100% - 180px);
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #464545;
}
.jury .newsList table.accordeon tbody tr:first-child td h4.banner {
  font-size: 25px;
  line-height: 30px;
}
.jury .newsList table.accordeon tbody tr:first-child td h4.grand {
  font-size: 18px;
  line-height: 25px;
}
.jury .newsList table.accordeon tbody tr:first-child td h4.petit {
  font-size: 12px;
  line-height: 20px;
}
.jury .newsList table.accordeon tbody tr:first-child td h4 br {
  display: none !important;
}
@media (max-width: 767px) {
  .jury .newsList table.accordeon tbody tr:first-child td h4 {
    width: 100%;
  }
}
.jury .newsList table.accordeon tbody tr:last-child {
  padding-top: 0px;
}
.jury .newsList table.accordeon tbody tr:last-child td {
  background: #fff;
}
.jury .newsList table.accordeon.active tbody tr:last-child td {
  border-top: 4px solid #f3f3f3;
  padding: 20px 30px 10px;
}

.line-docu-articles .container .row > div .newsList .row .item {
  padding: 60px 0 60px 90px;
  background: #fff;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media (max-width: 991px) {
  .line-docu-articles .container .row > div .newsList .row .item {
    padding: 30px 0 30px 45px;
  }
}
.line-docu-articles .container .row > div .newsList .row .item .itemImage {
  display: block;
  position: absolute;
  top: 0;
  left: -47px;
}
@media (max-width: 991px) {
  .line-docu-articles .container .row > div .newsList .row .item .itemImage {
    top: -85px;
  }
}
.line-docu-articles .container .row > div .newsList .row .item h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: initial;
  color: #FFB14A;
}
@media (max-width: 991px) {
  .line-docu-articles .container .row > div .newsList .row .item .intro {
    max-width: 80%;
  }
}
.line-docu-articles .container .row > div .newsList .row .item .intro p {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .line-docu-articles .container .row > div .newsList .row .item .intro a {
    text-align: left !important;
  }
}
@media (max-width: 991px) {
  .line-docu-articles .container .row > div .newsList .row:first-child {
    margin-bottom: 90px;
  }
}

.line-video-docu .zone-html .content p {
  margin-bottom: 55px;
}
.line-video-docu .zone-html .content iframe {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .line-video-docu .zone-html .content iframe {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 991px) {
  .faq {
    padding-bottom: 80px;
  }
}
.faq .container .row .zone-news .panel-group {
  background: #fff;
  padding: 30px 80px;
}
@media (max-width: 991px) {
  .faq .container .row .zone-news .panel-group {
    padding: 30px 45px;
  }
}
@media (max-width: 767px) {
  .faq .container .row .zone-news .panel-group {
    padding: 25px;
  }
}
.faq .container .row .zone-news .panel-group .panel-news-accordion .panel-heading .panel-title {
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
  text-transform: initial;
}
.faq .container .row .zone-news .panel-group .panel-news-accordion .panel-heading .panel-title a {
  color: #464545;
}

@media (min-width: 992px) {
  .line-contact .container .row .zone-html {
    max-width: 377px;
    margin-right: 112px;
  }
}
@media (max-width: 767px) {
  .line-contact .container .row .zone-html {
    margin-bottom: 50px;
  }
  .line-contact .container .row .zone-html br {
    display: block !important;
  }
}
.line-contact .container .row .zone-html img {
  margin-bottom: 15px;
}
.line-contact .container .row .zone-html h5 {
  margin-bottom: 25px;
}
.line-contact .container .row .zone-html hr {
  margin-top: 30px;
}
.line-contact .container .row .zone-html a {
  text-decoration: none !important;
  font-weight: 700 !important;
}
.line-contact .container .row .zone-crm h4 {
  margin-bottom: 50px;
}

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