header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: block;
  width: 100%;
  box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.2);
}

/* Cacher le WP Admin bar en mobile et tablet */
.logged-in #wpadminbar {
  display: none;
}
@media (min-width: 1024px) {
  .logged-in #wpadminbar {
      display: block;
  }
}

/* *****************************************
*****************************************
TOP SECTION
*****************************************
***************************************** */

/* Top section */
#top-section {
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: block;
  width: 100%; */
  background: #020032;
}
  /* Layout */
  #top-section .inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    width: 100%;
    padding: 8px 20px;
  }
  @media (min-width: 768px) {
    #top-section .inner-container {
      justify-content: flex-end;
    }
  }
  @media (min-width: 1140px) {
    #top-section .inner-container {
      margin: 0 auto;
      padding: 8px 0;
      width: 1140px;
    }
  }

  /* General */
  #top-section .inner-container a {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  /* Sponsor */
  #top-section .sponsor,
  #top-section .sponsor a {
    display: block;
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.59px;
    color: #DFEFFF;
    margin: 0;
  }
  @media (min-width: 768px) {
    #top-section .sponsor {
      display: none;
    }
  }

  /* Secondary nav */
  #top-section .navigation {
    display: none;
    margin: 0;
    padding: 0;
  }
  @media (min-width: 768px) {
    #top-section .navigation {
      display: block;
    }
  }
    #top-section .navigation li {
      display: inline-block;
      padding: 0 8px;
    }
    @media (min-width: 1064px) {
      #top-section .navigation li {
        padding: 0 20px;
      }
    }
    #top-section .navigation li:first-child {
      padding-left: 0;
    }
    #top-section .navigation li:last-child {
      position: relative;
      padding-left: 20px;
      padding-right: 0;
      margin-left: 10px;
    }
    @media (min-width: 1064px) {
      #top-section .navigation li:last-child {
        padding-left: 40px;
        margin-left: 20px;
      }
    }
    #top-section .navigation li:last-child::before {
      content: "";
      display: block;
      width: 1px;
      height: 16px;
      background: #DFEFFF;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      left: 0;
    }
      #top-section .navigation li a {
        font-family: "Poppins", Sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.59px;
        color: #DFEFFF;
      }
      #top-section .navigation li.current-menu-item a {
        color: #617BE3;
      }
      #top-section .navigation li a:hover {
        color: #617BE3;
      }


/* *****************************************
*****************************************
MAIN SECTION
*****************************************
***************************************** */

