body.scroll-blocked { overflow-y: hidden; } 

.elnna-container-full-height{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 100vh;
  width: 100vw;
  background:#FFF;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.elnna_panel_container{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;

  position: relative;
  width: 34vw;
  background:#FFF;
  padding:2vh 5vw 4vh 5vw;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;

  color:var(--couleur1);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.16);
}

.elnna_panel_container .has-text-align-center{
  margin-bottom: 0;
}

.elnna_panel_container .has-text-align-center a{
  color:var(--couleur3);
  text-decoration: underline;
}

.elnna_panel_container img.logo{
  display: block;
  margin: 1.5rem 0 2.4rem 0;
  width: 14.7vw;
  height: auto;
}

.elnna_panel_container .forgottenlink{
  color:#A7A7A7;
  font-size: 1.1rem;
}

.elnna_panel_container .copyright{
  color:#A7A7A7;
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
  margin-top: 4.5rem;
}

.elnna_login_box{
  width: 100%;
  margin-top: 1rem;
}

#elnna_login_box_container .login-username label,
#elnna_login_box_container .login-password label{
  display: none;
}

#elnna_login_box_container .login-username input,
#elnna_login_box_container .login-password input{
  width: 100%;
  border:1px solid #A7A7A7;
  border-radius: 7px;
  padding:0.4rem 1.8rem 0.6rem 1.8rem;
  color:#A7A7A7;
  font-size: 1.3rem;
}

#elnna_login_box_container .login-remember{
  text-align: center;
  text-transform: lowercase;
}

#elnna_login_box_container .login-submit{
  text-align: center;
}

#elnna_login_box_container .login-submit #wp-submit{
  background:var(--couleur3);
  color:#FFF;
  border:none;
  padding:0.5rem 7rem 0.7rem 7rem;
  border-radius: 999em;
  margin: 2rem auto 0 auto;
  cursor: pointer;
  -webkit-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
  display: block;
}

#elnna_login_box_container .login-submit #wp-submit:hover{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


/* Popup publicité vidéo */
#elnna_popup_overlay{
  position:fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background:rgba(255,255,255,0.8);
  z-index: 1000;
  /* cursor: pointer; */
  opacity: 0;
  display: none;
}

#elnna_popup_overlay.active{
  display: block;
}

#elnna_ad_popup_video{
  position:fixed;
  top: 50vh;
  left: 50vw;
  width: 50vw;
  height: 28.525vw;
  z-index: 1001;
  transform: translate(-50%,-50%);
  cursor: pointer;
  padding:10px 10px;
  background:var(--couleur3) url(../images/spinner.svg) no-repeat center;
  background-size: 50px 50px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.20);
  display: none;
  opacity: 0;
}

#elnna_ad_popup_video.active{
  display: block;
}

#elnna_ad_popup_video .popup_close{
  position: absolute;
  right: -15px;
  top: -15px;
  color:#FFF;
  background:var(--couleur1);
  z-index: 101;
  width: 41px;
  height: 41px;
  border-radius: 41px;
  display: flex;
  font-size: 29px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.25s all;
}

#elnna_ad_popup_video .popup_close:hover{
  background:var(--couleur3);
}

#elnna_ad_popup_video .clickable-overlay{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#elnna_ad_popup_video .clickable-overlay a{
  display: block;
  height: 100%;
  width: 100%;
}

#elnna_ad_popup_video .elnna_learn_more{
  position: absolute;
  background:var(--couleur3);
  right: 0;
  bottom: 0;
  font-size: 1.8rem;
  font-family: 'FjallaOne';
  text-transform: uppercase;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.20);
  transform: translate(25px, 25px);
  overflow:hidden;
  border-radius: 8px;
  border:2px solid #FFF;
  transition:0.25s all ease-in-out;
}

#elnna_ad_popup_video .elnna_learn_more a{
  padding:0.4rem 1rem;
  display: block;
}

#elnna_ad_popup_video .elnna_learn_more:hover{
  background:var(--couleur1);
}

#elnna_ad_popup_video .elnna_learn_more,
#elnna_ad_popup_video .elnna_learn_more a{
  color:#FFF;
}

#elnna_ad_popup_video iframe{
  width: 100%;
  height:100%;  
}


