/**********/

/* COMMON */

/**********/



/* 

font-family: 'Bebas Neue', cursive;

font-family: 'Roboto', sans-serif;

*/



body {
	overflow-x: hidden;
	background: #000644;
	font-family: 'Bebas Neue', cursive;
}



html {

  /*scroll-behavior: smooth;*/

}



*:focus {

	outline: 0 !important;

	box-shadow: none !important;

}



a, button {

	transition: .25s ease-in-out;

}



a:hover { text-decoration: none; }



.tel-link { 

	pointer-events: none;

  cursor: default; 

}



.animated { opacity: 0; }



.bg-mef2021-blue {

  background-color: #0066FF;

}

.bg-mef2021-paleblue {

  background-color: #00ABE5;

}

.bg-mef2021-green {

  background-color: #24DFA5;

}

.bg-mef2021-red {

  background-color: #FF0062;

}

.bg-mef2021-purple {

  background-color: #5926D1;

}



@-webkit-keyframes bang {

  from {

    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }

@-moz-keyframes bang {

  from {

    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }

@-o-keyframes bang {

  from {

    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }

@-ms-keyframes bang {

  from {

    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }

@keyframes bang {

  from {

    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }

@-webkit-keyframes gravity {

  to {

    transform: translateY(200px);

    -moz-transform: translateY(200px);

    -webkit-transform: translateY(200px);

    -o-transform: translateY(200px);

    -ms-transform: translateY(200px);

    opacity: 0; } }

@-moz-keyframes gravity {

  to {

    transform: translateY(200px);

    -moz-transform: translateY(200px);

    -webkit-transform: translateY(200px);

    -o-transform: translateY(200px);

    -ms-transform: translateY(200px);

    opacity: 0; } }

@-o-keyframes gravity {

  to {

    transform: translateY(200px);

    -moz-transform: translateY(200px);

    -webkit-transform: translateY(200px);

    -o-transform: translateY(200px);

    -ms-transform: translateY(200px);

    opacity: 0; } }

@-ms-keyframes gravity {

  to {

    transform: translateY(200px);

    -moz-transform: translateY(200px);

    -webkit-transform: translateY(200px);

    -o-transform: translateY(200px);

    -ms-transform: translateY(200px);

    opacity: 0; } }

@keyframes gravity {

  to {

    transform: translateY(200px);

    -moz-transform: translateY(200px);

    -webkit-transform: translateY(200px);

    -o-transform: translateY(200px);

    -ms-transform: translateY(200px);

    opacity: 0; } }

@-webkit-keyframes position {

  0%, 19.9% {

    margin-top: 10%;

    margin-left: 40%; }



  20%, 39.9% {

    margin-top: 40%;

    margin-left: 30%; }



  40%, 59.9% {

    margin-top: 20%;

    margin-left: 70%; }



  60%, 79.9% {

    margin-top: 30%;

    margin-left: 20%; }



  80%, 99.9% {

    margin-top: 30%;

    margin-left: 80%; } }

@-moz-keyframes position {

  0%, 19.9% {

    margin-top: 10%;

    margin-left: 40%; }



  20%, 39.9% {

    margin-top: 40%;

    margin-left: 30%; }



  40%, 59.9% {

    margin-top: 20%;

    margin-left: 70%; }



  60%, 79.9% {

    margin-top: 30%;

    margin-left: 20%; }



  80%, 99.9% {

    margin-top: 30%;

    margin-left: 80%; } }

@-o-keyframes position {

  0%, 19.9% {

    margin-top: 10%;

    margin-left: 40%; }



  20%, 39.9% {

    margin-top: 40%;

    margin-left: 30%; }



  40%, 59.9% {

    margin-top: 20%;

    margin-left: 70%; }



  60%, 79.9% {

    margin-top: 30%;

    margin-left: 20%; }



  80%, 99.9% {

    margin-top: 30%;

    margin-left: 80%; } }

@-ms-keyframes position {

  0%, 19.9% {

    margin-top: 10%;

    margin-left: 40%; }



  20%, 39.9% {

    margin-top: 40%;

    margin-left: 30%; }



  40%, 59.9% {

    margin-top: 20%;

    margin-left: 70%; }



  60%, 79.9% {

    margin-top: 30%;

    margin-left: 20%; }



  80%, 99.9% {

    margin-top: 30%;

    margin-left: 80%; } }

@keyframes position {

  0%, 19.9% {

    margin-top: 10%;

    margin-left: 40%; }



  20%, 39.9% {

    margin-top: 40%;

    margin-left: 30%; }



  40%, 59.9% {

    margin-top: 20%;

    margin-left: 70%; }



  60%, 79.9% {

    margin-top: 30%;

    margin-left: 20%; }



  80%, 99.9% {

    margin-top: 30%;

    margin-left: 80%; } 

}







/**********/

/* HEADER */

/**********/



header {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 998;

	transition: .25s ease-in-out;

	height: 4vw;

}



header .row, header .col, header .col-auto {

	height: 100%;

}



header .logo {

	display: flex;

	width: auto;

	height: 100%;

  position: relative; 

  z-index: 9999;

}



header .tools div {

	display: inline-flex;

}



#newsletter-popup {

  position: fixed;

  width: 30vw;

  height: inherit;

  top: calc(50% - 15vw);

  left: calc(50% - 15vw);

  padding: 5rem 2rem 1rem 2rem;

  background-color: #FF0062; 

  z-index: -1;

  opacity: 0;

  transition: .25s ease-in-out;

}



#form-newsletter-popup { width:100%; }



#newsletter-popup div.wpforms-container-full .wpforms-form .wpforms-field {

	padding: 0 !important;

}



#newsletter-popup div.wpforms-container-full .wpforms-form .wpforms-submit-container {

	padding: 0 !important;

}



#newsletter-popup div.wpforms-container-full { margin-bottom: 0 !important; }



#newsletter-filter {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,.54);

  z-index: -1;

  opacity: 0;

  transition: .25s ease-in-out;

}



.noscroll { overflow: hidden; }



#newsletter-popup.showup {

  opacity: 1 !important;

  z-index: 99999 !important;

}



