/**
 * utils
 *  contains global mixins, functions, helper selectors, etc.
 */
/**
 * variables
 * contains variables for the graphic design.
 */
/*$min_font: 14px;
$max_font: 28px;*/
/**
 * mixins
 * contains mixins to powerup the styles.
 */
.angle--top-left {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 100%);
}

@supports not ((-webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 100%)) or (clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 100%))) {
  .angle--top-left::before, .angle--top-left::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--top-left::before {
    top: 0;
    border-width: 8vw 100vw 0 0;
    border-color: #fff transparent transparent transparent;
  }
}

.angle--top-right {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%);
}

@supports not ((-webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%)) or (clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%))) {
  .angle--top-right::before, .angle--top-right::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--top-right::before {
    top: 0;
    border-width: 8vw 0 0 100vw;
    border-color: #fff transparent transparent transparent;
  }
}

.angle--bottom-left {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 7vw));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 7vw));
}

@supports not ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 7vw))) or (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 7vw)))) {
  .angle--bottom-left::before, .angle--bottom-left::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--bottom-left::after {
    bottom: 0;
    border-width: 0 100vw 8vw 0;
    border-color: transparent transparent #fff transparent;
  }
}

.angle--bottom-right {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%);
}

@supports not ((-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%))) {
  .angle--bottom-right::before, .angle--bottom-right::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--bottom-right::after {
    bottom: 0;
    border-width: 0 0 8vw 100vw;
    border-color: transparent transparent #fff transparent;
  }
}

.angle--both-left-left {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 calc(100% - 7vw));
          clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 calc(100% - 7vw));
}

@supports not ((-webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 calc(100% - 7vw))) or (clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 calc(100% - 7vw)))) {
  .angle--both-left-left::before, .angle--both-left-left::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--both-left-left::before {
    top: 0;
    border-width: 8vw 100vw 0 0;
    border-color: #fff transparent transparent transparent;
  }
  .angle--both-left-left::after {
    bottom: 0;
    border-width: 0 100vw 8vw 0;
    border-color: transparent transparent #fff transparent;
  }
}

.angle--both-right-right {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% calc(100% - 7vw), 0 100%);
          clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% calc(100% - 7vw), 0 100%);
}

@supports not ((-webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% calc(100% - 7vw), 0 100%)) or (clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% calc(100% - 7vw), 0 100%))) {
  .angle--both-right-right::before, .angle--both-right-right::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--both-right-right::before {
    top: 0;
    border-width: 8vw 0 0 100vw;
    border-color: #fff transparent transparent transparent;
  }
  .angle--both-right-right::after {
    bottom: 0;
    border-width: 0 0 8vw 100vw;
    border-color: transparent transparent #fff transparent;
  }
}

.angle--both-left-right {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%);
          clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%);
}

@supports not ((-webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%)) or (clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%))) {
  .angle--both-left-right::before, .angle--both-left-right::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--both-left-right::before {
    top: 0;
    border-width: 8vw 100vw 0 0;
    border-color: #fff transparent transparent transparent;
  }
  .angle--both-left-right::after {
    bottom: 0;
    border-width: 0 0 8vw 100vw;
    border-color: transparent transparent #fff transparent;
  }
}

.angle--both-right-left {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw));
          clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw));
}

@supports not ((-webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw))) or (clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw)))) {
  .angle--both-right-left::before, .angle--both-right-left::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--both-right-left::before {
    top: 0;
    border-width: 8vw 0 0 100vw;
    border-color: #fff transparent transparent transparent;
  }
  .angle--both-right-left::after {
    bottom: 0;
    border-width: 0 100vw 8vw 0;
    border-color: transparent transparent #fff transparent;
  }
}

.angle__content {
  display: block;
  width: 100%;
  height: auto;
}

.angle--colour {
  color: #fff;
  background-color: #2196F3;
  text-align: center;
  padding: 10% 0;
}