/* ELNNA Popups Identification / je suis professionnel */
.elnna_system_popup{
  display: none;
  user-select: none;
}

.elnna_system_popup.active{
  display: block;
}

.elnna_popup_overlay{
  position:fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background:rgba(255,255,255,0.85);
  z-index: 1000;
  opacity: 0;
  display: none;
}

.elnna_popup_overlay.dark_overlay{
  background:rgba(0,0,0,0.85);
}

.elnna_system_popup.active .elnna_popup_overlay{
  display: block;
  opacity:0.8;
}

.elnna_popup{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  background:var(--couleur1);
  border-radius:20px;
  border-top-right-radius: 0;
  border:2px solid rgb(194, 188, 188);
  z-index:1001;
  border:1px solid #FFF;
  overflow: hidden;
  padding: 0;
}

.elnna_pop_error{
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  color:#FFF;
  background:rgb(184, 37, 37);
  width: 40%;
  padding:1rem;
  z-index: 1;
  border-radius: 5px;
  display: none;
}

.elnna_pop_error.active{
  display: block;
}

.elnna_pop_loading{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-image:url(../images/spinner.svg);
  background-repeat: no-repeat;
  background-position: 3% 95%;
  background-size: 5% auto;
  background-color:rgba(255,255,255,0.7);
  z-index: 10;
  opacity: 0;
}

.elnna_pop_loading.active{
  opacity: 1;
  width: 100%;
  height: 100%;
}

.elnna_popup_header{
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding:1rem;
  background:#FFF;
  font-family: 'FjallaOne';
}

.elnna_popup_header .logo{
  width: 153px;
  height: auto;
}

.elnna_popup_header p{
  margin-top: 1rem;
  font-weight: 500;
  font-size: 0.9rem;
  margin-bottom: 0;
}

.elnna_popup_header .close,
.elnna-notification .close{
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  background:var(--couleur1);
  opacity:1;
  width: 30px;
  height: 30px;
  border:1px solid var(--couleur1);
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.elnna-notification .close{
  right: 0px;
  top: -3px;
}

.elnna_popup_header .close::before,
.elnna_popup_header .close::after,
.elnna-notification .close::before,
.elnna-notification .close::after{
  content:"";
  width: 12px;
  height: 1px;
  background:#FFF;
  position: absolute;
  top: 13px;
  left: 8px;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.elnna_popup_header .close::before,
.elnna-notification .close::before{
  transform: rotate(-45deg);
}

.elnna_popup_header .close::after,
.elnna-notification .close::after{
  transform: rotate(45deg);
}

.elnna_popup_header .close:hover{
  background:#FFF;
}

.elnna_popup_header .close:hover::before,
.elnna_popup_header .close:hover::after{
  background:var(--couleur1);
}

.elnna_popup_content{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:1.7rem 1rem 2rem 1rem;
  color:#FFF;
  align-items: stretch;
  font-size: 1rem;
}

.elnna_popup_content h3{
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 2rem;
}

.elnna_popup_content h4{
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 1rem;
}

.elnna_popup_content a{
  color:#FFF;
}

.elnna_popup_content .tableau_inscription{
  display: flex;
  padding: 0;
  width: 100%;
}

.elnna_popup_content .tableau_inscription > *{
  flex:1;
  padding:0 1.5rem 0 1.5rem;
}

.elnna_popup_content .tableau_inscription > * + *{
  border-left:1px solid #FFF;
}

.elnna_popup_content .tableau_inscription > *{
  flex:1;
}

.elnna_popup_content .ligne_form{
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.elnna_popup_content .ligne_form label{
  flex:0.45;
  margin: 0;
  font-size: 1.2rem;
}

.elnna_popup_content .ligne_form input[type="text"],
.elnna_popup_content .ligne_form input[type="email"],
.elnna_popup_content .ligne_form input[type="password"],
.elnna_popup_content .ligne_form select{
  flex:0.65;
  border:none;
  border-radius: 5px;
  font-size: 0.9rem;
  outline:0;
  padding:0.25rem 0.5rem;
}

.elnna_popup_content .error-detected{
  position: relative;
  cursor: default;
}

.elnna_popup_content .error-detected:after{
  content:"";
  position: absolute;
  left: -3%;
  top: -15%;
  width: 106%;
  height: 130%;
  background:rgba(255,0,0,0.5);
  border-radius: 10px;
  cursor: default;
}


.elnna_popup_content input[type="checkbox"]{
	visibility: hidden;
	position: absolute;
}

.elnna_popup_content input[type="checkbox"]:not(:checked) + label,
.elnna_popup_content input[type="checkbox"]:checked + label {
	position: relative;
  cursor: pointer;
  padding-left: 2.7rem;
  margin-bottom: 0;
  min-height: 35px;
  display: flex;
  align-items: center;
}

/* Aspect de la case */
.elnna_popup_content input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 27px;
	height: 27px;
	border: 1px solid #aaa;
	background: #FFF;
	border-radius: .2em;
	margin-top: 4px;
}

/* Aspect de la coche */
.elnna_popup_content input[type="checkbox"]:not(:checked) + label:after,
.elnna_popup_content input[type="checkbox"]:checked + label:after {
	content: '✕';
	position: absolute;
	top: 17px;
	left: 4px;
	font-size: 24px;
	font-weight: 500;
	color: var(--couleur1);
	line-height: 0;
	transition: all .2s; /* Petite transition */
}

/* Aspect non cochée */
.elnna_popup_content input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
.elnna_popup_content input[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1) rotate(0);
}


.elnna_popup_content .ligne_form + *{
  margin-top: 1.25rem;
  justify-content: space-between;
}

.elnna_popup_content .btn-primary{
  border:2px solid var(--couleur3);
  font-size: 1.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.1rem;
}

.elnna_popup_content .btn_area .btn{
  display: block;
}

#elnna_popup_professionnel{
  width: 500px;
}