#newsletter-filter.showup {

  opacity: 1 !important;

  z-index: 99998 !important;

}



.btn-close, .btn-aside-close {

  width: 4vw;

  height: 4vw;

  background-color: #fff;

  padding: 1vw;

  position: absolute;

  top: 0;

  right: 0;

  cursor: pointer;

  transition: .25s ease-in-out;

}



.btn-close .cline, .btn-aside-close .cline {

  fill: #fc3366;

}



.btn-close:hover, .btn-aside-close:hover {

  background-color: #000347;

}



#newsletter-popup form {

  width: 100%;

}



#newsletter-popup input {

  width: 100%;

  border: 1px solid #fff;

  padding: .75vw 1vw;

  font-family: 'Roboto', sans-serif;

  font-size: 1vw;

  background-color: transparent;

  color: #fff;

  /*margin-bottom: 3vw;*/

}



#newsletter-popup ::placeholder {

  color: #fff;

  font-family: 'Roboto', sans-serif;

}



#newsletter-popup button,

#newsletter-popup input[type="submit"] {

  display: inline-block;

  border: 0;

  background-color: #000347;

  color: #fff;

  font-family: 'Roboto', sans-serif;

  font-size: 1rem;

  padding: 1rem;

  transition: .25s ease-in-out;

  float: right;

  width: 13rem;

  margin-bottom: 2rem;

}



#newsletter-popup button:hover {

  background-color: #80AFED;

}



#newsletter-popup .wpforms-confirmation-container-full {

	border: 0 !important;

	padding: 3rem 0 !important;

	margin: 0 !important;

	background: none !important;

}







/* Burger */



.hamburger {

	background-color: #FF0062;

  padding: 1vw 1.25vw;

  height: 100%;

  position: relative;

  z-index: 9999;

  transition: .25s ease-in-out;

}



.hamburger.is-active:hover, .hamburger:hover {

	opacity: 1;

	background-color: #0029b5;

}





.hamburger-box {

	width: 2rem;

	height: 100%;

}



.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {

	width: 100%;

	border-radius: 0;

  background-color: #fff;

  height: 2px;

}



.hamburger-inner:before {

	top: -8px;

}



.hamburger-inner:after {

	bottom: -8px;

}



.hamburger-inner {

	margin-top: 0;

}



.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {

    background-color: #fff;

}



.bluebg {

  background-color: #000347;

  display: flex;

  align-items: center;

  /*justify-content: center;*/

  justify-content: space-between;

  flex-direction: column;

}





#menubar { 
  position: relative; 
  z-index: 1000; 
}



/* Rightpanel */