/**
 * Animations
 * contains CSS Animations.
 */
/**
 * ----------------------------------------
 * translation from left to right
 * ----------------------------------------
 */
@-webkit-keyframes translate-left-to-right {
  0%, 22%, 78%, 100% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  28%, 72% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}
@keyframes translate-left-to-right {
  0%, 22%, 78%, 100% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  28%, 72% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}

/**
 * ----------------------------------------
 * opacity from 0.5 to 0
 * ----------------------------------------
 */
@-webkit-keyframes opacity-05-to-0 {
  0%, 22%, 78%, 100% {
    opacity: 0.5;
  }
  28%, 72% {
    opacity: 0;
  }
}
@keyframes opacity-05-to-0 {
  0%, 22%, 78%, 100% {
    opacity: 0.5;
  }
  28%, 72% {
    opacity: 0;
  }
}

@-webkit-keyframes opacity-0-to-05 {
  0%, 22%, 78%, 100% {
    opacity: 0;
  }
  28%, 72% {
    opacity: 0.5;
  }
}

@keyframes opacity-0-to-05 {
  0%, 22%, 78%, 100% {
    opacity: 0;
  }
  28%, 72% {
    opacity: 0.5;
  }
}

/**
 * ----------------------------------------
 * loop ville
 * ----------------------------------------
 */
@-webkit-keyframes city-blue-to-white {
  0%, 22%, 78%, 100% {
    color: #001F44;
    opacity: 0.8;
  }
  28%, 72% {
    color: #FFFFFF;
    opacity: 0.7;
  }
}
@keyframes city-blue-to-white {
  0%, 22%, 78%, 100% {
    color: #001F44;
    opacity: 0.8;
  }
  28%, 72% {
    color: #FFFFFF;
    opacity: 0.7;
  }
}

@-webkit-keyframes city-white-to-blue {
  0%, 22%, 78%, 100% {
    color: #FFFFFF;
    opacity: 0.7;
  }
  28%, 72% {
    color: #001F44;
    opacity: 0.8;
  }
}

@keyframes city-white-to-blue {
  0%, 22%, 78%, 100% {
    color: #FFFFFF;
    opacity: 0.7;
  }
  28%, 72% {
    color: #001F44;
    opacity: 0.8;
  }
}

/**
 * ----------------------------------------
 * buttons from left to right
 * ----------------------------------------
 */
@-webkit-keyframes btns-left-to-right {
  0%, 22%, 78%, 100% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  28%, 72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes btns-left-to-right {
  0%, 22%, 78%, 100% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  28%, 72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}

/**
 * layout
 *  contains styling for larger layout components; e.g. nav, header, footer, etc.
 */
/**
 * site
 * style global des pages
 */
html {
  /*class ieseg visu*/
}

html #container-img-une {
  background-image: url("../../images/img_une_provi.jpg");
}

html .rub-ecole #container-img-une {
  /*background-image: url(../images/img_une_provi.jpg);*/
}

html .rub-programmes #container-img-une {
  background-image: url("../../images/img-une-programmes.jpg");
}

html .rub-services #container-img-une {
  background-image: url("../../images/img-une-services.jpg");
}

html .rub-international #container-img-une {
  background-image: url("../../images/img-une-international.jpg");
}

html .rub-enseignants #container-img-une {
  background-image: url("../../images/img-une-enseignement.jpg");
}

html .rub-dre #container-img-une {
  background-image: url("../../images/img-une-dre.jpg");
}

html .rub-exec #container-img-une {
  background-image: url("../../images/img-une-executive.jpg");
}

html .error404 #container-img-une {
  background-image: url("../../images/img-une-404.jpg");
}

html .img-responsive {
  width: 100%;
}

html .videocontainer-adaptive iframe {
  width: 100%;
}

html body {
  color: #001F44;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 1rem;
  /*global list style*/
}