#elnna_popup_identification p.mentions{
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 1rem;
}

#elnna_popup_identification p.mentions + p.mentions{
  margin-top: 0.5rem;
}

#elnna_popup_identification p.mentions a{
  text-decoration: underline;
}

#elnna_subscribe_submit{
  margin-top: 1.5rem;
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  width: auto;
  display: block;
}

/* Fin ELNNA Popup Identification */

/* Enquêtes dans une popup */
ul.elnna_enquete_liste_items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.elnna_enquete_liste_items + h4{
  margin-top: 1rem;
}

ul.elnna_enquete_liste_items > li{
  width: 15.5%;
  background:#FFF;
  color:var(--couleur1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.5rem 0.75rem 0.5rem;
  margin-bottom: 1.2rem;
  cursor: pointer;
  transition: 0.3s all ease;
  border:2px solid #FFF;
}

ul.elnna_enquete_liste_items > li:hover{
  background:var(--couleur1);
  color:#FFF;
}

ul.elnna_enquete_liste_items > li.selected{
  background:var(--couleur3);
  color:#FFF;
}

ul.elnna_enquete_liste_items > li .picto{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}

ul.elnna_enquete_liste_items > li .picto svg{
  fill:var(--couleur1);
  height: 50px;
  width: auto;
  transition: 0.3s all ease;
}

ul.elnna_enquete_liste_items > li:hover .picto svg,
ul.elnna_enquete_liste_items > li.selected .picto svg{
  fill:#FFF;
}

ul.elnna_enquete_liste_items > li .lib{
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  letter-spacing: -0.04rem;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  text-align: center;
  font-weight: 600;
}

/* Fin Enquêtes dans une popup */

/* Popup elnna-popup-enquete-1 */
#elnna-popup-enquete-1 .elnna_popup{
  width: 70vw;
}

#elnna-popup-enquete-1 .elnna_popup .elnna_popup_content{
  padding-left: 2rem;
  padding-right: 2rem;
}

#elnna-popup-enquete-1 .elnna_popup_content p{
  margin-bottom: 1.7rem;
}

#elnna-popup-enquete-1 .elnna_popup_content p,
#elnna-popup-enquete-1 .elnna_popup_content h4{
  font-family: 'FjallaOne';
  font-size: 1.6rem;
  letter-spacing: 0.02rem;
}

#elnna-popup-enquete-1 .error{
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  padding:1rem;
  border-bottom-right-radius:10px;
  background:rgb(184, 37, 37);
  line-height: 1.2;
  display: none;
}