#rightpanel {

	position: fixed;

	top: 0;

	z-index: 999;

	right: 100%;

	width: 100%;

	height: 100vh;

	background-color: #000347;

  width: 100%;

  transition: .5s ease-in-out;

  padding: 10vw 0 2.5vw 0;

}



#rightpanel.open {

	right: 0%;

}



.logo-burger-container {

  position: fixed;

  top: 2.5vw;

  left: 2.5vw;

}



.logo-burger {

  width: 10vw;

  display: none;

}



.mainmenu {

  width: 75%;

}



.mainmenu ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.mainmenu ul li {

  margin: 0;

  padding: 0;

}



.mainmenu ul li a {

  padding-bottom: 1vw;

  color: #fff;

  font-size: 2.5vw;

  line-height: 1;

  display: block;

  letter-spacing: 2px; 

  text-transform: uppercase; 

}



.mainmenu ul li a:hover {

  color: #FF0062;

}



.mainmenu ul li:last-child a {

  margin-bottom: 0;

}



.mainmenu-tools {

  width: 75%;

  border-top: 1px solid #fff;

 /* margin-top: 5vw;*/

  padding-top: .5vw;

  /*position: absolute;

  bottom: 2.5vw;*/

}



.mainmenu-tools a {

  color: #fff;

  font-size: 1.25rem !important;

  text-transform: uppercase;

}



.mainmenu-tools a:hover {

  color: #FF0062;

}



.mainmenu ul.small-item li a {

  font-size: 1.25rem;

}



.submenu {
  transform: scaleY(0);
  max-height: 0;
  font-size: 1.25rem;
  text-transform: initial;
  transform-origin: 0 0;
  transition: .5s ease-in-out;
  overflow: hidden;
}



.open_sm .submenu {
  transform: scaleY(1);
  max-height: 6vw;
  margin-bottom: 2vw;
}



.submenu a {

  font-size: 1.25rem !important;

}



body.contact {

  background-color: #000347;

}





/* Menu item */



.faq > a {

	font-size: 1.5rem;

	font-weight: 700;

	letter-spacing: 4px;

	color: #fff;

	padding: 1vw 1.25vw;

	text-transform: uppercase;

  background-color: #000347;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: .25s ease-in-out;

}



.faq > a:hover {

	background-color: #0029b5;

}



.mainmenu-tools .col-auto {

  padding-left: 0;

}



.mainmenu-tools .wpml-ls-statics-shortcode_actions {

  padding-top: 0;

  padding-bottom: 0;

}



.wpml-ls-current-language,

.wpml-ls-display {

  display: none !important;

}



/* footer */



footer {

  display: block;

  padding-top: 5vw;

}



#newsletter {

  border-top: 3px solid #fff;

  border-bottom: 3px solid #fff;

  padding: 2.5vw 0;

  margin: 2rem 12vw 4rem 12vw;

}



#newsletter h3 {

  color: #fff;

  font-size: 2.5vw;

  line-height: 1;

  display: block;

  letter-spacing: 2px;

  padding: 0;

  margin: 0; 

}



#newsletter form {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;  

}



#newsletter input[type="text"],

#newsletter input[type="email"] {

  width: 100%;

  border: 1px solid #fff;

  padding: 1rem;

  font-family: 'Roboto', sans-serif;

  font-size: 1rem;

  background-color: transparent;

  color: #fff;

}



#newsletter ::placeholder {

  color: #fff;

  font-family: 'Roboto', sans-serif;

}



#newsletter button,

#newsletter input[type="submit"] {

  border: 0;

  background-color: #FF0062;

  color: #fff;

  font-family: 'Roboto', sans-serif;

  font-size: .75rem;

  padding: 0.5rem 2rem;

  position: absolute;

  right: 1rem;

  transition: .25s ease-in-out;

}



#newsletter button:hover {

  background-color: #80AFED;

}



#followus {

  background-color: #FF0062;

}



#followus h4 {

  display: inline-flex;

}



.followus_social {

  display: inline-flex;

  margin-left: 2rem;

}



#followus a.footer-social {
  color: #000347;
  display: inline-block;
  text-align: center;
  padding: 1vw 0.5vw;
  line-height: 1;
  font-size: 2.25rem;
  text-transform: uppercase;
}



#followus > .row > div > a.footer-social:not(:last-child) {

  margin-right: 3rem;

}



#followus  a.footer-social:hover {

	color: #fff;

}