html body ul li {
  /*border-top: 1px solid #FD9E00;*/
  border-bottom: 1px solid #FD9E00;
  padding: 10px 0 10px 0;
  margin: 0;
  list-style-type: none;
  font-weight: 600;
}

@media (min-width: 768px) {
  html body ul li:first-child {
    border-top: 0;
  }
  html body ul li:last-child {
    border-bottom: 0;
  }
}

html body .main-container {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  html body .main-container {
    padding-top: 1rem;
  }
}

html body .main-container .page-container .page-wrapper {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}

html body .main-container .page-container .page-wrapper .page-inner {
  margin-right: auto;
  margin-left: auto;
  padding: 0 1rem 4rem 1rem;
  /*----------------MENU DE GAUCHE----------------*/
  /*ul.menu {
              text-decoration: none !important;
              list-style: none;
              padding-left: 0;
              font-weight: bold;
              font-size: 20px;
              line-height: 2.5;
            }


            ul.menu > li {
              border-bottom: 1px solid #e6e6e6;
              padding: 0.5rem 0;
            }

            ul.menu > li a {
              color: $darkblue;
              text-decoration: none;

              &:hover {
                color: $orange;
              }
            }


            ul.menu > li ul {
              font-size: 18px;
              font-weight: normal;
              line-height: 2;
              list-style: none;
              padding-left: 30px;
            }

            ul.menu > li ul li {
              padding: 0.5rem 0;

              a {
                color: $darkblue;

                &:hover {
                  color: $orange;
                }
              }
            }*/
  /*----------------FIN MENU DE GAUCHE----------------*/
  /*----------------SIDEBAR DROITE----------------*/
  /*----------------END SIDEBAR DROITE----------------*/
}

@media (min-width: 768px) {
  html body .main-container .page-container .page-wrapper .page-inner {
    margin-right: 11%;
    margin-left: 11%;
  }
}

html body .main-container .page-container .page-wrapper .page-inner h2 {
  text-align: inherit !important;
}

