@charset "UTF-8";
:root {
  --color2: #2C8298;
  --color3: #DBCF6E;
  --color4: #00505D;
  --color5: #5C002C; }

.home-menu-item .home-menu-item-title:before {
  speak: none;
  text-transform: none;
  line-height: 1;
  position: absolute;
  margin: -0.5em;
  width: 1em;
  height: 1em;
  text-align: center;
  /* Better Font Rendering =========== */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.home-menu-item .floating.bouton.home-menu-item-title:before {
  margin: 0; }

.main-header {
  min-height: 280px; }
  @media only print, only screen and (min-width: 48.063em) {
    .main-header {
      min-height: 235px; } }
  .main-header .main-header-logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0rem);
    max-width: 300px;
    margin: 0 auto; }
    @media only print, only screen and (min-width: 48.063em) {
      .main-header .main-header-logo {
        transform: translate(-50%, 3rem); } }
  .main-header .bt-home {
    max-width: 300px; }

@media only print, only screen and (min-width: 48.063em) {
  .contact-menu {
    width: 100%;
    right: 0; }
    .contact-menu > .menu {
      display: flex;
      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; } }

.main-body {
  position: relative; }
  .main-body .titlePage h1 {
    text-align: center; }
  .main-body .richContent {
    margin: auto; }
    @media only print, only screen and (min-width: 75.063em) {
      .main-body .richContent {
        max-width: 75%; } }
  .main-body .homeSubTitle {
    text-align: center;
    color: var(--color2);
    font-size: 1.563em;
    text-transform: uppercase;
    margin: 2rem; }

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

.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: #EBF4F5;
  /* Foreground, Background */ }
  .listArticle ::-webkit-scrollbar {
    width: 11px;
    /* Mostly for vertical scrollbars */
    height: 11px;
    /* Mostly for vertical scrollbars */ }
  .listArticle ::-webkit-scrollbar-track {
    /* Background */
    background: #EBF4F5;
    border-radius: 10px; }
  .listArticle ::-webkit-scrollbar-thumb {
    /* Foreground */
    background-color: var(--color3);
    border-radius: 6px;
    border: 4px solid #EBF4F5;
    background-clip: content-box; }
    .listArticle ::-webkit-scrollbar-thumb:hover {
      border-radius: 7px;
      border: 3px solid #EBF4F5; }

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

.home-menu {
  padding-bottom: 4rem; }

.home-menu-item {
  position: relative;
  padding: 3rem;
  transition: transform 0.25s; }
  .home-menu-item:after,
  .home-menu-item > .bt {
    content: '';
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem; }
  .home-menu-item:after {
    z-index: -1;
    background-color: #ffffff;
    border: solid 1px #EEE;
    transition: background-color 0.25s linear, box-shadow 0.25s ease-in-out;
    border-color: var(--color2); }
  .home-menu-item > .bt {
    text-indent: -9999px; }
  .home-menu-item .home-menu-item-title {
    display: block;
    font-size: 1.563em;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: center;
    color: var(--color2);
    line-height: 1.25; }
    .home-menu-item .home-menu-item-title:before {
      font-size: 2em;
      margin: 0 auto;
      position: relative;
      display: block;
      color: var(--color3);
      font-family: 'customicons';
      font-weight: normal; }
  .home-menu-item:hover {
    transform: translateY(-0.5em); }
    .home-menu-item:hover:after {
      background-color: #FFF;
      box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1); }
  .home-menu-item.m17 .home-menu-item-title:before {
    content: ""; }
  .home-menu-item.m18 .home-menu-item-title:before {
    content: ""; }
  .home-menu-item.m19 .home-menu-item-title:before {
    content: ""; }
  .home-menu-item.m20 .home-menu-item-title:before {
    content: ""; }
  @media only print, only screen and (min-width: 30.063em) {
    .home-menu-item {
      padding-left: calc( 1rem + 140px); }
      .home-menu-item .home-menu-item-title {
        text-align: left; }
        .home-menu-item .home-menu-item-title:before {
          font-size: 2em;
          margin: -0.5em;
          position: absolute;
          top: 50%;
          left: 1.5em; } }
  @media only print, only screen and (min-width: 60.063em) {
    .home-menu-item {
      padding-left: 3rem;
      font-size: 1.3vw; }
      .home-menu-item .home-menu-item-title {
        text-align: center; }
        .home-menu-item .home-menu-item-title:before {
          margin: 0 auto;
          position: static;
          margin-bottom: 1rem; } }
  @media only print, only screen and (min-width: 75.063em) {
    .home-menu-item {
      font-size: 1em; } }
  @media only print, only screen and (min-width: 100.063em) {
    .home-menu-item {
      padding: 4rem; } }

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