h4 {

  color: #000347;

  font-size: 2.5rem;

  line-height: 1;

  font-weight: 700;

  display: block;

  letter-spacing: 2px;

  padding: 0;

  margin: 0;

}



footer h4 a {

  color: #000347;

}



footer h4 a:hover {

  color: #fff;

}



.custom-container  {

  padding: 0 12vw;

}



#footer-links {
  padding: 5vw 12vw;
}

#footer-links .col-md-4 {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  position: relative;
}

#footer-links .col-md-4::after {
  content:"";
  width: 2vw;
  height: 2vw;
  background-color: #000644;
  position: absolute;
  bottom: -1vw;
  right: -1vw;
  z-index: 100;
}

#footer-links a {
  color: #fff;
  display: block;
  text-align: center;
  padding: 1.5vw 0;
  font-size: 1.5vw;
  text-transform: uppercase;
}

#footer-links a:hover {
  color: #FF0062;
}

#footer-links .link3 { border-right: 0; }
#footer-links .link4, #footer-links .link5 { border-bottom: 0; }
#footer-links .link6 { border-bottom: 0; border-right: 0; }

.nobottomborder { border-bottom: 0; }

#copyright {
  padding: 0 5vw 2.5vw 5vw;
}



#copyright p {

  font-family: 'Roboto', sans-serif;

  color: rgba(255,255,255,.3);

  font-size: .75rem;

  line-height: 1.2;

  text-transform: uppercase;  

}



/* Home */



#hero {

  position: relative;

	min-height: 100vh;

	display: flex;

  align-items: flex-end;

	padding: 12vw;

  z-index: 100;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



#hero-video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  background: black;

}



h1 {

	color: #fff;

	font-size: 5vw;

	line-height: 1;

	text-transform: uppercase;

  margin: 0;

  padding: 0;

  letter-spacing: .2vw;

}



#hero h1 span {

  display: block;

}



span.pinky-title {

	color: #FF0062;

	font-size: 2.5vw;

	line-height: 1;

	display: block;

	letter-spacing: 2px;

}



#artistes span.pinky-title {

  height: 6vw;

}



.blueky-title {

  color: #08479f !important;

}



.newyear {

	width: auto;

	height: 4vw;

	display: block;

	margin-bottom: 1rem;

}



.inner-newyear {

  width: auto;

  height: 3vw;

  margin: auto 2rem auto 0;

}



h2 {

	color: #fff;

	font-size: 3vw;

	line-height: 1;

	text-transform: uppercase;

  margin-bottom: 1vw;

}



h3 {

  color: #fff;

  font-size: 2vw;

  line-height: 1;

  text-transform: uppercase;

  margin-bottom: 1vw;

}



aside h2 {

	margin-bottom: 2rem;

}



p {

	font-family: 'Roboto', sans-serif;

	color: #fff;

	font-size: 1.2vw;

	line-height: 1.4;

  font-weight: normal;

}



aside p {

	font-size: 1rem;

	line-height: 1.5;

	text-transform: initial;

	margin-bottom: 1.5rem;

}



#fireworks {

	position: relative;

  background: linear-gradient(209deg, rgba(4,4,157,1) 0%, rgba(11,53,203,1) 28%, rgba(7,164,110,1) 84%, rgba(0,213,135,1) 100%);

	padding: 10vw 5vw 7vw 5vw;

	text-align: center;	

}



.fire {

	position: absolute;

	z-index: 1;

}



.fire img { width: 100%; }



.fire1 {

	width: 13vw;

	top: 5%;

	left: 25%;

}



.fire2 {

	width: 13vw;

	bottom: 12vw;

	left: -3%;

}



.fire3 {

	width: 18vw;

	top: 25%;

	right: 3rem;

}



#fireworks-text {

  position: relative;

  z-index: 2;

}



.blue-box-container > div:nth-child(3) a {

  color: black;

  text-decoration: underline;

  text-transform: uppercase;

  font-size: 2rem;

  transition: .25s ease-in-out;

}



.blue-box-container > div:nth-child(3) a:hover {

  color: white;

}



.blue-box-container > div:nth-child(3) .animate_div > a:not(:last-child) {

  margin-bottom: 1.5rem;

}



.blue-box {

	color: #fff;

  height: 20vw;

  overflow: hidden;

  transition: .25s ease-in-out;

}



.blue-box p {

  position: absolute;

  font-family: 'Bebas Neue', cursive;

  font-size: 3vw;

  font-weight: 400;

  transition: .5s ease-in-out;

  top: 50%;

  z-index: 1;

  transform: translateY(-50%);

}



