/*6.NAVIGATION.CSS*/
[id="nested"] {
  /*position: relative;*/
}
/*@media (max-width: 767px){*/
@media (max-width: 980px){
  [id="nested"] {
    display: none;
  }
}
[id="nested"] > ul {
  display: -webkit-box;
  display: flex;
  margin: 0;
  padding:9px 0;
}
[id="nested"] > ul li {
  font-size: 16px;
  font-size: 1.6rem;
  display: -ms-flexbox;
  display: -webkit-box;
  -webkit-box-pack: center;
          justify-content: center;
  display: flex;
  width: 25%;
  max-width: 25%;
  margin:auto;
}
[id="nested"] > ul li a {
    color: #FFFFFF;
    text-align:center;
    text-transform: uppercase;
    font-size: 1.6rem;
}
@media (max-width: 1280px) {
  [id="nested"] > ul li a {
    font-size: 14px; 
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  [id="nested"] > ul li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
[id="nested"] > ul li a:after{
  display:block;
  content:"";
  width:auto;
  height:5px;
  margin-top: 2.5px;
  background:#e8430C;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
  -webkit-transform-origin:center left;
          transform-origin:center left; 
  -webkit-transition:-webkit-transform 0.25s ease-in-out; 
  transition:-webkit-transform 0.25s ease-in-out; 
  transition:transform 0.25s ease-in-out; 
  transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

[id="nested"] > ul li a:hover {
  text-decoration: none;
}


[id="nested"] > ul li:hover a:after, 
[id="nested"] > ul li:active a:after,
[id="nested"] > ul li:focus a:after,
[id="nested"] > ul li.current-page-parent a:after,
[id="nested"] > ul li.current-menu-item a:after{
	-webkit-transform:scaleX(1);
	        transform:scaleX(1);
}

[id="nested"] > ul li.homeNav {
  display: none;
}


/* Spécif langues */
.langues #nested > ul li{
/*  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;*/
  -webkit-box-flex: 1;
    flex: 1;
}
  .langues #nested > ul li a{
    display: block;
    text-align: center;
    width: 100%;
    font-size: 1.6rem;
  }




/*LIEN BILLETERIE*/

#nav_menu-2 ul li.billetterie a::before{
  content: '';
  display: inline;
  background-image: url(../../images/svg/picto-billet.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 0px 50%;

  color: #FFFFFF;
  padding:10px 15px 10px 45px;
  -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;

  border-radius: 50%;
  background-color: #fff;

  text-align: center;
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #FFFFFF;
  padding: 15px;
  -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  margin-right: 10px;
}
ul li.billetterie a {
  background-color: #E8430C;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.6rem;
  height: 54px;
  margin-right: 10px;
  -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
ul li.billetterie a:hover {
  color: #E8430C;
  background-color: #FFFFFF;
  /* background-image: url(../../images/svg/picto-billet-hover.svg); */
}

ul li.billetterie a:after {display: none;}

/*LIEN PHONE*/
#nav_menu-2 ul li.phone a {
  background-color: #E8430C;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 20px;
  color: #FFFFFF;
  padding:15px;
  -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
#nav_menu-2 ul li.phone a::before{
  content: '';
  display: inline;
  background-image: url(../../images/svg/element/phone.svg);
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 5px 50%;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 20px;
  color: #FFFFFF;
  padding: 3px 15px;
  -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  margin-right: 10px;
}
#nav_menu-2 ul li.phone a:hover {
  color: #E8430C;
  background-color: #FFFFFF;
  /* background-image: url(../../images/svg/picto-billet-hover.svg);
  background-repeat: no-repeat; */
}
#nav_menu-2 ul li.phone a:after {display: none;}




/*SOUS MENU*/

[id="nested"] li:hover ul.sub-menu {
  max-height: 1500px;
}
[id="nested"] li:hover ul.sub-menu li a {
  background-color: transparent;
  color: #05374F;
}