#elnna-popup-enquete-1 .error.active{
  display: block;
}


#elnna-popup-enquete-1 .btn-secondary{
  width: 100%;
  background:#FFF;
  color:var(--couleur1);
  text-transform: uppercase;
  font-family: 'FjallaOne';
  font-size: 1.7rem;
  padding: 0;
  border:2px solid #FFF;
}

#elnna-popup-enquete-1 .btn-secondary:hover{
  background:var(--couleur1);
  color:#FFF;
}
/* FIN Popup elnna-popup-enquete-1 */


/* Notifications */
.elnna-notification{
  font-family: 'FjallaOne';
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  position: fixed;
  bottom: 1.5rem;
  right: -50vw;
  z-index: 1000;
  background:var(--couleur1);
  color:#FFF;
  padding:1rem 2.5rem;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  transition: 0.6s all ease;
  -webkit-transition: 0.6s all ease;
  user-select: none;
  cursor: pointer;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
  width: 39vw;
  border:3px solid var(--couleur1);
  border-right:none;
}

.elnna-notification.active{
  right: 0;
}

.elnna-notification:hover{
  background:#FFF;
  color:var(--couleur1);
}

#elnna-notification-enquete-1{
  display: flex;
  align-items: center;
}

#elnna-notification-enquete-1.semi-hidden{
  right: -39vw;
  transform:translateX(-160px);
}

#elnna-notification-enquete-1.semi-hidden:hover{
  right: 0;
  transform:translateX(0);
}

#elnna-notification-enquete-1 .picto{
  margin-right: 20px;
}

#elnna-notification-enquete-1 .picto svg{
  fill:#FFF;
  stroke: var(--couleur1);
  width: 85px;
  height: auto;
  transition: 0.3s all ease;
}

#elnna-notification-enquete-1:hover .picto svg{
  fill:var(--couleur1);
  stroke: #FFF;
}

#elnna-notification-enquete-1 p{
  margin: 0 0 0 1rem;
}


@media (min-width: 992px) and (max-width: 1600px) {
  .elnna_panel_container{
    width: 45vw;
  }

  .elnna_panel_container .has-text-align-center{
    font-size: 1.1rem;
  }

  #elnna_login_box_container .login-username input, 
  #elnna_login_box_container .login-password input{
    font-size: 1.1rem;
  }

  .elnna_panel_container .forgottenlink{
    font-size: 1rem;
  }

  .elnna_panel_container .copyright{
    font-size: 0.9rem;
  }

  #elnna_ad_popup_video{
    width: 70vw;
    height: 39.6vw;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  .elnna_popup_header{
    padding: 0.5rem 0;
  }
  
  .elnna-notification{
    font-size: 1.2rem;
    padding:0.6rem 1.9rem;
  }

  #elnna-notification-enquete-1 .picto svg{
    width: 55px;
  }

  #elnna-notification-enquete-1.semi-hidden{
    transform:translateX(-114px);
  }

  #elnna-popup-enquete-1 .elnna_popup{
    height: 95vh;
  }

  #elnna-popup-enquete-1 .elnna_popup .elnna_popup_header{
    height: 19vh;
  }

  #elnna-popup-enquete-1 .elnna_popup_content{
    overflow: auto;
    height: 76vh;
  }

  #elnna_popup_identification h3{
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }

  #elnna_popup_identification .elnna_popup_content{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .tableau_inscription{
    font-size: 0.9rem;
  }
  
  .elnna_popup_content .ligne_form label{
    font-size: 0.9rem; 
  }

  .elnna_popup_content .ligne_form + *{
    margin-top: 0.75rem;
  }

  .elnna_popup_content .ligne_form input[type="text"],
  .elnna_popup_content .ligne_form input[type="email"],
  .elnna_popup_content .ligne_form input[type="password"],
  .elnna_popup_content .ligne_form select{
    font-size: 0.8rem;
  }

  ul.elnna_enquete_liste_items > li .picto svg{
    height: 40px;
  }

  ul.elnna_enquete_liste_items > li .lib{
    font-size: 0.8rem;
    line-height: 1.1;
  }

  #elnna-popup-enquete-1 .btn-secondary{
    margin-bottom: 2rem;
  }

}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .elnna_panel_container .has-text-align-center{
    font-size: 1rem;
  }
}