html body .main-container .page-container .page-wrapper .page-inner .btn {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #001F44), color-stop(0, #FFFFFF));
  background-image: linear-gradient(to top, #001F44 50%, #FFFFFF 0);
  color: #001F44;
  border: solid 1px #001F44;
  white-space: inherit;
  border-radius: 0;
  width: auto;
  max-width: 320px;
}

html body .main-container .page-container .page-wrapper .page-inner .btn:hover {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  html body .main-container .page-container .page-wrapper .page-inner .btn {
    width: auto;
    max-width: 320px;
  }
}

html body .defaut_template_page .hero .hero-slide .filter_blue {
  position: absolute;
  background: #001F44;
  top: 0;
  left: 0;
  right: 0;
  bottom: 16rem;
  opacity: 0;
}

@media (min-width: 768px) {
  html body .defaut_template_page .hero .hero-slide .filter_blue {
    bottom: 0;
  }
}

html body .defaut_template_page .hero .hero-slide .bg {
  display: block !important;
  background-position: center center !important;
}

/*STYLE SIDEBAR AND ARCHIVE TESI ANAIS*/
/* Sidebar */
.content-sidebar .bloc {
  background: #F4F4F4;
  border-top: 1px solid #001F44;
  font-size: 1rem;
  padding: 1rem;
  margin-bottom: 2.5rem;
}

.content-sidebar h4 {
  font-weight: 600;
  padding-bottom: 0.5rem;
}

.content-sidebar iframe {
  width: 100%;
}

/* Archives Testimonials */
.bloc-other-testimonials .container-img-une-other-testi img {
  display: block;
  background-color: #DEE1E5;
  background-image: radial-gradient(#F4F4F4 0%, #DEE1E5 100%);
  width: 100%;
  height: auto;
}

.bloc-other-testimonials .container-texte-other-testi {
  display: inline-block;
  margin: 0;
  padding: 0.25rem 0.5rem;
  background-color: #FFDD00;
  color: #001F44;
  font-weight: 700;
}

.bloc-other-testimonials .container-texte-other-testi h3 > a {
  text-decoration: none;
  font-size: 1.45rem;
  line-height: 1.5rem;
}

.bloc-other-testimonials {
  height: 500px;
}

/* Bloc couleur */
.background-color-blue {
  background-color: #001F44;
  color: white;
  padding: 20px;
}

.background-color-blue * {
  color: white;
}

/* Scroll */
html {
  scroll-behavior: smooth;
}

.anchor {
  scroll-margin-top: 125px;
}

/**
 * header
 * contains styling for the header.
 */
.header .header-container {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  background-color: #FFFFFF;
}

.header .header-container .header-wrapper {
  position: relative;
  background-color: #001F44;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Top Level Highlight */
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper {
    background-color: #FFFFFF;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper {
    margin-right: 11%;
    margin-left: 11%;
  }
}

.header .header-container .header-wrapper .header-logo {
  position: relative;
  /*width: 30%;*/
  max-width: 150px;
  min-width: 140px;
  padding: 0;
  background-color: transparent;
  margin-right: 2rem;
  /*&::after {
          content: '';
          border-bottom: 5rem solid $white;
          border-right: 2rem solid transparent;
          position: absolute;
          top: 0;
          right: -2rem;
          bottom: 0;
          height: auto;
          width: 0;

          @include respond-to('small') {
            display: none;
          }
        }*/
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-logo {
    max-width: 220px;
    min-width: 210px;
  }
}

.header .header-container .header-wrapper .header-logo img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

.header .header-container .header-wrapper .header-search {
  width: 1.5rem;
  height: 1.5rem;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: inherit;
    height: inherit;
    /*width: 40%;*/
    /*max-width: 375px;*/
  }
}

.header .header-container .header-wrapper .header-search .container-search {
  background-color: #F4F4F4;
  position: absolute;
  visibility: visible;
  opacity: 1;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0.5rem 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header .header-container .header-wrapper .header-search .container-search.hidden {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search .container-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    background-color: #FFFFFF;
    -webkit-box-shadow: 4px 8px 12px -6px rgba(0, 0, 0, 0.3);
            box-shadow: 4px 8px 12px -6px rgba(0, 0, 0, 0.3);
    top: auto;
    left: auto;
    margin-right: -2.5rem;
    padding-left: 1rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: opacity 0.3s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .header .header-container .header-wrapper .header-search .container-search.hidden {
    -webkit-transform: translateY(0) translateX(100%);
            transform: translateY(0) translateX(100%);
  }
}

.header .header-container .header-wrapper .header-search .container-search form {
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search .container-search form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0.5rem;
  }
}

.header .header-container .header-wrapper .header-search .container-search form .search-field {
  width: 100%;
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 2rem;
  color: #001F44;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search .container-search form .search-field {
    font-size: 1.25rem;
    width: auto;
  }
}

.header .header-container .header-wrapper .header-search .container-search form .search-field:focus {
  outline: none;
}