.blue-box:hover p {

  top: 2rem;

  font-size: 1.25vw;

}



.blue-box .animate_div {

  position: relative;

  background-size: cover;

  background-position: center;

  width: 100%;

  left: 0;

  top: 100%;

  transition: .5s ease-in-out;

}



.blue-box:hover .animate_div {

  top: 0;

}



.blue-box-container > div:nth-child(1) .blue-box {

  background: linear-gradient(45deg, rgba(255,204,2,1) 0%, rgba(255,100,149,1) 75%);

}



.blue-box-container > div:nth-child(2) .blue-box {

  background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(1,65,168,1) 75%);

}



.blue-box-container > div:nth-child(3) .blue-box {

  background: linear-gradient(45deg, rgba(247,45,119,1) 0%, rgba(107,100,200,1) 75%);

}



.blue-box-container > div:nth-child(4) .blue-box {

  background: linear-gradient(45deg, rgba(0,181,118,1) 0%, rgba(0,105,250,1) 75%);

}



.blue-box-container {

  position: relative;

	padding: 5vw 0 2vw;

  z-index: 2;

}



.lined {

	font-family: 'Roboto', sans-serif;

	font-size: 1vw;

	line-height: 1;	

	color: #FF0062;

}



.lined * {

  color: #FFFFFF !important;

}



.lined .icon {

	width: 1.75rem;

  height: 1.75rem;

	display: inline-flex;

	margin-left: 1vw;

}



.addeventatc {

  box-shadow: 0 0 0 0 !important;

}



.addeventatc .icon {

  width: 1vw;

}



.lined a {

	font-family: 'Roboto', sans-serif;

	font-size: 1vw;

	line-height: 1;	

	color: #FF0062;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



.lined *:hover, .lined *:hover .cls-1, .lined *:hover span.calendar-btn {

	color: #fff !important;

	fill: #fff !important;

}



.addeventatc {

  font-family: 'Roboto', sans-serif !important;

  font-size: 1vw !important;

  line-height: 1 !important;

  font-weight: 400 !important;

  color: #FF0062 !important;

  display: flex !important;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  background: transparent !important;

  border: 0 !important;

  padding: 0 !important;

  -webkit-border-radius: 0 !important;

  border-radius: 0 !important;

  outline-color: none !important;

  text-shadow: 0 !important;

  z-index: 200 !important;

}



.calendar {

  z-index: 2;

}



#calendar_links {

  display: none;

  position: absolute;

  top: 1.5rem;

  left: 0;

}



#calendar_links > a {

  margin-bottom: .25rem;

}



.calendar:hover { color: #fff !important; }



.addeventatc .addeventatc_icon { display: none !important; }



#addeventatc1-drop {

  top: 1.5rem !important;

  left: 0 !important;

}



.st-custom-button {

  cursor: pointer;

  position: relative;

  z-index: 10;

}



.st-custom-button:hover, .st-custom-button:hover .cls-1 {

  color: #fff;

  fill: #fff !important;

}



#share-social_media {

  position: absolute;

  top: 2.5rem;

  right: 0;

  display: none;

  z-index: 10;

}



#share-social_media > a {

  background-color: white;

  padding: .35rem;

  border-radius: 50%;

  margin-bottom: .5rem;

}



#share-social_media > a > i {

  width: 1rem;

  height: 1rem;

  color: #0c2067 !important;

  font-size: 1rem;

}



.ateappleical, .ategoogle, .ateoffice365, .ateoutlook, .ateoutlookcom, .ateyahoo {

  background: none !important;

}



.addeventatc_dropdown span {

    background: transparent !important;

    font-size: .85rem !important;

    font-weight: 400 !important;

    padding: 0 !important;

    margin: .5rem 0 !important;

}



.addeventatc_dropdown {

    width: auto !important;

    padding: 0 !important;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400 !important;

    background: transparent !important;

    font-size: .85rem !important;

    margin-left: 0 !important;

    -moz-border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;

    opacity: 1 !important;

}



em { display: none !important; }



.aLine {

	display: block;

	width: 100%;

	height: 1px;

	background-color: #FFFFFF;

	margin: 0 0 0 1vw;

}



#artistes {

	margin-bottom: 5vw;

	position: relative;

  z-index: 5;

}



.artistes-container {

	padding: 5vw;

}