/* <= à sm -> Tablettes & Smartphones */
@media (max-width: 991px) {
  #elnna_ad_popup_video{
    width: 90vw;
    height: 50.9vw;
  }

  .elnna_popup{
    left: 50%;
    width: 90vw;
  }

  #elnna_popup_identification .elnna_popup{
    left: 2vw;
    top: 2vh;
    height: 96vh;
    width: 96vw;
    transform: none;
    display: flex;
    flex-direction: column;
  }

  .elnna_popup_header{
    text-align: center;
  }

  #elnna_popup_identification .elnna_popup_header{
    flex:0.18;
  }

  #elnna_popup_identification .elnna_popup_content{
    padding: 0;
    flex:0.82;
    overflow-y: auto;
    display: block;
  }

  #elnna_popup_identification .elnna_popup_content .tableau_inscription{
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: block;
    height: auto;
    width: auto;
  }

  .elnna_popup_content .tableau_inscription > *{
    display: block;
  }

  #elnna_popup_identification .elnna_popup_content .tableau_inscription > * + *{
    margin-top: 5vh;
    border-top:1px solid #FFF;
    padding-top: 3vh;
    border-left: none;
  }

  .elnna_popup_content h3{
    margin-bottom: 1rem;
  }

  .elnna_popup_content .btn-primary{
    max-width: 95%;
    white-space:normal;
  }


  .elnna_popup_content .tableau_inscription .ligne_form{
    flex-direction: column;
    align-items: flex-start;
  }
  .elnna_popup_content .tableau_inscription .ligne_form > *{
    flex:1;
    width: 100%;
  }
  .elnna_popup_content .ligne_form + .d-flex{
    flex-direction: column;
  }

  .elnna_popup_content .ligne_form + .d-flex .btn_area{
    margin-top: 1rem;
  }

  .elnna_popup_content .ligne_form + .d-flex .btn_area > .btn{
    max-width: 100%;
  }

  #elnna_subscribe_submit{
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }

  .elnna-notification{
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 0;
    bottom: -100%;
    font-size: 1.2rem;
    padding:0.6rem 1.9rem;
    align-items: center;
    justify-content: center;
  }
  
  .elnna-notification.active{
    bottom: 0;
  }

  #elnna-notification-enquete-1 .picto svg{
    width: 55px;
  }

  #elnna-notification-enquete-1.semi-hidden{
    left:auto;
    justify-content: flex-start;
    right: -100%;
    transform: translateX(-122px);
    border-top-left-radius: 10px;
  }

  #elnna-popup-enquete-1 .elnna_popup{
    height: 95vh;
    width: 95vw;
  }

  #elnna-popup-enquete-1 .elnna_popup .elnna_popup_header{
    height: 14vh;
  }

  #elnna-popup-enquete-1 .elnna_popup .elnna_popup_content{
    overflow: auto;
    position: relative;
    display: block;
    height: 81vh;
    align-items: center;
    padding: 2rem 1rem;
  }

  #elnna-popup-enquete-1 .elnna_popup_content p,
  #elnna-popup-enquete-1 .elnna_popup_content h4{
    font-size: 1.3rem;
  }

  ul.elnna_enquete_liste_items > li .picto svg{
    height: 40px;
  }

  ul.elnna_enquete_liste_items > li .lib{
    font-size: 0.8rem;
    line-height: 1.1;
  }

  #elnna-popup-enquete-1 .btn-secondary{
    margin-top: 1rem;
  }

}


/* sm - Tablettes */
@media (min-width: 768px) and (max-width: 991px) {

}


/* xs - Smartphones */
@media (max-width: 767px) {

  ul.elnna_enquete_liste_items > li{
    width: 47%;
  }

}


/* very xs - petits Smartphones */
@media (max-width: 480px) {

  #elnna-popup-enquete-1 .elnna_popup .elnna_popup_header{
    height: 22vh;
  }

  #elnna-popup-enquete-1 .elnna_popup .elnna_popup_content{
    height: 73vh;
  }

  ul.elnna_enquete_liste_items > li{
    padding:0.25rem 0;
  }

}