/* Main section */
#main-section {
  /* position: absolute;
  top: 41px;
  left: 0;
  z-index: 999;
  display: block;
  width: 100%; */
  background: #FFFFFF;
}
  /* Layout */
  #main-section .inner-container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    padding: 15px 20px;
  }
  @media (min-width: 768px) {

  }
  @media (min-width: 1064px) {
    #main-section .inner-container {
      padding: 0 20px;
    }
  }
  @media (min-width: 1140px) {
    #main-section .inner-container {
      margin: 0 auto;
      padding: 0;
      width: 1140px;
    }
  }

  /* General */
  #main-section .inner-container a,
  #main-section .inner-container a::after {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  /* The custom logo */
  #main-section .custom-logo-link {
    display: block;
    width: 145px;
    margin: 0;
    padding: 0;
  }
  @media (min-width: 1064px) {
    #main-section .custom-logo-link {
      width: 200px;
    }
  }
    #main-section .custom-logo-link img {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
    }

  /* Main nav */
  #main-section #primary-nav {
    display: none;
  }
  @media (min-width: 1064px) {
    #main-section #primary-nav {
      display: inline-block;
    }
  }
  #main-section .menu {
    margin: 0;
    padding: 0;
  }
    #main-section .menu li {
      position: relative;
      display: inline-block;
      padding: 0 20px;
    }
      #main-section .menu li a {
        font-family: "Poppins", Sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.59px;

        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0 17px 0;
        border-bottom: 3px solid #FFFFFF;

        position: relative;
      }
      #main-section .menu li.current-menu-item a {
        color: #617BE3;
      }
      #main-section .menu li.menu-item-has-children a::after {
        content: "";
        display: block;
        width: 9px;
        height: 6px;
        background: url("../images/arrow-down-bleu.png") center center no-repeat;
        background-size: cover;
        margin-left: 12px;
      }
      #main-section .menu li.current-menu-item a::after {
        background: url("../images/arrow-down-bleu-mauve.png") center center no-repeat;
        background-size: cover;
      }
      #main-section .menu li a:hover,
      #main-section .menu li.current-menu-item a {
        border-bottom: 3px solid #617BE3;
      }
      #main-section .menu li.with-dropdown:hover #dropdown-section {
        visibility: visible;
        opacity: 1;
      }

  /* CTA button */
  #main-section .cta-button {
    display: none;
  }
  @media (min-width: 1024px) {
    #main-section .cta-button {
      font-family: "Poppins", Sans-serif;
      font-size: 15px;
      font-weight: 400;
      line-height: 25px;
      letter-spacing: 0.59px;

      display: inline-block;
      padding: 8px 24px;
      background: #020032;
      border-radius: 100px;
      color: #FFFFFF;
      margin-left: 20px;
    }
  }
  #main-section .cta-button:hover,
  #main-section .cta-button.active {
    background: #617BE3;
  }

/* *****************************************
*****************************************
DROPDOWN SECTION
*****************************************
***************************************** */
#dropdown-section {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  position: absolute;
  top: 65px;
  left: 20px;
  width: 630px;
  height: 100px;
  z-index: 5;
  padding-top: 16px;
  cursor: default;
}
  /* Layout */
  #dropdown-section .dropdown-inner-container {
    display: flex;
    background: #FFFFFF;
    padding: 16px 16px 16px 32px;
    box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.2);
  }
    #dropdown-section .dropdown-inner-container .dropdown-inner-col {}
    #dropdown-section .dropdown-inner-container .dropdown-inner-col:first-child {
      width: 64%;
      padding-bottom: 16px;
      padding-right: 40px;
    }
    #dropdown-section .dropdown-inner-container .dropdown-inner-col:last-child {
      width: 36%;
      background: #DFEFFF;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

  #dropdown-section section:first-child {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #CCCCD6;
    padding: 8px 0 16px;
  }
  #dropdown-section section:last-child {
    display: flex;
    padding: 32px 0 0 0;
  }
    #dropdown-section section:last-child .section-col {
      width: 50%;
    }

  /* General */
  #main-section .menu li.current-menu-item #dropdown-section a {
    color: #020032;
  }
  #main-section .menu li #dropdown-section h3 {
    display: block;
    margin: 0 0 12px 0;
    padding: 0;
    line-height: 0;
  }
    #main-section .menu li #dropdown-section h3 a {
      font-family: "Poppins", Sans-serif;
      font-size: 15px;
      font-weight: 600;
      line-height: 25px;
      letter-spacing: 0.59px;

      display: inline-block;
      padding: 0;
      border-bottom: none;
      position: relative;
    }
    #main-section .menu li #dropdown-section h3 a:hover {
      color: #617BE3;
    }
    #main-section .menu li #dropdown-section h3 a::after {
      display: none;
    }

  #main-section .menu li #dropdown-section ul {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
  }
    #main-section .menu li #dropdown-section ul li {
      display: block;
      margin: 0;
      padding: 0;
    }
      #main-section .menu li #dropdown-section ul li a {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.59px;

        display: inline-block;
        padding: 4px 0;
        border-bottom: none;
        position: relative;
      }
      #main-section .menu li #dropdown-section ul li a:hover {
        color: #617BE3;
      }
      #main-section .menu li #dropdown-section ul li a::after {
        display: none;
      }

  /* Elements */
  /* - Button link */
  #main-section .menu li #dropdown-section a.btn-link {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.59px;

    display: inline-block;
    padding: 0;
    margin-right: 20px;
    border-bottom: none;
    position: relative;
  }
  #main-section .menu li #dropdown-section a.btn-link::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -24px;
    margin-top: -10px;
    background: url("../images/arrow-right-bleu.png") center center no-repeat;
    background-size: 6px;
  }
  #main-section .menu li #dropdown-section a.btn-link:hover {
    text-decoration: none;
    color: #617BE3;
  }
  #main-section .menu li #dropdown-section a.btn-link:hover::after {
    background: url("../images/arrow-right-bleu-mauve.png") center center no-repeat;
    background-size: 6px;
  }

  /* - GB bleuet */
  #dropdown-section img.gb-bleuet {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0;
    z-index: 4;
  }
  /* - GB Logo */
  #dropdown-section img.gb-logo {
    position: absolute;
    top: 24px;
    display: block;
    width: 112px;
    height: 112px;
    z-index: 5;
  }

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