.cadre-content {

	width: 100%;

  max-width: 55rem;

  margin: auto;

	display: block;

	border: .5vw solid #FF0062;

	padding: 2.5vw 2.5vw 5vw 2.5vw;

  margin-bottom: .5rem;
  text-align: center;

}

.cadre-content h2 {
  text-align: center;
}



.artiste {

	padding: 0 2vw 2vw 0;

}



.artiste .overlayContainer {

	position: relative;

}



.artiste img {

	width: 100%;

}



.overlay-artiste {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(255, 51, 102, .7);

  display: flex;

  align-items: center;

  justify-content: center;

	opacity: 0;

	transition: .25s ease-in-out;  	

}



.socialOverlay {

	display: flex;

	border: 1px solid #000347;

	font-size: 1.5vw;

  color: #000347;

	padding: 1.25vw;

  transition: .25s ease-in-out;   

}



.socialOverlay:hover {

  color: #fff;

}



.sliderArtistes {

	margin-top: -8.5vw;

}



.arrow-left, .arrow-right { 

	color: #fff; 

	font-size: 3rem; 

	position: absolute; 

	bottom: 25%; 

	z-index: 100; 

}

.arrow-left { left: 1rem; }

.arrow-right { right: 1rem; }



.artiste:hover .overlay-artiste {

	opacity: 1;

}



.overlayContainer {

	margin-bottom: 1vw;

}



.toHide {

	cursor: pointer;

}



#video {

  padding: 5vw 5vw 0 5vw;

}



#video video {

  width: 100%;

}



header .logo {

  width: 10rem;

  margin: 2rem;

}



.yt_video-poster {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

}



.yt_video-poster > img {

  width: 100%;

}



.wrap-yt_video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }

.wrap-yt_video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }

.wrap-yt_video:after { content: ""; position: absolute; display: block; 

    background: url(play-button.png) no-repeat 0 0; 

    top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 

.wrap-yt_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* image poster clicked, player class added using js */

.wrap-yt_video.player img { display: none; }

.wrap-yt_video.player:after { display: none; }



#video .wrap-yt_video {

  position: relative;

  padding-bottom: 56.25%; /* 16:9 */

  height: 0;

}



#video iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.play {

  position: absolute;

}



#place-nordique {

  background: linear-gradient(180deg, #040E57 0%, #0867AD 75%);

  margin: 2.5vw 5vw;

}



#place-nordique:hover .snowed {

  width: 65%;

}



#place-nordique .snowed * {

  transition: .25s ease-in-out;

}



#place-nordique:hover .snowed * {

  transform: scale(1.1);

}



.snowed {

  background: url(https://mef.emdev.ca/wp-content/uploads/2020/11/snowed.svg) center center no-repeat;

  background-size: contain;

  width: 75%;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  transition: .25s ease-in-out;

  padding: 2.5vw 0;

}



.pn-title {

  color: #fff;

  font-size: 2.5rem;

  line-height: 1;

  text-transform: uppercase;

  margin-bottom: 1rem;

  display: block;

  transition: .25s ease-in-out;

}



.pn-img {

  display: block;

  margin-bottom: 1rem;

  transition: .25s ease-in-out;

}



.pn-date {

  color: #fff;

  font-size: 1rem;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: uppercase;  

  background-color: #FC3366;

  display: inline-block;

  padding: .75rem 1rem .5rem;

  transition: .25s ease-in-out;

}













/* Asides */



aside {

	position: fixed;

	width: 30%;

	height: 100%;

	top: 0;

	right: -30%;

	background-color: #FF0062;

	transition: .25s ease-in-out;

	padding: 5vw;

	z-index: 999999;

}



#aside1, #aside2, #aside3, #aside4 {

	display: none;

}



aside.showup {

  right: 0;

}



#aside1.showup, #aside2.showup, #aside3.showup, #aside4.showup {

	display: block;

}





/* About */



.inner-container {

  padding: 10vw 0 0 0;

}



.inner-container h1 {

  margin-bottom: 2rem;

}



.intro {

  margin: 0 12vw 5vw;

}



#about-gallery {

  margin: 5vw 8vw 0;

}



.gal-img {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 105%;

  height: 25vw;

  margin: 1rem;

  transition: .25s ease-in-out;

}



.gal-img:hover {

  background-size: 100%;

}





/* Contact */



.contact-social {

  margin-top: 2.5rem;

}



#contact .socialOverlay {

  color:#FF0062;

  border-color: #FF0062;

  display: inline-block;

}



