:root {
  --color2: #D6955B;
  --color3: #165a50;
  --color4: #FEEAA1;
  --color5: #B7D0CD; }

@media only print, only screen and (min-width: 48.063em) {
  .contact-menu {
    width: 100%;
    right: 0; }
    .contact-menu > .menu {
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }

.main-banner:before {
  padding-bottom: 50%; }
  @media only print, only screen and (min-width: 48.063em) {
    .main-banner:before {
      padding-bottom: 30%; } }
  @media only print, only screen and (min-width: 100.063em) {
    .main-banner:before {
      padding-bottom: 480px !important; } }

.main-body .richContent {
  margin: auto; }

.main-body .homeSubTitle {
  text-align: center;
  font-size: 1.563em;
  position: relative;
  padding: 2rem 0; }
  .main-body .homeSubTitle > span {
    padding: 0;
    background-color: var(--color5);
    position: relative;
    z-index: 1; }
    @media only print, only screen and (min-width: 48.063em) {
      .main-body .homeSubTitle > span {
        padding: 0 3em; } }
  @media only print, only screen and (min-width: 48.063em) {
    .main-body .homeSubTitle::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #222222;
      left: 0;
      top: 50%; } }

.home-zoomArticle {
  position: relative; }
  .home-zoomArticle:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 66.667%;
    top: 33.333%;
    left: 0;
    right: 0;
    background-color: #E6ECF4; }

.listArticle {
  position: relative; }
  .no-touch .listArticle {
    padding: 0 3.5em; }
  .listArticle .control {
    display: none; }
    .no-touch .listArticle .control {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 8px;
      bottom: 8px;
      cursor: pointer;
      width: 3em;
      background: rgba(255, 255, 255, 0.25);
      z-index: 1; }
      .no-touch .listArticle .control:hover {
        background: rgba(255, 255, 255, 0.75); }
      .no-touch .listArticle .control.prev {
        left: 0; }
        .no-touch .listArticle .control.prev:before {
          content: '\002039';
          font-size: 4em; }
      .no-touch .listArticle .control.next {
        right: 0; }
        .no-touch .listArticle .control.next:before {
          content: '\00203a';
          font-size: 4em; }
      .no-touch .listArticle .control.disabled {
        color: #CCCCCC;
        cursor: auto; }

.carousel-controller {
  display: none;
  pointer-events: none; }
  .no-touch .carousel-controller {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    justify-content: space-between; }
    .no-touch .carousel-controller .control {
      width: 60px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      background: transparent;
      z-index: 10;
      pointer-events: all;
      cursor: pointer;
      width: 4em; }
      .no-touch .carousel-controller .control:before {
        text-shadow: 0 0 4px #000; }
      .no-touch .carousel-controller .control:hover {
        background: rgba(0, 0, 0, 0.25); }
      .no-touch .carousel-controller .control.prev::before {
        content: '\002039';
        font-size: 4em;
        left: 0; }
      .no-touch .carousel-controller .control.next::before {
        content: '\00203a';
        font-size: 4em;
        right: 0; }

.listArticle {
  scrollbar-width: thin;
  scrollbar-color: var(--color5);
  /* Foreground, Background */ }
  .listArticle ::-webkit-scrollbar {
    width: 11px;
    /* Mostly for vertical scrollbars */
    height: 11px;
    /* Mostly for vertical scrollbars */ }
  .listArticle ::-webkit-scrollbar-track {
    /* Background */
    background: var(--color5);
    border-radius: 10px; }
  .listArticle ::-webkit-scrollbar-thumb {
    /* Foreground */
    background-color: #FFFFFF;
    border-radius: 6px;
    border: 2px solid var(--color5);
    background-clip: content-box; }
    .listArticle ::-webkit-scrollbar-thumb:hover {
      border-radius: 7px;
      border: 1px solid var(--color5); }

.listArticle-list {
  padding: 0 !important; }
  @supports not selector(::-webkit-scrollbar-thumb) {
    .listArticle-list {
      scrollbar-width: thin;
      scrollbar-color: var(--color3) #E6ECF4;
      /* Foreground, Background */ } }

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