/* Burger menu */
#main-section .burger-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 26px;
  height: 20px;
}
@media (min-width: 1105px) {
  #main-section .burger-menu {
    display: none;
  }
}
  #main-section .burger-menu span {
    display: block;
    width: 100%;
    height: 2px;
    background: #020032;
  }

  #main-section .burger-menu.active {
    display: block;
    position: relative;
  }
  #main-section .burger-menu.active span:nth-child(1) {
    display: none;
  }
  #main-section .burger-menu.active span:nth-child(2) {
    transform: rotate(45deg);
    position: absolute;
    top: 8px;
    left: 0;
    width: 24px;
  }
  #main-section .burger-menu.active span:nth-child(3) {
    transform: rotate(-45deg);
    position: absolute;
    top: 8px;
    left: 0;
    width: 24px;
  }
  @media (min-width: 1105px) {
    #main-section .burger-menu.active span:nth-child(2) {
      display: none;
    }
    #main-section .burger-menu.active span:nth-child(3) {
      display: none;
    }
  }

/* *****************************************
*****************************************
MOBILE DROPDOWN
*****************************************
***************************************** */

#mobileNavContainer {
  display: none;
}

.mobile-nav-container {
  border-top: 1px solid rgba(27, 37, 46, 0.25);
  display: none;
  -webkit-backface-visibility: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  width: 90%;
  top: 95.56px;
  bottom: 0;
  right: 0;
  background: #FFF;
  z-index: 10;
  box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.2);
}

@media (min-width: 1105px) {
  .mobile-nav-container {
    display: none;
  }
}

/* layout */
#mobileNavContainer .inner-container {
  position: relative;
  padding: 50px 0 50px 0;
  height: 100%;
}
  #mobileNavContainer .inner-container .section-container {
    padding: 0 20px;
  }
  #mobileNavContainer .inner-container .main-container {}
  #mobileNavContainer .inner-container .level-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    z-index: 10;
  }

/* CTA button */
#mobileNavContainer .cta-button {
  font-family: "Poppins", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.59px;

  display: block;
  padding: 8px 24px;
  background: #020032;
  border-radius: 100px;
  color: #FFFFFF;
  text-align: center;
}
@media (min-width: 1024px) {
  #mobileNavContainer .cta-button {
    display: none;
  }
}
#mobileNavContainer .cta-button:hover,
#mobileNavContainer .cta-button.active {
  background: #617BE3;
}