#contact .socialOverlay:hover {

  color:#fff;

}



#contact label,

#contact .wpforms-required-label {

  color: white;

  font-weight: 200;

  text-transform: inherit;

  font-family: helvetica;

  font-size: .8rem;

}



#contact input[type="text"],

#contact input[type="email"],

#contact input[type="tel"],

#contact textarea {

  max-width: 100%;

  background-color: #fff;

  border-radius: 0;

  font-family: helvetica;

}



#contact button[type="submit"] {

  background-color: #FF0062;

  color: white;

  border: 0;

  padding: .45rem 3rem .35rem 3rem;

  font-size: 1.5rem;

  float: right;

  transition: .25s ease-in-out;

}



#contact button[type="submit"]:hover {

  background-color: #80AFED;

}



#contact div.wpforms-container-full .wpforms-form label.wpforms-error {

  color: #FF0062;

  margin-top: .2rem;

}





/* Parners */



#partners, #reserver {

  background-color: #fff;

}



#partners h1 {

  color: #000347;

}



#reserver h1 {

  color: #000347;

  margin: 0;

}



.partner-box {

  padding: 0 15vw 5vw; 

}



.partner-box .row {

  margin-right: -1rem !important;

  margin-bottom: -1rem !important; 

}



.partner-box .pinky-title {

  margin-bottom: .75rem;

}



.aPartner {

  width: 100%;

  padding: 0 1rem 1rem 0;

}







/* FAQ*/



#faq {

  background-color: #000347;

}



#accordions {

  padding: 0 12vw 5vw 12vw;

  /*column-count: 2;

  column-gap: 2rem;*/

}



.steps-accordion {

  width: 100%;

  display:inline-block;

  margin-bottom: 2.5vw;

/*

-webkit-column-break-inside: avoid;

          page-break-inside: avoid;

               break-inside: avoid;

*/

}



.accordion-title {

  color: #fff;

  text-transform: uppercase;

  font-size: 2vw;

  line-height: 1;

  border-bottom: 2px solid #FF0062;

  cursor: pointer;

  position: relative;

  padding-bottom: .5rem;

  padding-right: 2rem;

}



.accordion-title::before {

  content: url(../images/caret.svg);

  position: absolute;

  top: calc(50% - 1.5vw);

  right: 0;

  display: block;

  zoom: 75%;

  transform: rotate(-90deg);

}



.accordion-title.active {

}



.accordion-title.active::before {

  content: url(../images/caret.svg);

  position: absolute;

  top: calc(50% - 1.5vw);

  right: 0;

  transform: rotate(0);

}



.accordion-content {

  padding: 1rem 0;

}



.accordion-content p {

  font-family: 'Roboto', sans-serif !important;

  color: #fff;

  font-size: 1rem;

}



.accordion-content p.intro {

  color: #fff;

}





/* Kit Médias */



#medias {

  margin: 5vw;

}



.aMedia {

  border: 1px solid #FF0062;

  display: block;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 15vw;

  position: relative;

  margin-bottom: 2vw;

  transition: .25s ease-in-out;

}



.aMedia-title {

  color: #fff;

  font-size: 3.5vw;

  line-height: 1;

  display: block;

}



.aMedia-btn {

  display: block;

  position: absolute;

  bottom: 1vw;

  font-size: 1.5vw;

  color: #FF0062;  

}



.aMedia-btn svg {

  width: 1vw;

  margin-left: .25rem;

  transition: .25s ease-in-out;

}



.aMedia-btn {

  transition: .25s ease-in-out;

}



.aMedia:hover {

  border-color: #fff;

}



.aMedia:hover .aMedia-btn, .aMedia:hover svg .a  {

  color: #fff;

  fill: #fff !important;  

}



.aMedia:hover svg {



  transform: rotate(90deg);

}





/* Place Nordique */



.intro-pn {

  margin: 5vw 15vw;

  text-align: center;

}



.img-txt {

  margin: 0 5vw 5vw 5vw;

}



.more-padding {

  padding: 2.5vw;

  /*width: 75%;*/

}



.reverse * {

  text-align: right;

}



#installations {

  padding: 5vw;

}



.img-area {

  background-repeat: no-repeat;

  background-position: top left;

  background-size: cover;

  height: 25vw;

  margin-bottom: 2vw;

}



.intro-inst {

  margin-bottom: 2rem;

}



#infos {

  padding: 5vw;

  position: relative;

}