.header .header-container .header-wrapper .header-search .container-search form .search-submit {
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 1rem;
  margin: 0 0.5rem;
  outline: none;
  background: transparent url("../img/pictos/picto_loupe_jaune.svg") no-repeat center/contain;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search .container-search form .search-submit {
    padding: 0;
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.header .header-container .header-wrapper .header-search .container-search .close-search {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem 0 0 0;
  padding: 0;
  background: none;
  cursor: pointer;
  border: none;
  display: block;
  outline: none;
  color: #000000;
  font-size: 4rem;
  line-height: 1em;
  font-weight: 300;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search .container-search .close-search {
    position: relative;
    top: auto;
    right: auto;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: -0.5rem 0 0 -0.5rem;
    padding: 0 0.25rem;
    font-size: 2rem;
    font-weight: 600;
    color: #707070;
  }
  .header .header-container .header-wrapper .header-search .container-search .close-search:hover {
    color: #000000;
  }
}

.header .header-container .header-wrapper .header-search .toggle-search {
  cursor: pointer;
  border: none;
  margin: 0;
  color: white;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  outline: none;
  background: none;
}

.header .header-container .header-wrapper .header-search .toggle-search img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-search .toggle-search {
    background: transparent url("../img/pictos/picto_loupe.svg") no-repeat center/contain;
  }
  .header .header-container .header-wrapper .header-search .toggle-search img {
    display: none;
  }
  .header .header-container .header-wrapper .header-search .toggle-search:hover {
    background: transparent url("../img/pictos/picto_loupe_jaune.svg") no-repeat center/contain;
  }
}

.header .header-container .header-wrapper .header-contact {
  position: absolute;
  bottom: -60%;
  right: 2%;
  z-index: 3;
  padding: 0;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-contact {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    padding: 0 5vw;
    z-index: auto;
  }
}

.header .header-container .header-wrapper .header-contact.mob-hidden {
  display: none;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-contact.mob-hidden {
    display: block;
  }
}

.header .header-container .header-wrapper .header-contact a {
  text-transform: uppercase;
  padding: 0 0.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

.header .header-container .header-wrapper .header-contact a:hover {
  color: #FFDD00;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-contact a {
    text-decoration: none;
    color: #707070;
  }
}

.header .header-container .header-wrapper .header-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 0 0 0.25rem;
  /*width: 2rem;*/
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
  margin-left: auto;
  /*width: 30%;*/
}

.header .header-container .header-wrapper .header-lang:before {
  content: '\\';
  font-weight: 400;
  color: #FFDD00;
}

.header .header-container .header-wrapper .header-lang span {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 0.25rem;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-lang span {
    color: #707070;
  }
}

.header .header-container .header-wrapper .header-lang a {
  font-size: 1rem;
  line-height: 1em;
  padding: 0;
  width: 0;
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  text-decoration: none;
  -webkit-transform-origin: right;
          transform-origin: right;
}

.header .header-container .header-wrapper .header-lang a span {
  color: #F4F4F4;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .header-lang a span {
    color: #707070;
  }
}

.header .header-container .header-wrapper .header-lang:hover {
  width: 10rem;
}

.header .header-container .header-wrapper .header-lang:hover span {
  color: #B7BDC8;
}