[id="nested"] .sub-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
      align-items: flex-start;
  justify-content: space-around;
  background-color: rgba(255,255,255,0.85);
  height: auto;
  max-height: 0;
  overflow: hidden;
  padding: 0px 15px;
  position: absolute;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  z-index: 150;
  top:100%;
  left: 0%;
  margin: 0;
  width: 100%;
}
@media (max-width: 1280px) {
  [id="nested"] .sub-menu {
    /*margin: 38px 0 0;*/
  }
}
@media (max-width: 1024px) {
  [id="nested"] .sub-menu {
    /*margin: 34px 0 0;*/
    /*margin: 56px 0 0;*/
  }
}
[id="nested"] .sub-menu li {
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      flex-direction: column-reverse;
  -webkit-box-align: center;
      align-items: center;
  padding: 20px 10px;
  line-height: 1.1;
  display: inline-block;
  max-width: 16.6667%;
  margin:0;
}
[id="nested"] .sub-menu li a {
  display:block;
  background-color: transparent;
  /*color: #FFFFFF;*/
  padding: 0;
  position:relative;
  font-size:1.5rem;
  line-height: 1.4;
}
/*mediaqueries*/
@media (max-width: 1280px) {
  [id="nested"] .sub-menu li a {
    font-size:1.2rem;
    line-height: 1.3;
  }
}
/*--*/
[id="nested"] .sub-menu li a:before {
  content:"";
  display:block;
  padding-top:70px;
  background-color:transparent;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
[id="nested"] .sub-menu li a:after {display: none;}
[id="nested"] .sub-menu li a .full{
  position: relative;
  width: 90%;
  text-transform: uppercase;
  text-align:center;
}

[id="nested"] .sub-menu li a .full small{
  display: -webkit-inline-box;
  display: inline-flex;
}



[id="nested"] .sub-menu li a .full:after{
  display:block;
  content:"";
  width:auto;
  height:3px;
  margin-top: 2.5px;
  background:#e8430C;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
  -webkit-transform-origin:center left;
          transform-origin:center left; 
  -webkit-transition:-webkit-transform 0.25s ease-in-out; 
  transition:-webkit-transform 0.25s ease-in-out; 
  transition:transform 0.25s ease-in-out; 
  transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

[id="nested"] .sub-menu li a:hover .full:after,
[id="nested"] .sub-menu li a:active .full:after,
[id="nested"] .sub-menu li a:focus .full:after,
[id="nested"] .sub-menu li.current_page_item a .full:after{
  -webkit-transform:scaleX(1);
          transform:scaleX(1);
}



/*ESPACES*/
[id="nested"] > ul li.espaces .sub-menu li{
  margin:auto;
}
[id="nested"] > ul li.espaces .sub-menu li a:before {
  content:"";
  display:block;
  padding-top:100%;
  background-color:transparent;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
[id="nested"] > ul li.espaces .sub-menu li  a .full{
  position: absolute;
  top:90%;
  left:50%;
  -webkit-transform: translate(-50%,-90%);
          transform: translate(-50%,-90%);
} 

[id="nested"] > ul li.espaces .sub-menu li a{
  color: #FFFFFF;
}
[id="nested"] > ul li.espaces .sub-menu li a:before{
  background-color:#000000;
  background-position: 50% 50%;
  background-size:cover;
}
[id="nested"] > ul li.espaces .sub-menu li a .full{
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

[id="nested"] > ul li.espaces .sub-menu li.titanic small{
  /*font-weight: 300;
  text-transform: none;*/
  display: inline-block;
  padding: 5px 10px;
  background-color: #e8430C;
  color: #FFFFFF;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 5px;
  position: absolute;
  top: -125%;
  left: 50%;
  -webkit-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
  width: 100%;
}
body.pages-espace .raccourci.shortcut-4 figcaption > h2 > small > small > small{
  font-size: 1.2rem;
}


/*SPECIFIQUE OCEAN DU FUTUR*/
[id="nested"] > ul li.espaces .sub-menu li.ocean a .full small,
[id="nested"] > ul li .sub-menu li.expo a .full small,
[id="nested"] > ul li .sub-menu li.sous a .full small{
  display: inline-block;
  padding:5px 10px;
  background-color:#e8430C;
  color:#FFFFFF;
  font-size:1.2rem;
  text-transform: uppercase;
  margin-bottom: 5px;

  position: absolute;
  bottom:-125%;
  left:50%;
  -webkit-transform: translate(-50%,0%);
          transform: translate(-50%,0%);
  width: 100%;
}
[id="nested"] > ul li.espaces .sub-menu li.ocean a .full,
[id="nested"] > ul li .sub-menu li.expo a .full {
  height: 40px;
}

/**/






/*-----*/

/*-----------------*/
/*NAVIGATION TOP*/
/*----------------*/
[id="topNav"] {
  padding: 15px 10px;
}
@media (max-width: 995px) {
  #topNav {
    padding: 15px 0px;
  }
}
/*@media (max-width: 767px){*/
@media (max-width: 980px){
  #topNav {
    display: none;
  }
}
[id="topNav"] [id="menu-top-menu"] {
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      align-items: center;
}
[id="topNav"] [id="menu-top-menu"] li {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 0 2%;
}

[id="topNav"] [id="menu-top-menu"] a{
  padding: 0 5px;
  color: #FFFFFF;
  text-transform: none;
  font-weight: 400;
}
@media (max-width: 1280px) {
  [id="topNav"] [id="menu-top-menu"]  a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
[id="topNav"] [id="menu-top-menu"] a:after{
  display:block;
  content:"";
  width:auto;
  height:3px;
  margin-top: 2.5px;
  background:#ffffff;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
  -webkit-transform-origin:center left;
          transform-origin:center left; 
  -webkit-transition:-webkit-transform 0.25s ease-in-out; 
  transition:-webkit-transform 0.25s ease-in-out; 
  transition:transform 0.25s ease-in-out; 
  transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
[id="topNav"] [id="menu-top-menu"] a:hover:after, 
[id="topNav"] [id="menu-top-menu"] a:active:after,
[id="topNav"] [id="menu-top-menu"] a:focus:after{
	-webkit-transform:scaleX(1);
	        transform:scaleX(1);
}
[id="topNav"] [id="menu-top-menu"]  li.current-page-parent a,
[id="topNav"] [id="menu-top-menu"] li.current-menu-item a {
  -webkit-transform:scaleX(1);
          transform:scaleX(1);
}

#topNav #menu-you-are {
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
      align-items: center;
}
#topNav #menu-you-are li {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 2px;
}
#topNav #menu-you-are li span {
  font-style: italic;
}
@media (max-width: 995px) {
  #topNav #menu-you-are li span {
    display: none;
  }
}
@media (max-width: 995px) {
  #topNav #menu-you-are li {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 2px 0 0;
  }
}
#topNav #menu-you-are li a {
  padding: 2.5px 5px;
  color: #000000;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#topNav #menu-you-are li a:hover {
  background-color: #fee53d;
  background-color: #fee53d;
  text-decoration: none;
}
#topNav #menu-you-are li.last {
  -webkit-box-flex: 2;
      flex-grow: 2;
  text-align: right;
}
#topNav #menu-you-are li.last a {
  background-color: transparent;
}
@media (max-width: 995px) {
  #topNav #menu-you-are li.last {
    -webkit-box-flex: 1;
        flex-grow: 1;
    text-align: left;
  }
}
#topNav #menu-you-are li.current-page-parent a,
#topNav #menu-you-are li.current-menu-item a {
  background-color: #fee53d;
  background-color: #fee53d;
}

/*6.FIN NAVIGATION.CSS*/