#infos .arrow-left {

    right: 2rem;

}



#infos .arrow-right {

    right: 2rem;

}



.arrow-left, .arrow-right {

    color: #fff;

    font-size: 3rem;

    position: absolute;

    bottom: 38%;

    z-index: 100;

}



.btn-blue {

  display: inline-block;

  border: 0;

  background-color: #000347;

  color: #fff;

  font-size: 1.5rem;

  letter-spacing: 1px;

  padding: 1.5rem;

  transition: .25s ease-in-out;

  width: auto;

  margin-bottom: 2rem;

}



.btn-blue:hover {

  background-color: #80AFED;

}



.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {

    background: transparent !important;

}



.sliderPN .slick-slide {

  margin: 0 1rem;

}







/* Pages banner */



.page-banner {

  height: 100vh;

  background-size: cover;

  background-position: center;

}



.page-banner > .row {

  height: 100%;

}



#home #hero-home img {

  width: 15rem;

}



body.page-template-evenement .page-banner {

  background-color: #0029B5;

}



body.page-template-evenement-2 .page-banner {

  background-color: #000347;

}



#t-evenement .page-banner img {

  width: 20rem;

}



#diffusion_web .col-12 div div {

  padding: 2rem 5rem;

}



#diffusion_web .col-12 div p + a {

  color: #000347;

  font-size: 1.5rem;

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

  text-decoration: underline;

  text-transform: uppercase;

}



.ff-bebas {

  font-family: 'Bebas Neue', cursive;

}



.pass_container {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-top: 5vw;

}



.pass_img img {

  width: 7vw;

  margin-right: 1rem;

}



.pass_txt p {

  margin: 0;

  padding: 0;

  color: #000347;

  font-size: .75vw;

}



.form_container {

  margin-left: 4rem;

}



#res_btn {

  position: fixed;

  top: 30vh;

  right: 0;

  width: calc(2rem + 2.5vw);

  z-index: 500;

}



.page-margin {

  padding-left: 8vw;

  padding-right: 8vw;

}



#about .intro {

  margin: 8vw 12vw;

}



.formArea {

  padding: 0 0 0 2.5vw;

}





.atc-addevent {

  font-family: 'Bebas Neue', cursive;

  color: #000347;

  font-size: 1.5rem;

  line-height: 1.4;

  background-color: transparent;

  box-shadow: none;

}



.atc-addevent:before {

  content: none;

}



.atc-addevent span {

  padding: 0;

  line-height: 1;

}



.atc-addevent:focus, .atc-addevent:hover {

  background-color: transparent !important;

}



#error404 {

  padding: 10vw 12vw 0 12vw;

}



.page-template-evenement #followus, .page-template-evenement-2  #followus, .page-template-evenement #newsletter input[type="submit"], .page-template-evenement-2 #newsletter input[type="submit"] {

  background-color: #000347;

}



.page-template-evenement footer a:hover, .page-template-evenement-2 footer a:hover {

  color: #000347 !important;

}



.wpml-ls-legacy-list-horizontal {

  padding: 0 !important;

  border: 0 !important;

}



.wpml-ls-legacy-list-horizontal a {

  padding: .5vw 0 0 0 !important;

}



#diffusion_web img {

  width: 50%;

}


/* Changements déc 2022 */

#hero-home-pause {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.menu_title {
  color: rgba(255,255,255,.5);
  font-size: 4vw;
  text-transform: uppercase;
  display: block;
  margin: 0 0 1rem 0;
}

#footer-links .link1, #footer-links .link2, #footer-links .link3 { /* Temporaire */
  border-bottom: 0; 
}

.home-hero-text-bordered {
  border: 4px solid #FF0062;
  padding: 2rem;
  width: auto;
  margin: auto;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 3vw;
  line-height: 1;
  text-transform: uppercase;
}

.hero-home-pause-logo {
  width: 20vw;
  margin: 0 0 2rem 0;
  display: block;
}

.hero-home-pause-img_banner {
  width: 25vw;
  transform: translateY(calc(-2rem - 10px));
}

.btn_txt {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  text-decoration: underline;
  font-size: 1.25vw;
  line-height: 1.2;
  width: 18vw;
  display: block;
  margin: auto;
  text-transform: uppercase;
}

.btn_txt:hover {
  color: #cd2653;
  text-decoration: underline;
}

/* cacher éléments */

#newsletter, .faq {
  display: none !important;
}