:root {
  --color2: #00B4DD;
  --color3: #E75112;
  --vinyleBleu15: #172983; }

.css3slider {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden; }

.css3slider-item {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition-delay: 0s; }
  .css3slider-item > img {
    display: none; }
  .trans-fade .css3slider-item.active {
    opacity: 1; }
  .trans-accordeon .css3slider-item {
    opacity: 1; }
    .trans-accordeon .css3slider-item:first-child {
      transform: translateX(0%); }
  .trans-ltr .css3slider-item,
  .trans-rtl .css3slider-item,
  .trans-btt .css3slider-item,
  .trans-ttb .css3slider-item {
    opacity: 1; }

.titleAccueil h2 {
  text-align: center; }

.richContent + .listArticle {
  padding-top: 0 !important; }

.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:before {
        color: var(--vinyleBleu15); }
      .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 {
        cursor: auto; }
        .no-touch .listArticle .control.disabled:before {
          color: #CCCCCC; }

.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-list {
  padding: 0 !important;
  scrollbar-width: thin;
  scrollbar-color: var(--vinyleBleu15) #f3f3f3;
  /* Foreground, Background */ }
  .listArticle-list::-webkit-scrollbar {
    height: 11px;
    /* Mostly for horizontal scrollbars */ }
  .listArticle-list::-webkit-scrollbar-track {
    /* Background */
    background: #f3f3f3;
    box-shadow: inset 0 0 10px #EEEEEE;
    border-radius: 10px; }
  .listArticle-list::-webkit-scrollbar-thumb {
    /* Foreground */
    background-color: var(--color2);
    border-radius: 6px;
    border: 3px solid #f3f3f3; }
    .listArticle-list::-webkit-scrollbar-thumb:hover {
      border-color: var(--color2); }