/* Primary nav, secondary nav et level nav propriété en commun */
#mobileNavContainer .primary-mobile ul,
#mobileNavContainer .secondary-mobile ul,
#mobileLevelContainer ul {
  display: block;
  margin: 0;
  padding: 0;
}
#mobileNavContainer .primary-mobile ul li,
#mobileNavContainer .primary-mobile ul li,
#mobileLevelContainer ul li {
  display: block;
}
#mobileNavContainer .primary-mobile ul li a,
#mobileNavContainer .secondary-mobile ul li a,
#mobileLevelContainer ul li a,
#mobileLevelContainer a.first-item-link {
  position: relative;
  display: block;
  font-family: "Poppins", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.59px;
  color: #020032;
}
#mobileNavContainer .primary-mobile ul li.current-menu-item a,
#mobileNavContainer .secondary-mobile ul li.current-menu-item a {
  color: #617BE3;
}

/* Primary nav */
#mobileNavContainer .primary-mobile {
  margin-bottom: 16px;
}
  #mobileNavContainer .primary-mobile ul {}
    #mobileNavContainer .primary-mobile ul li {
      border-bottom: 1px solid #CCCCD6;
      padding: 0 20px;
    }
    #mobileNavContainer .primary-mobile ul li::after {}
    #mobileNavContainer .primary-mobile ul li::before {}
      #mobileNavContainer .primary-mobile ul li a {
        padding: 8px 0;
      }
      #mobileNavContainer .primary-mobile ul li a:hover {}
      #mobileNavContainer .primary-mobile ul li a::after {}
      #mobileNavContainer .primary-mobile ul li.menu-item-has-children a::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        right: -6px;
        margin-top: -10px;
        background: url("../images/arrow-right-bleu.png") center center no-repeat;
        background-size: 6px;
      }
      #mobileNavContainer .primary-mobile ul li a::before {}

/* Secondary nav */
#mobileNavContainer .secondary-mobile {
  margin-bottom: 40px;
}
  #mobileNavContainer .secondary-mobile ul {}
    #mobileNavContainer .secondary-mobile ul li {
      padding: 0 20px;
    }
    #mobileNavContainer .secondary-mobile ul li::after {}
    #mobileNavContainer .secondary-mobile ul li::before {}
      #mobileNavContainer .secondary-mobile ul li a {
        font-size: 14px;
        line-height: 21px;
        padding: 6px 0;
      }
      #mobileNavContainer .secondary-mobile ul li a:hover {}
      #mobileNavContainer .secondary-mobile ul li a::after {}
      #mobileNavContainer .secondary-mobile ul li a::before {}

/* *****************************************
*****************************************
MOBILE LEVEL CONTAINER
*****************************************
***************************************** */
#mobileLevelContainer {}

/* Layout */
#mobileLevelContainer .inner-container {
  position: relative;
  padding: 50px 0 50px 0;
  height: 100%;
}
  #mobileLevelContainer .inner-container .section-container {
    padding: 0 20px;
    position: relative;
  }
  #mobileLevelContainer .inner-container .section-col {
    margin-bottom: 16px;
  }
  #mobileLevelContainer .inner-container .section-col:last-child {
    margin-bottom: 0;
  }

/* Prev */
#mobileLevelContainer a.prev {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 20px;
  margin-top: -21px;
  z-index: 10;

  background: #020032 url("../images/arrow-left-white.png") center center no-repeat;
  background-size: 6px;
}

/* Heading */
#mobileLevelContainer h3 {
  display: block;
  margin: 0;
  padding: 0 20px;
}
  #mobileLevelContainer h3 a {
    display: block;
    margin: 0;
    padding: 0;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.59px;
    color: #020032;
  }

/* Navigation */
#mobileLevelContainer ul {}
  #mobileLevelContainer ul li {
    border-bottom: 1px solid #CCCCD6;
    padding: 0 20px;
  }
    #mobileLevelContainer ul li a {
      padding: 8px 0;
    }

/* btn link */
#mobileLevelContainer a.btn-link {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Poppins", Sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.59px;
  color: #020032;
  padding: 8px 0;
}

/* first item link */
#mobileLevelContainer a.first-item-link {
  padding-top: 45px;
  margin-bottom: 24px;
}