/*
 Theme Name:   LPDW config
 Theme URL:    https://leplusduweb.com
 Description:  Theme enfant developpé par l'entreprise LE PLUS DU WEB
 Author:       Le plus du web
 Author URI:   http://leplusduweb.com
 Template:     enfold
 Version:      1.0.0
*/

/*
Styles tous médias
================================================== */

/***************************************************************/
/************************GENERALITE*****************************/
/***************************************************************/
/*
Desktop Styles
================================================== */
/* Note: CSS POUR VUE PC CLASSIQUE */

/*******************************************************/
/********************** VARIABLES **********************/
/*******************************************************/
/********************** Couleurs **********************/

:root {
  /* COULEURS */
  --saison-1: #3cb49b;
  --saison-2: #f9b019;
  --saison-3: #0b303e;
  --gris: #f2f2f2;
  --gris-fonce: #0d2c3d;

  --white-op0: rgba(255, 255, 255, 0);
  --white-op1: rgb(255, 255, 255);

  --saison-3-op0: rgba(57, 224, 241, 0);

  --green-op0: rgba(133, 182, 9, 0);

  --gris-fonce-op0: rgba(13, 44, 61, 0);

  /* Icones sidebar menu burger */
  --search-white-side: url("/wp-content/themes/enfold_child/assets/sidebar-menu/search-white-side.png");
  --user-white-side: url("/wp-content/themes/enfold_child/assets/sidebar-menu/user-white-side.png");
  --user-rose-side: url("/wp-content/themes/enfold_child/assets/sidebar-menu/user-rose-side.png");
  --search-rose-side: url("/wp-content/themes/enfold_child/assets/sidebar-menu/search-rose-side.png");
  --user-blue-side: url("/wp-content/themes/enfold_child/assets/sidebar-menu/user-blue-side.png");
  --search-blue-side: url("/wp-content/themes/enfold_child/assets/sidebar-menu/search-blue-side.png");

  /* ICONES FTP BLANC */
  --fleche-white: url("/wp-content/themes/enfold_child/assets/icones-white/icône-flèche.png");
  --calendar-white: url("/wp-content/themes/enfold_child/assets/icones-white/calendar-white.png");
  --user-white: url("/wp-content/themes/enfold_child/assets/icones-white/user-white.png");
  --search-white: url("/wp-content/themes/enfold_child/assets/icones-white/search-white.png");
  --mail-white: url("/wp-content/themes/enfold_child/assets/icones-white/mail-white.png");
  --dot-white: url("/wp-content/themes/enfold_child/assets/icones-white/dot-white.png");
  --cadran-white: url("/wp-content/themes/enfold_child/assets/icones-white/cadran-white.png");

  /* Icones ftp BLEU */
  --fleche-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/fleche-blue.png");
  --calendar-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/calendar-blue.png");
  --user-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/user-blue.png");
  --search-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/search-blue.png");
  --mail-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/mail-blue.png");
  --dot-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/dot-blue.png");
  --cadran-blue: url("/wp-content/themes/enfold_child/assets/icones-blue/cadran-blue.png");

  /* IMAGES WORDPRESS */
  --musicos: url("/wp-content/uploads/2023/04/danseurs_musicien_sur_scene.jpg");

  /* ZIGOUIGOUI */
  --zig-blue-pen: url("/wp-content/themes/enfold_child/assets/zig-blue.png");
  --line-green: url("/wp-content/themes/enfold_child/assets/line-pen-green.png");
  --line-white: url("/wp-content/themes/enfold_child/assets/line-pen.png");
  --zig-blue: url("/wp-content/themes/enfold_child/assets/zig-bold-larg.png");
  --zig-white-larg: url("/wp-content/themes/enfold_child/assets/zig-long-vertical.png");
  --zig-whit-square: url("/wp-content/themes/enfold_child/assets/zig-large-large.png");

  /* ZIGOUGOUI SVG */
  --zig-blue-pen-svg: url("/wp-content/themes/enfold_child/assets/svg-zig/zig-blue-pen-svg.svg");
  --line-green-svg: url("/wp-content/themes/enfold_child/assets/svg-zig/line-green-svg.svg");
  --line-white-svg: url("/wp-content/themes/enfold_child/assets/svg-zig/line-white-svg.svg");
  --zig-blue-svg: url("/wp-content/themes/enfold_child/assets/svg-zig/zig-blue-svg.svg");
  --zig-white-larg-svg: url("/wp-content/themes/enfold_child/assets/svg-zig/zig-white-larg-svg.svg");
  --zig-whit-square-svg: url("/wp-content/themes/enfold_child/assets/svg-zig/zig-white-square-svg.svg");
}