.header .header-container .header-wrapper .header-lang:hover a {
  width: auto;
  -webkit-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.header .header-container .header-wrapper .header-lang:hover a span {
  opacity: 0.5;
}

.header .header-container .header-wrapper .header-lang:hover a:hover {
  color: #FFDD00;
}

.header .header-container .header-wrapper .header-lang:hover a:hover span {
  opacity: 1;
  color: #FFDD00;
}

.header .header-container .header-wrapper .hamburger {
  font-size: 2rem;
  display: block;
  width: 1em;
  height: 1em;
  margin: 0 0.5rem;
  padding: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  background: transparent;
  z-index: 3;
  /**
         * Styles for the active `.hamburger` icon
         */
  /**
         * CLOSE/CANCEL/CROSS
         */
}

@media (min-width: 768px) {
  .header .header-container .header-wrapper .hamburger {
    display: none;
  }
}

.header .header-container .header-wrapper .hamburger:before, .header .header-container .header-wrapper .hamburger:after {
  content: "";
}

.header .header-container .header-wrapper .hamburger:before,
.header .header-container .header-wrapper .hamburger .icon, .header .header-container .header-wrapper .hamburger:after {
  display: block;
  width: 100%;
  height: .1em;
  margin: 0 0 .2em;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  border-radius: .05em;
  background: #FFFFFF;
}

.header .header-container .header-wrapper .hamburger.hamburger-cancel.ubermenu-responsive-toggle-open .icon {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.header .header-container .header-wrapper .hamburger.hamburger-cancel.ubermenu-responsive-toggle-open:before {
  -webkit-transform: translateY(0.3em) rotate(135deg);
          transform: translateY(0.3em) rotate(135deg);
}

.header .header-container .header-wrapper .hamburger.hamburger-cancel.ubermenu-responsive-toggle-open:after {
  -webkit-transform: translateY(-0.3em) rotate(-135deg);
          transform: translateY(-0.3em) rotate(-135deg);
}

.header .header-container .header-wrapper .ubermenu .ubermenu-target-text {
  color: #FFFFFF;
  text-decoration: none;
}

.nav-container .nav-wrapper .menu-nav-header nav {
  width: 100%;
}

header.fixed_navigation {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  background: #FFFFFF;
  width: 100%;
}

header.fixed_navigation .header-container {
  background: transparent;
  /* @include respond-to('small') {
     display: none;
    }*/
}

header.fixed_navigation .header-container .header-wrapper {
  padding: 0;
}

@media (min-width: 768px) {
  header.fixed_navigation .header-container .header-wrapper {
    padding: 0 1rem;
  }
}

header.fixed_navigation .header-container .header-wrapper .header-logo img {
  max-width: 130px;
}

header.fixed_navigation .header-container .header-wrapper .header-logo:after {
  border-bottom: 3.9rem solid #FFFFFF;
  top: -2px;
  margin: 0 1px;
}

header.fixed_navigation .nav-container {
  background: transparent;
}

header.fixed_navigation .nav-container .nav-wrapper .menu-nav-header nav {
  height: 100vh;
  overflow-y: scroll !important;
}

@media (min-width: 768px) {
  header.fixed_navigation .nav-container .nav-wrapper .menu-nav-header nav {
    height: inherit;
    overflow-y: inherit !important;
  }
}

@media (min-width: 768px) {
  header.fixed_navigation .nav-container .nav-wrapper .menu-nav-header:before {
    margin: 0 -1px;
  }
}

@media (min-width: 768px) {
  body.admin-bar header.fixed_navigation {
    top: 32px !important;
  }
}

/**
 * footer
 * contains styling for the footer.
 */
.footer {
  background-color: #001F44;
}

.footer .footer-container .footer-wrapper {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  color: #FFFFFF;
}

.footer .footer-container .footer-wrapper .footer-inner {
  margin-right: auto;
  margin-left: auto;
  padding: 1rem 0;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner {
    margin-right: 11%;
    margin-left: 11%;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-top .accreditations {
  width: calc( 100% - 2rem);
  text-align: center;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
  border-bottom: solid 1px #FFFFFF;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-top .accreditations {
    width: auto;
    text-align: left;
    margin: 1rem 0;
    padding: 0;
    border-bottom: none;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-top .accreditations img {
  width: 100%;
  max-width: 25rem;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-top .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0.5rem;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-top .social {
    padding: 0;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-top .social a {
  margin: 0.5rem;
  padding: 0;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-top .social a img {
  display: block;
  width: 100%;
  max-width: 2.5rem;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-top .social a img {
    max-width: 1.5rem;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: solid 1px #FFFFFF;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav {
  width: 100%;
  /*@include respond-to('small') {
              width: auto;
            }*/
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li {
  padding: 1.25rem 1rem 1rem 2.5rem;
  border: none;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.25rem 1rem 0 0;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li + li {
  border-top: solid 1px #FFFFFF;
  padding: 1.25rem 1rem 1rem 2.5rem;
  border: none;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li + li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.25rem 1rem 0 1.5rem;
    border-top: none;
    border-left: solid 1px #FFFFFF;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li + li + li {
  padding: 1.25rem 1rem 1rem 2.5rem;
  border: none;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li + li + li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.25rem 1rem 0 1.5rem;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li > a {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  color: #001F44;
  background-color: #FFFFFF;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li > ul {
  margin: 0.5rem 0 0 0;
  padding: 0;
  list-style-type: none;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li > ul > li {
  margin: 0;
  padding: 0.5rem 0;
  border: none;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li > ul > li > a {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  color: #FFFFFF;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation nav > ul > li > ul > li > a:hover {
  color: #FD9E00;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.5rem 0 2.5rem;
  border-top: solid 1px #FFFFFF;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1rem 0 0 0;
    width: 18%;
    border-top: none;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .newsletter {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 36%;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .newsletter {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .newsletter a {
  font-weight: 700;
  color: #FFDD00;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .adresses p.titre {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #001F44;
  background-color: #FFFFFF;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .adresses p.adresse {
  font-size: 1rem;
  font-weight: 200;
  margin: 0.5rem 0;
  padding: 0.5rem 0;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .adresses p.adresse strong {
  font-weight: 700;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .acces {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .acces {
    margin-top: 0;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .acces p.plan {
  font-weight: 700;
  margin-top: 1.5rem;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .acces p a {
  font-weight: 700;
  color: #FFDD00;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .acces .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  text-decoration: underline;
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-navigation .utils .acces .phone i {
  width: 1rem;
  height: 1rem;
  margin: 0 0.5rem 0 0;
  padding: 0;
  background: url("../img/pictos/picto_phone.png") no-repeat center/contain;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-signature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2.5rem 0 2.5rem;
  border-top: solid 1px #FFFFFF;
  /*.footer-baseline {
            margin: 0 0 0 4vw;
            font-weight: 300;
            text-transform: uppercase;
            font-size: 2.5vw;
            @include respond-to('small') {
              font-size: 1.5rem;
              margin: 0 0 0 4rem;
            }
            @include respond-to('large') {
              font-size: 1.5rem;
              margin: 0 0 0 4rem;
            }
          }*/
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-signature {
    padding: 1rem 0 0 0;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-logo {
  width: 20%;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-logo {
    width: 12%;
  }
}

@media (min-width: 1366px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-logo {
    width: 128px;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-baseline {
  width: 80%;
  margin: 0;
}

@media (min-width: 768px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-baseline {
    width: 66%;
  }
}

@media (min-width: 1366px) {
  .footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-baseline {
    width: 704px;
  }
}

.footer .footer-container .footer-wrapper .footer-inner .footer-signature .footer-baseline img {
  display: block;
  width: 100%;
  height: auto;
}

/**
 * nav
 * contains styling for the navigation.
 */
.nav-container {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
  background-color: #FFFFFF;
}

@media (min-width: 768px) {
  .nav-container {
    margin-bottom: -1rem;
  }
}

.nav-container .nav-wrapper {
  /*
     * COMMONS STYLES
     */
  background-color: #001F44;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: flex-start;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;*/
  z-index: 2;
  -webkit-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  /*
     * MOBILE ONLY (opened by burger menu)
     */
  /*&.opened {
      height: 100vh;

      .menu-nav-header {
        width: 100%;
        nav {
          float: none;

          > ul { // NIVEAU 0
            flex-direction: column;
            padding-top: 2rem;

            > li {

              > a { // LIEN NIVEAU 0
                margin: 1rem 0 0 0;
                padding: 0 0.5rem 0.5rem 4rem;
                font-size: 1.25rem;

              }

              > ul { // NIVEAU 1
                height: 0;
                visibility: hidden;
              }

              // CLASS ADDED AT TAP BY JS
              &.active {
                a {
                  color: $yellow;
                  font-size: 1.5rem;
                  padding-left: 2rem;
                  border-bottom: solid 1px $white;

                  &::before {
                    content: '';
                    background: url("../img/pictos/picto_fleche_back_jaune.svg") no-repeat center left/contain;
                    display: inline-block;
                    width: 2rem;
                    height: 1rem;
                  }
                }

                > ul { // NIVEAU 1
                  height: auto;
                  visibility: visible;
                }

              }
            }
          }

        }
      }
    }*/
  /*
     * THEN DESKTOP
     */
}

.nav-container .nav-wrapper .menu-nav-header {
  /*nav {
        background-color: $darkblue;
        position: relative;

        > ul { // NIVEAU 0
          display: flex;
          color: $white;

          > li {

            > a { // LIEN NIVEAU 0
              display: flex;
              text-transform: uppercase;
              font-weight: 700;
              line-height: 1.125em;
              color: $white;
            }

            > ul { // NIVEAU 1
              padding: 0.5rem;
              background-color: $darkblue;

              > li {
                padding: 0.5rem;

                > a { // LIEN NIVEAU 1
                  display: inline-block;
                  padding: 0.125rem 0.5rem;
                  text-transform: uppercase;
                  font-weight: 700;
                  font-size: 0.75rem;
                  color: $darkblue;
                  background-color: $white;
                }

                > ul { // NIVEAU 2
                  margin: 0.5rem 0 0 0;
                  padding: 0;
                  border-left: solid 1px $white;

                  > li {
                    margin: 0;
                    padding: 0;

                    > a { // LIEN NIVEAU 2
                      margin: 0;
                      padding: 0 0.5rem !important;
                      display: inline-block;
                      font-weight: 400;
                      font-size: 0.75rem;
                      color: $white;
                    }

                    > ul { // NIVEAU 3
                      > li {
                        > a { // LIEN NIVEAU 3
                          display: inline-block;
                          font-weight: 400;
                          font-size: 0.5rem;
                          color: $white;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }*/
}

@media screen and (max-width: 1060px) {
  .nav-container .nav-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .nav-container .nav-wrapper {
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    height: auto;
    overflow: unset;
    position: relative;
    top: auto;
    left: auto;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .nav-container .nav-wrapper {
    margin-right: 3%;
    margin-left: 3%;
  }
}

@media (min-width: 768px) {
  .nav-container .nav-wrapper .menu-nav-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    /*nav {
          > ul { // NIVEAU 0
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding-top: 0;

            > li {
              padding-left: 0.25rem;

              > a { // LIEN NIVEAU 0
                flex-direction: row;
                justify-content: center;
                align-items: center;
                text-align: center;
                min-height: 3rem;
                font-size: 0.75rem;
                padding: 0 0.5rem 0 0;

                &:hover {
                  color: $yellow;
                }
              }

              & + li {
                padding-left: 0;

                > a {
                  &::before {
                    content: '\\';
                    font-weight: 200;
                    font-size: 1.75rem;
                    margin-top: -0.25rem;
                    margin-right: 0.5rem;
                  }

                  &:hover {
                    &::before {
                      color: $white;
                    }
                  }
                }
              }

              > ul { // NIVEAU 1
                padding: 0.5rem;
                background-color: $darkblue;

                > li {
                  padding: 0.5rem;

                  > a { // LIEN NIVEAU 1
                    display: inline-block;
                    padding: 0.125rem 0.5rem;
                    text-transform: uppercase;
                    font-weight: 700;
                    font-size: 0.75rem;
                    color: $darkblue;
                    background-color: $white;
                  }

                  > ul { // NIVEAU 2
                    margin: 0.5rem 0 0 0;
                    padding: 0;
                    border-left: solid 1px $white;

                    > li {
                      margin: 0;
                      padding: 0;

                      > a { // LIEN NIVEAU 2
                        margin: 0;
                        padding: 0 0.5rem !important;
                        display: inline-block;
                        font-weight: 400;
                        font-size: 0.75rem;
                        color: $white;
                      }

                      > ul { // NIVEAU 3
                        > li {
                          > a { // LIEN NIVEAU 3
                            display: inline-block;
                            font-weight: 400;
                            font-size: 0.5rem;
                            color: $white;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }

        }*/
  }
  .nav-container .nav-wrapper .menu-nav-header:before {
    content: '';
    background: url("../img/pictos/triangle_darkblue.svg") no-repeat top right/cover;
    display: block;
    width: 2rem;
  }
}

@media (min-width: 1066px) {
  .nav-container .nav-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*# sourceMappingURL=main_layout.css.map */