/* Style desktop */
@media only screen and (min-width: 768px) {
  /********************** Animations **********************/

  /* SVG dessin */

  @keyframes dashWhite {
    to {
      stroke-dashoffset: 0;
      opacity: 1;
      fill: var(--white-op1);
    }
  }

  @keyframes dashBlue {
    to {
      stroke-dashoffset: 0;
      opacity: 1;
      fill: var(--saison-3);
      transform: translateY(0);
    }
  }

  @keyframes dashGreen {
    to {
      stroke-dashoffset: 0;
      opacity: 1;
      fill: var(--saison-2);
    }
  }

  @keyframes dashBlack {
    to {
      stroke-dashoffset: 0;
      opacity: 1;
      fill: var(--gris-fonce);
    }
  }

  @keyframes dashRose {
    from {
      fill: transparent;
      stroke: transparent;
    }
    to {
      stroke-dashoffset: 0;
      opacity: 1;
      fill: var(--saison-1);
    }
  }

  /* Retract */

  @keyframes retractHeader {
    from {
      padding-bottom: 50px;
    }
    to {
      padding-bottom: 0px;
    }
  }

  @keyframes retract {
    to {
      width: 320px;
      height: 60px;
      background-color: var(--gris-fonce);
    }
  }

  @keyframes deretract {
    from {
      width: 320px;
      height: 60px;
      background-color: white;
    }
  }

  /* Slide */

  @keyframes slideFromLeftNav {
    from {
      left: -80%;
    }
    to {
      left: 0%;
    }
  }

  @keyframes slideBottom {
    0% {
      padding-top: 240px;
    }
    100% {
      padding-top: 120px;
    }
  }

  @keyframes slideLeft {
    0% {
      opacity: 0;
      left: 170px;
    }
    100% {
      opacity: 1;
      left: 50px;
    }
  }

  @keyframes slideFromRightBurger {
    from {
      right: -15%;
    }
    to {
      right: 5% !important;
    }
  }

  @keyframes slideFromRighttUl {
    from {
      opacity: 0;
      left: 95%;
    }
    to {
      left: 0;
    }
  }

  @keyframes slideFromLeftUl {
    from {
      left: 0;
    }
    to {
      left: 95%;
    }
  }

  @keyframes slideFromRight {
    0% {
      left: 90%;
      opacity: 0;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }

  @keyframes fromLeftSerach2 {
    from {
      left: 0;
      opacity: 1;
    }
    to {
      left: -100%;
      opacity: 0;
    }
  }

  @keyframes fromRightSerach2 {
    from {
      left: -100%;
      opacity: 0;
    }
    to {
      left: 0;
      opacity: 1;
    }
  }

  @keyframes slideLeft {
    0% {
      opacity: 0;
      right: 120px;
    }
    100% {
      opacity: 1;
      right: -3px;
    }
  }

  @keyframes slideRight {
    0% {
      opacity: 0;
      right: 120px;
    }
    100% {
      opacity: 1;
      right: 0px;
    }
  }

  @keyframes slideLeft2 {
    0% {
      opacity: 0;
      right: 120px;
    }
    100% {
      opacity: 1;
      right: 0px;
    }
  }

  @keyframes slideFromLeft {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
  }

  @keyframes toRightSearch {
    0% {
      display: block !important;
      right: 45%;
      opacity: 1;
      display: flex;
      position: fixed;
      width: calc(45% / 2);
      height: 65px;
      bottom: 0;
      z-index: 510;
      background-color: white;
      overflow: hidden !important;
    }
    50% {
      opacity: 0;
    }
    100% {
      display: block;
      right: 0%;
      display: flex;
      opacity: 0;
      position: fixed;
      height: 65px;
      bottom: 0;
      z-index: 510;
      background-color: white;
      overflow: hidden !important;
    }
  }

  @keyframes fromRightSerach {
    0% {
      right: 0%;
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      right: 45%;
      opacity: 1;
    }
  }

  /* Appear */

  @keyframes diseapear {
    from {
      opacity: 1;
      position: relative;
    }
    to {
      opacity: 0;
      position: absolute;
      height: 0;
    }
  }

  @keyframes reapear {
    from {
      opacity: 0;
      position: absolute;
      height: 0;
    }
    to {
      opacity: 1;
      position: relative;
    }
  }

  @keyframes diseapear2 {
    from {
      opacity: 1;
      right: 0%;
    }
    to {
      opacity: 0;
      right: -100%;
    }
  }

  @keyframes reapear2 {
    from {
      opacity: 0;
      right: -100%;
    }
    to {
      opacity: 1;
      right: 0%;
    }
  }

  /* Bigger */

  @keyframes bigger {
    0% {
      background-size: 70%;
      rotate: 0deg;
    }
    50% {
      background-size: 90%;
    }
    100% {
      background-size: 70%;
      rotate: 540deg;
    }
  }

  @keyframes bigger2 {
    0% {
      background-size: 70%;
      rotate: 0deg;
    }
    50% {
      background-size: 90%;
    }
    100% {
      background-size: 70%;
      rotate: 540deg;
    }
  }

  /* Add your Desktop Styles here */
  html.html_stretched {
    margin: 0px !important;
  }

  #top #wrap_all .op-zi {
    opacity: 0;
    z-index: -99999;
  }

  /*===========================================*/
  /**************** GENERALITES ****************/
  /*===========================================*/

  #top #header {
    z-index: 201 !important;
  }

  #top .pt-54 {
    padding-top: 61px !important;
    z-index: -999;
  }

  #top.page-id-33 #wrap_all h1 {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.7s;
    transition: opacity 0.5s, -webkit-transform 0.7s;
    -o-transition: opacity 0.5s, transform 0.7s;
    transition: opacity 0.5s, transform 0.7s;
    transition: opacity 0.5s, transform 0.7s, -webkit-transform 0.7s;
  }

  #top #wrap_all h1.animated {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /********************/
  /****** HEADER ******/
  /********************/

  /***** BreadCrumbs ******/

  .fil-ariane-content a {
    color: var(--blanc);
    &:hover {
      color: var(--saison-1);
    }
  }

  #top #wrap_all #main > .title_container h1.main-title > a {
    color: var(--saison-1) !important;
  }

  /***** Header Main *****/
  /* Retract header on scroll */

  #top #header.scrolled-custom-js #header_main {
    animation: retractHeader 400ms ease-in-out forwards;
  }

  /* Logo */

  #top #wrap_all #header div.container.av-logo-container {
    line-height: 110px !important;
    max-height: 110px !important;
    height: 110px !important;
    overflow: visible;
  }

  #top #wrap_all #header span.logo.avia-standard-logo {
    max-height: 110px !important;
    overflow: visible;
  }

  #top #wrap_all #header span.logo.avia-standard-logo a {
    margin: 24px 0 0 0;
    overflow: visible;
  }

  #top #wrap_all #header a img {
    height: 90px !important;
    width: 100%;
    object-fit: cover;
  }

  /******************/
  /****** MENU ******/
  /******************/

  #top
    #header_main_alternate
    nav.main_menu
    > div.avia-menu
    > #avia-menu
    > li.menu-item
    > a {
    font-size: 18px;
    font-weight: normal;
    transition: 300ms;
    position: relative;
  }

  #top
    #header_main_alternate
    nav.main_menu
    > div.avia-menu
    > #avia-menu
    > li.menu-item
    > a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--saison-1);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  #top
    #header_main_alternate
    nav.main_menu
    > div.avia-menu
    > #avia-menu
    > li.menu-item
    > a:hover::before {
    transform: scaleX(1);
  }

  #top
    #header_main_alternate
    nav.main_menu
    > div.avia-menu
    > #avia-menu
    > li.menu-item
    > a:hover {
    color: var(--saison-1);
  }

  #top #wrap_all #header #header_main_alternate.slideBottom {
    animation: slideFromLeftNav 450ms ease-in-out;
  }

  /* MEGA DIV PHOTOS */

  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(4)
    ul
    li
    a,
  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(5)
    ul
    li
    a {
    padding: 0px !important;
  }

  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(4)
    ul
    li
    a
    .avia-bullet,
  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(5)
    ul
    li
    a
    .avia-bullet {
    display: none;
  }

  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(4)
    ul
    li
    a
    .avia-menu-text,
  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(5)
    ul
    li
    a
    .avia-menu-text {
    width: 100%;
    height: 100%;
    display: inline-block;
  }

  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(4)
    ul
    li
    a
    .avia-menu-text
    img,
  #top
    #wrap_all
    #avia-menu
    > li:first-child
    > div.avia_mega_div
    > ul
    > li:nth-child(5)
    ul
    li
    a
    .avia-menu-text
    img {
    height: 148px !important;
    max-height: unset !important;
    border-radius: 5px;
  }

  #top
    #wrap_all
    #avia-menu
    > li:nth-child(3)
    > div.avia_mega_div
    > ul
    > li
    ul
    li
    a {
    padding: 0px !important;
  }

  #top
    #wrap_all
    #avia-menu
    > li:nth-child(3)
    > div.avia_mega_div
    > ul
    > li
    ul
    li
    a
    .avia-bullet {
    display: none;
  }

  #top
    #wrap_all
    #avia-menu
    > li:nth-child(3)
    > div.avia_mega_div
    > ul
    > li
    ul
    li
    a
    .avia-menu-text {
    width: 100%;
    height: 100%;
    display: inline-block;
  }

  #top
    #wrap_all
    #avia-menu
    > li:nth-child(3)
    > div.avia_mega_div
    > ul
    > li
    ul
    li
    a
    .avia-menu-text
    img {
    height: 148px !important;
    max-height: unset !important;
    border-radius: 5px;
  }

  /* MEGA DIV */

  #top #wrap_all #avia-menu .avia_mega_div {
    padding-top: 120px;
    padding-left: 6%;
    padding-right: 6%;
    background-color: var(--gris-fonce);
    border: 0px !important;
    width: 100vw !important;
    position: fixed !important;
    top: 163px !important;
    left: 0 !important;
  }

  #top #wrap_all #avia-menu li:hover .avia_mega_div {
    animation: slideBottom 450ms ease-in-out 1;
  }

  #top #wrap_all #avia-menu li:nth-child(1) .avia_mega_div::before {
    content: "On découvre";
    font-family: "Butterfly";
    font-size: 100px;
    color: white;
    display: inline-block;
    line-height: 90px;
    text-align: left;
    position: absolute;
    top: 12px;
    left: 190px;
  }

  #top #wrap_all #avia-menu li:nth-child(2) .avia_mega_div::before {
    content: "On apprend";
    font-family: "Butterfly";
    font-size: 100px;
    color: white;
    display: inline-block;
    line-height: 90px;
    text-align: left;
    position: absolute;
    top: 12px;
    left: 190px;
  }

  #top #wrap_all #avia-menu li:nth-child(3) .avia_mega_div::before {
    content: "On partage";
    font-family: "Butterfly";
    font-size: 100px;
    color: white;
    display: inline-block;
    line-height: 90px;
    text-align: left;
    position: absolute;
    top: 12px;
    left: 190px;
  }

  #top #wrap_all #avia-menu li:nth-child(1) .avia_mega_div::after {
    content: var(--zig-whit-square-svg);
    position: absolute;
    top: 130px;
    left: -7px;
    width: 60px;
    height: 60px;
    display: inline-flex;
    rotate: 16deg;
  }

  #top #wrap_all #avia-menu li:nth-child(2) .avia_mega_div::after {
    content: var(--zig-whit-square-svg);
    position: absolute;
    top: 130px;
    left: -7px;
    width: 60px;
    height: 60px;
    display: inline-flex;
    rotate: 16deg;
  }

  #top #wrap_all #avia-menu li:nth-child(3) .avia_mega_div::after {
    content: var(--zig-whit-square-svg);
    position: absolute;
    top: 130px;
    left: -7px;
    width: 60px;
    height: 60px;
    display: inline-flex;
    rotate: 16deg;
  }

  #top #wrap_all #avia-menu li:hover .avia_mega_div::before {
    animation: slideLeft 650ms ease-in-out 1;
  }

  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu {
    background-color: var(--gris-fonce);
  }

  /* Menu simple */

  #top #wrap_all #avia-menu .sub-menu > li > a {
    transition: 300ms;
    font-size: 16px;
  }

  #top #wrap_all #avia-menu .sub-menu > li > a:focus,
  #top #wrap_all #avia-menu .sub-menu > li > a:hover {
    background-color: white;
    color: var(--saison-1);
  }

  /* 2ème lvl */

  #top #wrap_all #avia-menu li:nth-child(6) > ul {
    padding-top: 12px;
    background-color: var(--gris-fonce);
  }

  #top #wrap_all #avia-menu li:nth-child(6) > ul li {
    background-color: var(--gris-fonce);
  }

  #top #wrap_all #avia-menu li:nth-child(6) > ul li a {
    background-color: transparent;
    color: white;
    font-size: 18px;
    font-weight: normal;
    transition: 300ms;
    left: 0;
    margin-bottom: 16px;
    position: relative;
    border: none;
  }

  #top #wrap_all #avia-menu li:nth-child(6) > ul li a:hover {
    background-color: transparent;
    color: var(--saison-3);
    border: none;
    left: 5%;
  }

  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu > li > span,
  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu > li > span > a {
    color: white;
    font-size: 22px;
    font-weight: bold;
    transition: 300ms;
    margin-bottom: 16px;
    color: var(--saison-1);
  }

  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu > li > span > a:hover {
    color: var(--saison-2);
    text-decoration: unset;
  }

  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu > li > span > a::after {
    content: var(--fleche-white);
    padding-left: 12px;
    transition: 300ms;
    position: absolute;
  }

  #top
    #wrap_all
    #avia-menu
    .avia_mega_div
    > .sub-menu
    > li
    > span
    > a:hover::after {
    content: var(--fleche-white);
    padding-left: 24px;
  }

  /* 3ème lvl */

  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu > li > .sub-menu > li {
    background-color: var(--gris-fonce);
  }

  #top #wrap_all #avia-menu .avia_mega_div > .sub-menu > li > .sub-menu > li a {
    background-color: var(--gris-fonce);
    color: white;
    font-size: 16px;
    position: relative;
    left: 0%;
    transition: 300ms;
  }

  #top
    #wrap_all
    #avia-menu
    .avia_mega_div
    > .sub-menu
    > li
    > .sub-menu
    > li
    a:hover {
    color: var(--saison-2);
    background-color: var(--gris-fonce);
    left: 5%;
  }

  #top
    #wrap_all
    #avia-menu
    .avia_mega_div
    > .sub-menu
    > li
    > .sub-menu
    > li
    a
    .avia-bullet {
    border-color: white;
  }

  /* Hidden */

  #top
    #wrap_all
    div.avia-menu
    > #avia-menu.menu.av-main-nav
    > li.menu-item.hidden_items {
    display: none;
  }

  #top #wrap_all li.visible_item {
    display: block;
  }

  /*************************/
  /****** BURGER MENU ******/
  /*************************/

  #top #header_main_alternate .avia-menu .av-burger-overlay {
    height: calc(100% - 113px);
    bottom: 0 !important;
    top: unset;
  }

  #top
    #wrap_all
    #header.scrolled-custom-js
    #header_main_alternate
    div.avia-menu.av-main-nav-wrap {
    height: 0px !important;
  }

  #top
    #wrap_all
    #header.scrolled-custom-js
    #header_main_alternate
    li.av-burger-menu-main {
    position: absolute;
    z-index: 999;
    top: -56.5px;
    right: 5%;
    transform: translateY(-50%);
  }

  #top
    #wrap_all
    #header.scrolled-custom-js
    #header_main_alternate
    .av-burger-menu-main {
    animation: slideFromRightBurger 600ms ease-in-out;
  }

  /* Overlay infos */

  #top #header_main_alternate .avia-menu .av-burger-overlay #overlay_infos {
    width: 45%;
    background-color: var(--gris-fonce);
    z-index: 99;
    left: 10%;
    bottom: 0px !important;
    position: relative;
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
    -webkit-transform: translateX(90%);
    transform: translateX(90%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100% - 65px);
    row-gap: 24px;
  }

  #top
    #header_main_alternate
    .avia-menu
    .av-burger-overlay
    #overlay_infos::before {
    content: "";
    width: 100%;
    height: 130%;
    display: block;
    background-color: #143a4f;
    position: absolute;
    opacity: 0.48;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
  }

  #top #header_main_alternate #overlay_infos #infos-adress {
    margin-top: 24px;
    background-color: white;
    padding: 16px 20px;
    width: 50%;
    min-width: max-content;
  }

  #top #header_main_alternate #overlay_infos #infos-horraires {
    background-color: white;
    padding: 16px 20px;
    width: 50%;
    min-width: max-content;
    margin-bottom: 24px;
  }

  /* Horraires */

  #top #header_main_alternate #overlay_infos #infos-horraires::before {
    content: var(--cadran-blue);
    display: inline-block;
  }

  #top
    #wrap_all
    #footer-section-infos
    #column-horraires
    .avia_textblock
    .scolaire {
    margin-bottom: 12px;
  }

  #top
    #wrap_all
    #footer-section-infos
    #column-horraires
    .avia_textblock
    :is(.scolaire, .vacances)
    p:first-of-type {
    text-transform: uppercase;
  }

  #top
    #wrap_all
    #footer-section-infos
    #column-horraires
    .avia_textblock
    p:nth-child(1) {
    margin-top: 0 !important;
  }

  #top #header_main_alternate #overlay_infos #infos-horraires p:nth-child(5) {
    padding-bottom: 24px !important;
  }

  /* Adresse */

  #top #header_main_alternate #overlay_infos #infos-adress::before {
    content: var(--dot-blue);
    display: inline-block;
  }

  #top #header_main_alternate #overlay_infos #infos-adress p:nth-child(4),
  #top #header_main_alternate #overlay_infos #infos-adress p:nth-child(1) {
    margin-top: 0px !important;
    font-size: 18px;
    font-weight: bold;
  }

  #top #header_main_alternate #overlay_infos #infos-adress p:nth-child(2),
  #top #header_main_alternate #overlay_infos #infos-adress p:nth-child(3) {
    margin: 0px !important;
    font-size: 16px;
    line-height: 24px;
  }

  #top #header_main_alternate #overlay_infos #infos-adress a {
    transition: 300ms;
  }

  #top #header_main_alternate #overlay_infos #infos-adress a:hover {
    color: var(--saison-1);
  }

  /* Overlay burger */

  #top #header_main_alternate div.avia-menu div.av-burger-overlay {
    top: unset;
    bottom: 0 !important;
  }

  #top #wrap_all #header #header_main div.av-burger-overlay {
    top: unset;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
  }

  #top #wrap_all #header #header_main div.av-burger-overlay-scroll {
    background-color: #030406;
    background-image: var(--musicos);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 45%;
    max-height: 100%;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    ul#av-burger-menu-ul {
    padding: 40px 0 0 0 !important;
    vertical-align: unset;
  }

  #top #wrap_all #header #header_main div.av-burger-overlay-scroll::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: #143a4f;
    position: absolute;
    opacity: 0.48;
    top: 50%;
    transform: translateY(-50%);
    height: 120%;
  }

  #top #wrap_all #header #header_main div.av-burger-overlay-scroll {
    z-index: 9999;
    bottom: 0;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    ul#av-burger-menu-ul
    > li
    > a
    > span.avia-menu-text {
    font-size: 28px;
    font-weight: bold;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    ul#av-burger-menu-ul
    li
    a {
    border: none;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    ul#av-burger-menu-ul
    li
    a:hover {
    background-color: unset;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    div.av-burger-overlay-bg {
    opacity: 1;
    background-color: white;
  }

  /* Texte */

  #top #header div.av-burger-overlay #av-burger-menu-ul > li > a {
    padding: 18px 50px !important;
  }

  #top
    #header
    div.av-burger-overlay
    #av-burger-menu-ul
    li
    a
    span.avia-menu-text {
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    transition: 300ms;
  }

  #top
    #header
    .av-burger-overlay
    #av-burger-menu-ul
    li
    a:hover
    .avia-menu-text {
    color: var(--saison-2);
  }

  #top
    #header
    .av-burger-overlay
    #av-burger-menu-ul
    li
    a:focus
    .avia-menu-text {
    color: var(--saison-1);
  }

  #top #header div.av-burger-overlay #av-burger-menu-ul > li:nth-child(4) {
    margin-top: 60px;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    div.av-burger-overlay-info {
    position: absolute;
    height: 100%;
    width: 100%;
    right: -100%;
  }

  #top
    #header_main
    #av-burger-menu-ul
    li.overlayed.av-width-submenu.av-active-burger-items
    > a
    span.avia-menu-text {
    padding-left: 34px;
    position: relative;
  }

  /* Flèches */

  #top
    #header
    div.av-burger-overlay
    #av-burger-menu-ul
    li.av-width-submenu
    > a
    span.avia-menu-text::after {
    content: var(--fleche-white);
    padding-left: 12px;
    transition: 300ms;
    display: inline-block;
  }

  #top
    #header_main
    #av-burger-menu-ul
    li.overlayed.av-width-submenu.av-active-burger-items
    > a
    span.avia-menu-text::before {
    content: var(--fleche-white);
    padding-left: 12px;
    display: inline-block;
    rotate: 180deg;
    transition: 300ms;
    position: absolute;
    left: 0;
  }

  #top
    #header_main
    #av-burger-menu-ul
    li.overlayed.av-width-submenu.av-active-burger-items
    > a
    span.avia-menu-text::after {
    content: unset !important;
  }

  #top
    #wrap_all
    #header
    #header_main
    div.av-burger-overlay
    ul#av-burger-menu-ul
    span.av-submenu-indicator {
    display: none !important;
  }

  /* Animation flèches */

  #top
    #header
    div.av-burger-overlay
    #av-burger-menu-ul
    li.av-width-submenu
    > a:hover
    span.avia-menu-text::after {
    content: var(--fleche-white);
    padding-left: 24px;
  }

  #top
    #header_main
    #av-burger-menu-ul
    li.overlayed.av-width-submenu.av-active-burger-items
    > a:hover
    span.avia-menu-text::before {
    content: var(--fleche-white);
    left: -12px;
  }

  #top
    #wrap_all
    .av-burger-overlay
    li
    li.av-show-submenu
    > a
    span.avia-menu-text::after {
    rotate: 50deg;
    padding-left: 0px;
  }

  /* Overlay 2nd niveau */

  #top #wrap_all #header #header_main #av-burger-menu-ul.overlay-inactive {
    position: relative;
    left: 0;
    z-index: -99;
    animation: slideFromRighttUl 400ms ease-in-out forwards;
  }

  #top #wrap_all #header #header_main #av-burger-menu-ul.overlay-active {
    position: relative;
    left: 0;
    z-index: -99;
    animation: slideFromLeftUl 650ms ease-in-out forwards;
  }

  #top #wrap_all #header #header_main #av-burger-menu-ul li.overlayed {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    min-height: 120%;
    top: 0;
    right: 0;
    background-color: #030406;
    z-index: 999 !important;
    overflow: scroll;
    padding-top: 100px;
    max-height: max-content;
    opacity: 1;
    background-image: var(--musicos);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    animation: slideFromRight 650ms ease-in-out 1;
    -webkit-animation: slideFromRight 650ms ease-in-out 1;
  }

  #top #wrap_all #header #header_main #av-burger-menu-ul li.overlayed > a {
    padding-bottom: 50px !important;
  }

  #top #wrap_all #header #header_main #av-burger-menu-ul li.overlayed::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: #143a4f;
    position: fixed;
    opacity: 0.48;
    top: 50%;
    transform: translateY(-50%);
  }

  #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li > ul > li > a {
    padding-left: 50px !important;
    font-size: 20px;
  }

  #top
    #wrap_all
    .av-burger-overlay
    #av-burger-menu-ul
    > li
    > ul
    > li
    > ul
    > li
    > a {
    padding-left: 70px !important;
    font-size: 16px;
  }

  #top #wrap_all .av-burger-overlay li li li a span.avia-menu-text::after {
    content: unset !important;
  }

  /* overlay background */

  #top
    #header_main_alternate
    div.avia-menu
    div.av-burger-overlay
    div.av-burger-overlay-bg {
    background-color: white;
    opacity: 1;
    height: calc(100% - 113px);
    top: 113px;
  }

  /**************************/
  /** Side bar burger menu **/
  /**************************/

  #top #sidebar_overlay {
    position: fixed;
    height: 65px;
    width: 45%;
    bottom: 0;
    right: 45%;
    display: flex;
    z-index: 100;
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
    -webkit-transform: translateX(90%);
    transform: translateX(90%);
  }

  /* Liens */

  #top #sidebar_overlay div#sidebar_search,
  #top #sidebar_overlay a {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
  }

  #top #sidebar_overlay a#sidebar_account {
    background-color: var(--saison-1);
    & span {
      color: var(--saison-3);
    }
    & svg path {
      fill: var(--saison-3);
    }
  }

  #top #sidebar_overlay div#sidebar_search {
    background-color: var(--gris-fonce);
  }

  #top #sidebar_overlay div#sidebar_search span,
  #top #sidebar_overlay a#sidebar_account span {
    transition: all 300ms;
    padding-left: 16px;
  }

  #top #sidebar_overlay a#sidebar_account:hover span {
    color: var(--gris-fonce);
  }

  #top #sidebar_overlay div#sidebar_search:hover span {
    color: var(--saison-1);
  }

  /* Span */

  #top #sidebar_overlay span {
    color: white;
    font-size: 16px;
    display: flex;
    align-items: center;
  }

  #top #sidebar_overlay div#sidebar_search svg,
  #top #sidebar_overlay a#sidebar_account svg {
    width: 26px;
    height: 26px;
    overflow: visible !important;
  }

  #top #sidebar_overlay div#sidebar_search svg path {
    fill: white;
  }

  #top #sidebar_overlay div#sidebar_search:hover svg path {
    fill: var(--white-op0);
    stroke: var(--saison-1);
    stroke-dasharray: 190;
    stroke-dashoffset: 190;
    animation: dashWhite 2s ease-in-out forwards;
  }

  /* Recherche */

  #top #sidebar_overlay.behind #sidebar_search {
    animation: diseapear2 600ms ease-in-out forwards;
  }

  #top #sidebar_overlay.not-behind #sidebar_search {
    animation: reapear2 600ms ease-in-out forwards;
  }

  #top #search-sidebar-burger {
    display: block;
    right: -100%;
    opacity: 0;
    position: fixed;
    bottom: 0;
    z-index: -99;
    overflow: hidden !important;
  }

  #top #search-sidebar-burger.closed {
    animation: toRightSearch 500ms ease-in-out forwards;
  }

  #top #search-sidebar-burger.open-div {
    display: flex;
    display: block;
    position: fixed;
    width: calc(45% / 2);
    height: 65px;
    right: 45%;
    bottom: 0;
    z-index: 510;
    background-color: white;
    overflow: hidden !important;
    animation: fromRightSerach 650ms ease-in-out forwards;
  }

  #top #search-sidebar-burger form {
    height: 65px !important;
    margin: 0 !important;
    width: 80%;
  }

  #top #search-sidebar-burger #closer {
    display: none;
  }

  #top #search-sidebar-burger.open-div #closer {
    display: block !important;
    position: absolute;
    width: 20%;
    height: 65px;
    right: 0;
    bottom: 0;
    background-color: white;
    background-image: url("/wp-content/uploads/2023/05/cross-icone.png");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    overflow: hidden !important;
    z-index: -1;
    padding: 15px 20px;
    background-size: 50px 50px;
  }

  #top #search-sidebar-burger.open-div #closer:hover {
    animation: bigger2 650ms ease-in-out forwards;
  }

  #top #search-sidebar-burger form label {
    width: calc(100% - 65px) !important;
    height: 65px !important;
  }

  #top #search-sidebar-burger form label input {
    margin: 0 !important;
    height: 100% !important;
    color: var(--gris-fonce);
  }

  #top #search-sidebar-burger form label input::placeholder {
    color: var(--gris-fonce) !important;
  }

  #top #search-sidebar-burger button {
    height: 65px !important;
    width: 65px !important;
    height: 65px !important;
  }

  #top #search-sidebar-burger button .is-search-icon {
    padding: 18px !important;
    width: 65px !important;
    height: 65px !important;
    transition: 300ms;
    cursor: pointer;
  }

  #top #search-sidebar-burger button:hover .is-search-icon {
    padding: 13px !important;
    background-color: var(--gris-fonce);
  }

  #top #search-sidebar-burger button svg {
    transition: 300ms;
  }

  #top #search-sidebar-burger button:hover svg {
    width: 32px;
  }

  #top #search-sidebar-burger button path {
    transition: 300ms;
  }

  #top #search-sidebar-burger button:hover path {
    fill: white;
  }

  /**************************************/
  /************* SIDEBAR ****************/
  /**************************************/

  #sidebar_fixe {
    position: fixed;
    width: 75px;
    top: 50%;
    right: 0.5%;
    min-height: 60px;
    height: max-content;
    background-color: var(--gris-fonce);
    display: flex;
    z-index: 9999999;
    transition: 350ms;
    opacity: 1;
    overflow: hidden !important;
    transform: translateY(-50%);
    flex-direction: column;
    box-shadow: 0px 0px 18px 2px rgba(255, 255, 255, 0.08);
  }

  #sidebar_fixe div#search_link,
  #sidebar_fixe a {
    cursor: pointer;
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    row-gap: 5px;
  }

  #sidebar_fixe #search_link span,
  #sidebar_fixe a span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    color: var(--gris-fonce);
    transition: 300ms;
    line-height: 14px;
    color: white;
  }

  /* animation */

  #sidebar_fixe div#search_link:hover span,
  #sidebar_fixe a:hover span {
    color: var(--saison-1);
  }

  /* Border */

  #sidebar_fixe a:nth-child(1) {
    border-bottom: 1px solid var(--gris);
  }

  #sidebar_fixe a:nth-child(2),
  #sidebar_fixe div#search_link,
  #sidebar_fixe a:nth-child(4) {
    border-bottom: 1px solid var(--gris);
  }

  #sidebar_fixe.behind a:nth-child(1) {
    border-bottom: unset !important;
  }

  #sidebar_fixe.behind a:nth-child(2),
  #sidebar_fixe.behind div#search_link,
  #sidebar_fixe.behind a:nth-child(4) {
    border-bottom: unset !important;
  }

  /* hover */

  #sidebar_fixe #search_link svg,
  #sidebar_fixe a svg {
    overflow: visible !important;
    margin-bottom: 4px;
  }

  #sidebar_fixe #search_link svg g,
  #sidebar_fixe a svg g {
    clip-path: none !important;
  }

  #sidebar_fixe svg path {
    fill: white;
  }

  #sidebar_fixe #search_link:hover svg path,
  #sidebar_fixe a:hover svg path {
    fill: transparent;
    stroke: var(--saison-1) !important;
    stroke-dasharray: 240;
    stroke-dashoffset: 240;
    animation: dashRose 2.5s ease-in-out forwards;
  }

  /* Recherche */

  #sidebar_fixe.behind {
    animation: retract 600ms ease-in-out forwards;
  }

  #sidebar_fixe.not-behind {
    animation: deretract 600ms ease-in-out forwards;
  }

  #sidebar_fixe.behind #search_link,
  #sidebar_fixe.behind a {
    animation: diseapear 600ms ease-in-out forwards;
  }

  #sidebar_fixe.not-behind #search_link,
  #sidebar_fixe.not-behind a {
    animation: reapear 600ms ease-in-out forwards;
  }

  #search-div {
    display: none;
    position: absolute;
    left: -300%;
    bottom: 0;
    z-index: -99;
  }

  #search-div.closed {
    animation: fromLeftSerach2 650ms ease-in-out forwards;
  }

  #search-div.open-div {
    display: block;
    position: absolute;
    width: 80%;
    height: 60px !important;
    left: 0;
    bottom: 0;
    z-index: 99;
    animation: fromRightSerach2 650ms ease-in-out forwards;
  }

  #sidebar_fixe #closer {
    display: none;
  }

  #sidebar_fixe #closer.open-div {
    display: block !important;
    position: absolute;
    width: 20%;
    height: 60px;
    right: 0;
    bottom: 0;
    background-color: var(--gris-fonce);
    background-image: url("/wp-content/uploads/2023/05/cross-icone-white.png");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    overflow: hidden !important;
    animation-iteration-count: 1;
  }

  #sidebar_fixe #closer.open-div:hover {
    animation: bigger 500ms ease-in-out forwards;
  }

  #search-div form {
    height: 60px !important;
    margin: 0 !important;
  }

  #search-div form label {
    width: calc(100% - 60px) !important;
    height: 60px !important;
  }

  #search-div form label input {
    margin: 0 !important;
    height: 100% !important;
    color: var(--gris-fonce);
  }

  #search-div form label input::placeholder {
    color: var(--gris-fonce) !important;
  }

  #search-div button {
    height: 60px !important;
    width: 60px !important;
    height: 60px !important;
    border: none !important;
  }

  #search-div button:hover {
    border: none !important;
  }

  #search-div button .is-search-icon {
    padding: 18px !important;
    width: 60px !important;
    height: 60px !important;
    transition: 300ms;
    cursor: pointer;
    background-color: var(--gris-fonce);
    border: none !important;
    border-right: 1px solid white !important;
  }

  #search-div button:hover .is-search-icon {
    padding: 13px !important;
    background-color: var(--gris-fonce);
  }

  #search-div button svg {
    transition: 300ms;
  }

  #search-div button:hover svg {
    width: 32px;
  }

  #search-div button path {
    transition: 300ms;
  }

  #search-div button:hover path {
    fill: white;
  }

  /*****************************/
  /**** RESULTS AJAX SEARCH ****/
  /*****************************/

  #top .is-ajax-search-result {
    position: fixed !important;
    bottom: 60px !important;
    top: unset !important;
    right: 0% !important;
    left: unset !important;
  }

  #top #is-ajax-search-result-471 {
    width: 310px !important;
    background-color: var(--gris-fonce);
    position: fixed !important;
    bottom: 53.2% !important;
    top: unset !important;
    right: 3% !important;
    left: unset !important;
  }

  #top #is-ajax-search-result-471 .is-ajax-search-items {
    max-height: 333px !important;
  }

  #top #is-ajax-search-result-480 {
    width: 22% !important;
    background-color: var(--gris);
    position: relative;
    right: 45% !important;
    bottom: 65px !important;
  }

  #top #is-ajax-search-result-471::before {
    content: var(--zig-blue-svg);
    position: absolute;
    top: -32px;
    left: 10px;
    z-index: -10;
  }

  #top #is-ajax-search-result-480 div.is-ajax-search-posts div:hover,
  #top #is-ajax-search-result-471 div.is-ajax-search-posts div:hover {
    background-color: var(--gris);
  }

  #top #is-ajax-search-result-480 div.is-ajax-search-posts div .is-title a,
  #top #is-ajax-search-result-471 div.is-ajax-search-posts div .is-title a {
    color: var(--gris-fonce);
    font-size: 18px;
    transition: 300ms;
  }

  #top
    #is-ajax-search-result-480
    div.is-ajax-search-posts
    div:hover
    .is-title
    a,
  #top
    #is-ajax-search-result-471
    div.is-ajax-search-posts
    div:hover
    .is-title
    a {
    color: var(--saison-3);
    text-decoration: underline !important;
  }

  /***********************************/
  /********** fil d'arianne **********/
  /***********************************/

  #top #main > div.stretch_full {
    background-color: var(--gris-fonce);
  }

  #top #main > div.stretch_full::after {
    content: var(--zig-whit-square);
    position: absolute;
    bottom: 7px;
    right: -5px;
    z-index: 99;
    rotate: 194deg;
  }

  #top #main > div.stretch_full div.container {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 50px;
  }

  #top #main > div.stretch_full div.container h1 {
    transform: translateX(0%) !important;
    margin-top: 14px;
  }

  #top #main > div.stretch_full div.container h1 a {
    font-family: "raelway", Helvetica, Arial, sans-serif;
    font-size: 45px;
    line-height: 55px;
    padding: 10px 0px;
    color: var(--saison-1);
    transition: 300ms;
    position: relative;
  }

  #top #main > div.stretch_full div.container h1 a:hover {
    color: white;
  }

  #top #main > div.stretch_full div.container div.breadcrumb {
    right: unset !important;
    left: 50px !important;
    top: 30% !important;
  }

  #top #main > div.stretch_full div.container div.breadcrumb span {
    font-size: 12px;
    color: white;
  }

  #top #main > div.stretch_full div.container div.breadcrumb span a span {
    color: var(--saison-1);
    transition: 300ms;
  }

  #top
    #main
    > div.stretch_full
    > div.container
    > div.breadcrumb
    span
    a:hover
    span {
    color: white;
    text-decoration: underline;
  }

  /******************************************/
  /****************** BODY ******************/
  /******************************************/

  /***********************************/
  /*********** GENERALITE ************/
  /***********************************/
  /** Page d'accueil mise à l'écart **/

  /* MAIN */

  #top #wrap_all #main {
    padding-top: 163px !important;
  }

  /* H2 */

  #top:not(.page-id-33) #wrap_all #main > div:not(#footer-page) h2 {
    color: var(--gris-fonce);
    text-transform: capitalize;
    font-size: 28px;
    font-weight: bolder;
    margin: 35px 0px 30px 0px;
  }

  /* H3 */

  #top:not(.page-id-33, .page-id-178)
    #wrap_all
    #main
    > div:not(#footer-page)
    h3 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: 24px;
  }

  /* P */

  #main > div:not(#footer-page) p {
    font-size: 16px;
    line-height: 22px;
  }

  /* UL / LI */

  #top:not(.page-id-33) #wrap_all #main > div:not(#footer-page) ul li {
    font-size: 16px;
    color: var(--gris-fonce);
    line-height: 22px;
  }

  /* A */

  #top:not(.page-id-33)
    #wrap_all
    #main
    > div:not(#footer-page)
    a:not(.avia-button) {
    color: var(--saison-3);
    text-decoration: underline;
    transition: 300ms;
  }

  #top:not(.page-id-33)
    #wrap_all
    #main
    > div:not(#footer-page, .stretch_full)
    a:not(.avia-button):hover {
    text-decoration: underline;
    color: var(--saison-1);
  }

  /* Accordéons */

  #top div.togglecontainer section p.toggler {
    padding: 16px 60px 16px 20px;
    & .toggle_icon {
      border-color: var(--gris-fonce);
      & span {
        border-color: var(--gris-fonce);
      }
    }
  }

  /********************************/
  /*********** Accueil ************/
  /********************************/

  /* Slider */

  #top #wrap_all #section-titre h1 {
    text-shadow: -2px -2px 9px var(--saison-3) !important;
    font-family: raleway;
    font-weight: bolder !important;
    letter-spacing: 8px !important;
    font-size: 94px !important;
  }

  #section-titre .container {
    max-width: unset;
    padding: 0;
    margin: 0;
  }

  #section-titre .template-page {
    padding: 0;
  }

  #section-titre .avia-video {
    position: relative;
    margin-bottom: 0;
  }

  #section-titre .avia-video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--gris-fonce);
    opacity: 0.08;
    z-index: 1;
  }

  #section-titre .av-special-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translateY(-50%);
  }

  #section-titre .av-special-heading h1 {
    letter-spacing: 2px;
    z-index: 99;
    font-family: "Butterfly", sans-serif;
    font-size: 180px !important;
  }

  /* SECTION DOMAINES */

  #top #section-domaines {
    margin-top: 82px;
    background: linear-gradient(180deg, var(--saison-3) 63%, white 63%);
  }

  #top #section-domaines main {
    padding-top: 20px !important;
  }

  #top #section-domaines #zig-blue-pen-svg {
    position: absolute;
    top: 52%;
    right: 19%;
    width: 150px;
    height: 150px;
  }

  #top #section-domaines #zig-blue-pen-svg g {
    clip-path: none;
  }

  #top #main #section-domaines #zig-blue-pen-svg path {
    fill: transparent;
    stroke: transparent;
  }

  #top #main #section-domaines #zig-blue-pen-svg path {
    fill: none;
    stroke: var(--saison-3) !important;
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    animation: dashBlue 1.5s ease-in-out forwards;
  }

  /* Colonne on apprend */

  #top #section-domaines #column-apprend .avia-image-container-inner {
    width: 100%;
  }

  #top #section-domaines #column-apprend img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    margin-top: 60px;
  }

  #section-domaines #column-apprend .avia_textblock p a {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    transition: 300ms;
    color: var(--gris-fonce);
    position: relative;
  }

  #section-domaines #column-apprend .avia_textblock p a::after {
    content: var(--fleche-blue);
    display: inline-block;
    position: absolute;
    padding-left: 12px;
    transition: 300ms;
  }

  #section-domaines #column-apprend .avia_textblock p a:hover {
    color: var(--saison-3);
    text-decoration: underline;
  }

  #section-domaines #column-apprend .avia_textblock p a:hover::after {
    padding-left: 24px;
  }

  #section-domaines #column-apprend .avia_textblock {
    padding-right: 60px;
  }

  #section-domaines #column-apprend .avia_textblock p {
    text-align: end;
    font-size: 18px;
    color: var(--gris-fonce);
  }

  #section-domaines #column-apprend .avia_textblock p:first-child {
    margin-bottom: 0px !important;
  }

  #section-domaines #column-apprend .avia_textblock p:last-child {
    margin: 0px !important;
  }

  #top #main #section-domaines #zig-white-larg-svg {
    top: 2%;
    position: absolute;
    z-index: 999;
    left: -6%;
    height: 100px;
    width: 130px;
  }

  #top #main #section-domaines #zig-white-larg-svg path {
    stroke: white;
  }

  #top #main #section-domaines #zig-white-larg-svg path {
    fill: var(--white-op0);
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    animation: dashWhite 2s ease-in-out forwards;
  }

  /* Colonne on découvre */

  #top #section-domaines #column-decouvre .avia-image-container-inner {
    width: 100%;
  }

  #top #section-domaines #column-decouvre img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    margin-top: 150px;
  }

  #section-domaines #column-decouvre .avia_textblock p a {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    transition: 300ms;
    color: var(--gris-fonce);
    position: relative;
  }

  #section-domaines #column-decouvre .avia_textblock p a::after {
    content: var(--fleche-blue);
    display: inline-block;
    position: absolute;
    padding-left: 12px;
    transition: 300ms;
  }

  #section-domaines #column-decouvre .avia_textblock p a:hover {
    color: var(--saison-3);
    text-decoration: underline;
  }

  #section-domaines #column-decouvre .avia_textblock p a:hover::after {
    padding-left: 24px;
  }

  #section-domaines #column-decouvre .avia_textblock {
    padding-right: 60px;
  }

  #section-domaines #column-decouvre .avia_textblock p {
    text-align: end;
    font-size: 18px;
    color: var(--gris-fonce);
  }

  #section-domaines #column-decouvre .avia_textblock p:first-child {
    margin-bottom: 0px !important;
  }

  #section-domaines #column-decouvre .avia_textblock p:last-child {
    margin: 0px !important;
  }

  #section-domaines #column-decouvre #zig-white-square-svg {
    position: absolute;
    top: 23%;
    left: 92%;
    z-index: 999;
    overflow: visible !important;
    width: 60px;
    height: 60px;
  }

  #section-domaines #column-decouvre #zig-white-square-svg g {
    clip-path: none !important;
  }

  #section-domaines #column-decouvre #zig-white-square-svg path {
    stroke: white;
    fill: white;
  }

  #section-domaines #column-decouvre #zig-white-square-svg path {
    fill: var(--white-op0);
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    animation: dashWhite 2s ease-in-out 1.2s forwards;
  }

  /* colonne on partage */

  #section-domaines #column-partage .avia-image-container {
    margin-bottom: 40px;
  }

  #section-domaines #column-partage .avia-image-container-inner {
    width: 100%;
  }

  #section-domaines #column-partage img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
  }

  #section-domaines #column-partage .avia_textblock p a {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    transition: 300ms;
    color: var(--gris-fonce);
    position: relative;
  }

  #section-domaines #column-partage .avia_textblock p a::after {
    content: var(--fleche-blue);
    display: inline-block;
    position: absolute;
    padding-left: 12px;
    transition: 300ms;
  }

  #section-domaines #column-partage .avia_textblock p a:hover {
    color: var(--saison-3);
    text-decoration: underline;
  }

  #section-domaines #column-partage .avia_textblock p a:hover::after {
    padding-left: 24px;
  }

  #section-domaines #column-partage .avia_textblock {
    padding-right: 60px;
  }

  #section-domaines #column-partage .avia_textblock p {
    text-align: end;
    font-size: 18px;
    color: var(--gris-fonce);
  }

  #section-domaines #column-partage .avia_textblock p:first-child {
    margin-bottom: 0px !important;
  }

  #section-domaines #column-partage .avia_textblock p:last-child {
    margin: 0px !important;
  }

  /* SECTION AGENDA */

  #section-agenda {
    background: linear-gradient(180deg, var(--saison-1) 55%, white 55%);
  }

  #section-agenda #line-white-svg {
    position: absolute;
    top: 1%;
    right: 22.6%;
    z-index: 9999;
    width: 100px;
    height: 100px;
  }

  #section-agenda #line-white-svg g {
    clip-path: none !important;
  }

  #section-agenda #line-white-svg path {
    stroke: transparent;
    fill: transparent;
  }

  #section-agenda #line-white-svg.animated path {
    fill: var(--white-op0);
    stroke: white !important;
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    animation: dashWhite 2s ease-in-out forwards;
  }

  #section-agenda h2 {
    color: var(--saison-3);
    position: absolute;
    font-size: 130px;
    top: -40px;
    left: 50%;
    text-transform: initial;
    z-index: 2;
  }

  #section-agenda section.av_textblock_section .avia_textblock {
    width: 100%;
  }
  #section-agenda section.av_textblock_section {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-top: 40px;
    width: 100%;
  }

  #section-agenda #shortcode-slider .arrow svg {
    height: 40px !important;
    width: 70px !important;
  }

  #section-agenda #shortcode-slider .arrow:hover svg {
    fill: var(--saison-3);
  }

  #section-agenda #shortcode-slider article .event-place-title {
    display: none;
  }

  #main #section-agenda #shortcode-slider .slider .article-container article {
    box-shadow: none;
  }

  #section-agenda #shortcode-slider .arrow.left {
    left: 5%;
  }

  #section-agenda #shortcode-slider .arrow.right {
    right: 5%;
  }

  #shortcode-slider .arrow path {
    fill: var();
  }

  #top #wrap_all #section-agenda .slider article {
    background-color: transparent;
    overflow: visible;
    max-width: 1000px;
    width: 1000px;
  }

  #top #wrap_all #section-agenda .slider article .link-img {
    position: absolute;
    width: 750px;
    height: 450px;
    right: 5%;
    z-index: 999;
  }

  #top #wrap_all #section-agenda .slider article .link-img:hover img {
    scale: 1.05;
  }

  #top #wrap_all #section-agenda .slider article .link-img img {
    height: 100%;
    object-position: center right;
    width: 100%;
    object-fit: cover;
  }

  #top #wrap_all #section-agenda .slider article .event-div-content {
    background-color: white;
    position: absolute;
    top: 50%;
    width: 290px;
    height: max-content;
    transform: translateY(-50%);
    z-index: 1000;
    right: 60%;
    box-shadow: 0px 0px 15px -5px rgba(9, 19, 67, 0.17);
  }

  #top #wrap_all .slider article .event-div-content .event-date {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 30px;
    color: var(--bleu-fonce) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #top #wrap_all .slider article .event-div-content .event-date::before,
  #top #wrap_all .slider article .event-div-content .event-date::after {
    content: "";
    display: inline-block;
    width: 16px;
    border: 2px solid var(--vert);
  }

  #top #wrap_all .slider article .event-div-content .event-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 30px;
  }

  #top #wrap_all .slider article .event-div-content .article_categories {
    display: flex;
    column-gap: 8px;
    row-gap: 12px;
    justify-content: center;
  }

  #top #wrap_all .slider article .event-div-content span {
    color: var(--blanc);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 15px 6px 15px;
    border-radius: 20px;
    margin-bottom: 10px;
  }

  #top #wrap_all .slider article .event-div-content span.partenaire-technique {
    background-color: var(--vert);
  }

  #top #wrap_all .slider article .event-div-content span.habitant {
    background-color: var(--bleu-clair);
  }

  #top #wrap_all .slider article .event-div-content span.elu {
    background-color: #f07653;
  }

  #top
    #wrap_all
    #section-agenda
    .slider
    article
    .event-div-content
    .event-place-title::before {
    content: "\e842";
    font-family: "entypo-fontello";
    font-size: 16px;
    padding-right: 4px;
  }

  #top
    #wrap_all
    #section-agenda
    .slider
    article
    .event-div-content
    .event-link {
    color: var(--vert);
    transition: 300ms;
  }

  #top
    #wrap_all
    #section-agenda
    .slider
    article
    .event-div-content
    .event-link:hover {
    color: var(--bleu-fonce);
  }

  #top #wrap_all #section-agenda .see-more {
    display: none;
  }

  /* Pour le site du Conservatoire, on va enlever le champ "Lieu" car il n'est pas pertinent */
  :is(#shortcode-card, #shortcode-slider)
    article
    .event-div-content
    .event-place-title {
    display: none;
  }

  /* SECTION image */

  #section-image-break {
    background-size: cover;
    height: 650px;
  }

  /* SECTION ACTUALITES */

  #section-actualite #line-green-svg {
    position: absolute;
    top: 4%;
    left: -3%;
    z-index: 9999;
    height: 100px;
    width: 160px;
  }

  #section-actualite #line-green-svg g {
    clip-path: none !important;
  }

  #section-actualite #line-green-svg path {
    fill: transparent;
    stroke: transparent;
  }

  #section-actualite #line-green-svg.animated path {
    fill: var(--green-op0);
    stroke: var(--saison-2) !important;
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    animation: dashGreen 2s ease-in-out forwards;
  }

  #section-actualite h2 {
    color: var(--saison-3);
    position: absolute;
    font-size: 130px;
    top: -136px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: capitalize;
  }
  #section-actualite .avia-content-slider article.animated {
    animation: slideFromLeft 1000ms ease-in-out;
    transform: translateX(0%);
    opacity: 1;
  }

  #section-actualite {
    padding-top: 30px;
    background: linear-gradient(
      0deg,
      var(--saison-2),
      var(--saison-2) 60%,
      white 60%,
      white
    );
    position: relative;
  }

  /* Carte d'actu */

  #section-actualite .avia-content-slider {
    margin-bottom: 0px !important;
  }

  #section-actualite article:not(:first-child) {
    margin-top: 55px;
  }

  #section-actualite .avia-content-slider article.animated {
    display: block;
    animation: slideFromLeft 1000ms ease-in-out;
    transform: translateX(0%);
    opacity: 1;
  }

  #section-actualite article {
    background-color: white;
    opacity: 0;
  }

  #section-actualite article > a {
    height: 300px;
    margin: 0px !important;
  }

  #section-actualite article > a > img {
    margin: 0px !important;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  #section-actualite article > div.slide-content {
    padding: 10px 25px;
  }

  #section-actualite article > div.slide-content h3 {
    text-transform: capitalize;
    padding-bottom: 0px !important;
  }

  #section-actualite .avia-content-slider article .slide-content h3 a::after {
    content: var(--fleche-blue);
    display: inline-block;
    transition: 300ms;
    position: absolute;
    padding-left: 20px;
  }

  #section-actualite .avia-content-slider article .slide-content h3:hover a,
  #section-actualite .avia-content-slider article .slide-content h3 a:hover {
    color: var(--saison-3);
    text-decoration: underline;
  }

  #section-actualite
    .avia-content-slider
    article
    .slide-content
    h3:hover
    a::after,
  #section-actualite
    .avia-content-slider
    article
    .slide-content
    h3
    a:hover::after {
    content: var(--fleche-blue);
    padding-left: 40px;
  }

  #section-actualite article > div.slide-content .blog-categories {
    display: none !important;
  }

  #section-actualite article footer {
    display: none;
  }

  /* Voir plus */

  #section-actualite #see-more-actu {
    display: flex;
    justify-content: space-between;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    width: 24%;
  }

  #section-actualite #see-more-actu .av_textblock_section {
    width: 80%;
  }

  #section-actualite #see-more-actu .av_textblock_section a {
    font-size: 18px;
    font-weight: bold;
    color: white;
    transition: 300ms;
    position: relative;
  }

  #section-actualite #see-more-actu .av_textblock_section a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: var(--gris-fonce);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  #section-actualite #see-more-actu .av_textblock_section a:hover::before {
    transform: scaleX(1);
  }

  #section-actualite #see-more-actu .av_textblock_section a:hover {
    color: var(--gris-fonce);
  }

  #section-actualite #see-more-actu span.av_font_icon {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  #section-actualite #see-more-actu span.av_font_icon a {
    font-size: 32px;
  }

  #section-actualite #see-more-actu span.av_font_icon a:before {
    transition: 300ms;
  }

  #section-actualite #see-more-actu span.av_font_icon a:hover::before {
    color: var(--gris-fonce) !important;
  }

  /*********** Réseaux sociaux ***********/

  #rs .container {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100%;
  }

  #rs .container .template-page {
    padding: 0px !important;
  }

  #rs .container .template-page #sbi_images .sbi_item,
  #rs .container .template-page #sbi_images {
    padding: 0px !important;
  }

  /***********************************************************/
  /***************** ÉLÉMENTS GRAPHIQUES *****************/
  /***********************************************************/

  /***** Boutons *****/

  #top #main :is(.primary-button, .secondary-button) {
    border-radius: 2px;
    font-size: 14px;
    transition: all ease 300ms;
  }

  #top #main .primary-button {
    background-color: var(--gris-fonce);
  }

  #top #main .secondary-button {
    background-color: var(--saison-1);
  }

  #top #main :is(.primary-button, .secondary-button) .avia-button {
    padding: 14px 28px;
    background-color: transparent !important;
    border: none;
  }

  #top #main :is(.primary-button, .secondary-button) .avia_button_icon {
    margin-left: 8px;
  }

  #top #main :is(.primary-button, .secondary-button) .avia_button_icon::before {
    color: white;
  }

  #top #main :is(.primary-button, .secondary-button) .avia_iconbox_title {
    font-size: 14px;
    font-weight: 500;
    color: white;
  }

  #top #main .primary-button:hover,
  #top #main .primary-button:focus {
    background-color: #183747;
  }

  #top #main .secondary-button:hover,
  #top #main .secondary-button:focus {
    background-color: var(--saison-1);
    color: var(--gris-fonce);
  }

  /*********************************************/
  /***************** CONTENU *****************/
  /*********************************************/

  /* Page actu */

  #top #wrap_all #section-actualite.page-actu {
    padding-top: 0px !important;
    background: none !important;
  }

  #top #wrap_all #section-actualite.page-actu article:not(:first-child) {
    margin-top: 0px !important;
  }

  /***** Page d'agenda *****/

  /* Surcharge du plugin */

  .single-organisateur
    #main
    .single-organisateur-content
    #event-from-this
    article
    #event-div-date
    .event-date,
  .single-lieu
    #main
    .single-lieu-content
    #event-from-this
    article
    #event-div-date
    .event-date,
  #main #shortcode-card article .event-div-content .event-date,
  #main #shortcode-card article .event-div-content .event-date,
  #main
    #shortcode-slider
    .slider
    .article-container
    article
    .event-div-content
    a,
  #shortcode-slider
    .slider
    .article-container
    article
    .event-div-content
    p.event-date,
  #shortcode-slider .slider .article-container article .link-img .price-event {
    color: var(--gris-fonce) !important;
  }

  #slider-single-event .picture-insight img.insight.insight-outline {
    outline: solid var(--saison-1) !important;
  }

  #slider-single-event .picture-insight img.insight:hover {
    outline: dashed var(--saison-1) !important;
  }

  #top #wrap_all .second-infos-event {
    background: linear-gradient(
      180deg,
      white 0%,
      white 75%,
      var(--saison-2) 75%,
      var(--saison-2) 100%
    ) !important;
  }

  #top #wrap_all .single-event-content .more-events {
    padding: 0px 24px;
    background: linear-gradient(
      180deg,
      var(--saison-2) 0%,
      var(--saison-2) 60%,
      white 60%,
      white 100%
    ) !important;
  }

  /***** Page de maintenance *****/

  #top.page-id-27 #wrap_all #main {
    padding-top: 0 !important;
  }

  #top.page-id-27 #sidebar_fixe {
    display: none;
  }

  #top.page-id-27 #av_section_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }

  /***** Page d'erreur (404) *****/

  #top.page-id-343 #av_section_1 {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /*********** Visite virtuelle ***********/

  #top.page-id-108 .avia_codeblock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 24px;
  }

  .map-toggle {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 180px;
    column-gap: 2px;
  }

  .map-toggle {
    div {
      font-size: 16px;
      font-weight: bold;
      padding-right: 60px;
    }
    span {
      padding: 10px;
      transition: 300ms;
      border-radius: 8px;
      color: white;
      background-color: var(--saison-3);
      &.active {
        background-color: var(--saison-1);
      }
    }
  }

  .hidden-map {
    display: none;
  }

  .inter-map {
    .legend {
      padding: 6px 0px;
      &:hover {
        cursor: pointer;
      }
      h4 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: capitalize;
      }
    }
  }
  .inter-map .av-hotspot-container-inner-wrap img {
    height: 550px;
    object-fit: contain;
  }

  .inter-map .av-image-hotspot {
    z-index: 1 !important;
  }

  .inter-map .av-image-hotspot:hover {
    z-index: 2 !important;
  }

  .inter-map .av-image-hotspot .av-image-hotspot_inner,
  .inter-map .av-image-hotspot,
  .inter-map .legend {
    transition: 300ms !important;
  }

  #top #wrap_all .inter-map .av-image-hotspot.animate {
    z-index: 999 !important;
  }

  .inter-map .av-image-hotspot.animate .av-image-hotspot_inner {
    background-color: var(--saison-3);
  }

  .inter-map .legend_inter_map .animate {
    padding-left: 15px;
  }

  .inter-map .av-image-hotspot .hotspot-content {
    z-index: 99999;
    position: absolute;
    background-color: white;
    right: 30px;
    width: max-content;
    top: -10px;
    padding: 10px 20px;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45);
    border-radius: 8px;
    animation: fadeIn 300ms ease-in-out forwards;
    p {
      max-width: 600px;
      text-align: left;
    }
    img {
      margin: 0px;
      padding: 0px;
      max-height: 250px;
    }
  }

  .avia-tooltip.avia-tt.av-tt-default-width.av-tt-pos-left.av-tt-align-top.av-mobile-fallback-active.main_color.av-tt-hotspot,
  .inner_tooltip + .avia-arrow-wrap,
  .inner_tooltip {
    display: none !important;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /***************** EQUIPE *****************/

  #top.page-id-99 .member {
    p {
      padding: 20px;
      font-size: 14px;
    }
    img {
      height: 310px;
      object-fit: cover;
    }
  }

  /*******************************************/
  /***************** FOOTER *****************/
  /*******************************************/

  /* Sections infos */

  #footer-page {
    z-index: 0;
    position: relative;
  }

  #footer-section-infos {
    background: var(--saison-3);
  }

  #footer-section-infos #column-horraires {
    padding-bottom: 25px;
  }

  #footer-section-infos #column-adress > section,
  #footer-section-infos #column-horraires > section {
    background-color: white;
    padding: 20px 0px;
  }

  #footer-section-infos a {
    text-decoration: underline;
    transition: 300ms;
    &:hover {
      color: var(--saison-1);
    }
  }

  #footer-section-infos #column-adress a:hover {
    color: var(--saison-1) !important;
  }

  #footer-section-infos a:hover {
    color: var(--saison-3);
    text-decoration: underline;
  }

  #footer-section-infos .template-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #footer-section-infos #column-adress p:last-child {
    display: flex;
    gap: 8px;
  }

  /* menu */

  #footer-section-infos #column-menu {
    margin-bottom: 0 !important;
  }

  #footer-section-infos #column-menu #nav_menu-2 {
    padding: 0px !important;
  }

  #footer-section-infos #column-menu li {
    border: none !important;
  }

  #footer-section-infos #column-menu li a {
    color: white !important;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    text-transform: uppercase;
    transition: 300ms;
    padding: 6px;
    width: max-content;
    margin: 0 auto;
    position: relative;
  }

  #footer-section-infos #column-menu li a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--saison-1);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  #footer-section-infos #column-menu li a:hover::before {
    transform: scaleX(1);
  }

  #footer-section-infos #column-menu li a:hover {
    color: var(--saison-1) !important;
    background-color: unset !important;
    text-decoration: unset !important;
  }

  /* Icônes */

  #footer-section-infos #column-adress .avia_textblock {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #footer-section-infos #column-adress .avia_textblock::before {
    content: var(--dot-blue);
    display: inline-block;
  }

  #footer-section-infos #column-horraires .avia_textblock {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #footer-section-infos #column-horraires .avia_textblock::before {
    content: var(--cadran-blue);
    display: inline-block;
  }

  /* socket */
  #footer-section-socket {
    height: max-content;
    min-height: 40px;
  }

  #footer-section-socket .template-page {
    padding: 0 !important;
  }

  #footer-section-socket p {
    color: white;
    font-size: 14px;
  }

  #footer-section-socket a {
    color: var(--saison-1);
    &:hover {
      color: var(--blanc);
      text-decoration: underline;
    }
  }

  /* Scroll to top */

  #wrap_all #scroll-top-link {
    background-color: var(--gris-fonce) !important;
    &:hover {
      opacity: 1 !important;
      background-color: var(--gris-fonce) !important;
      border: 1px solid var(--saison-1);
    }
  }

  #scroll-top-link:hover::before {
    color: var(--saison-1);
  }
}