@import url(/lae/public1.0/css/fonts.css);
@import url(https://use.typekit.net/paj2afk.css);

.aTransition a {
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

html {
  /*background:#202020; */
}

#ecranUser {
  position: relative;
  min-width: 980px;
}

/* Medias photos & diapo dans bloc info article */

.article figcaption {
  display: none;
}

.article img {
  max-width: 100%;
}

.article figure.image-droite {
  float: right;
  max-width: 590px;
  right: 20px;
  margin-bottom: 20px;
}

.article figure.image-gauche {
  float: left;
  max-width: 590px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.article div.diaporamaLaetis {
  height: 395px;
  position: relative;
}

div.diaporamaLaetis[data-align="gauche"] {
  float: left;
  width: 590px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.diapo-align-gauche {
  float: left;
  width: 590px;
  margin-right: 20px;
  margin-bottom: 20px;
}

div.diaporamaLaetis[data-align="droite"] {
  float: right;
  width: 590px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.diapo-align-droite {
  float: right;
  width: 590px;
  margin-left: 20px;
  margin-bottom: 20px;
}

/**
 * HEADER
 **/

header {
  height: 110px;
  background: #6da67b;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  box-shadow: 0 0 5px #202020;
  background:   #6da67b;;
}
header .centree:after {
  content: "";
  position: absolute;
  right: -50px;
  background: url(../img/site/scintillement.png) no-repeat 0 0;
    background-size: auto;
  background-size: 40px;
  width: 40px;
  height: 60px;
  top: 10px;
}
header.showMenu {
  height: 252px;
}

#headerSearchForm {
  background: transparent;
  z-index: 10;
  width: 220px;
  border-radius: 20px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  border: solid 1px #fff;
  overflow: hidden;
  color: #fff;
}

#headerSearchForm.active {
  right: 0px;
  visibility: visible;
  opacity: 1;
}

#headerSearchForm input {
  background: none;
  background-color: transparent;
  border: none;
  outline: 0;
  font-family: 'futura-pt',Arial;
  font-size: 15px;
  color: #fff;
}
#headerSearchForm input::placeholder{
  color: #fff;
  opacity: 1;
}
#headerSearchForm input.s {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0 15px;
}

#headerSearchForm input.b {
  display: block;
  width: 40px;
  line-height: 40px;
  float: right;
  height: 40px;

}

#titreP {
  background: url(../img/site/logo-ardenne-belge.svg) no-repeat center left;
  /*background: url(../img/site/logo-ardenne-belge.png) no-repeat center left;*/
  /*background: url(../img/site/logo.png) no-repeat center center;*/
  width: 291px;
  height: 110px;
  display: block;
  padding: 0px;
  margin: 0 0 0 0;
  float: left;
  position: relative;
  z-index: 100;
}

#titreP a {
  width: 100%;
  height: 100%;
  display: block;
}

header .outils {
  float: right;
  position: relative;
  z-index: 100;
}

header .outils li,
header .outils li a {
  font-family: 'futura-pt', Arial;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: block;
  line-height: 50px;
  font-weight: 400;
}

header .outils li a.colored {
  color: #73941c;
}

header .outils li {
  color: #FFF;
}

header .outils li:hover a {
  color: #FFF;
}

header .outils .langues,
header .outils .liens {
  padding: 0px;
  margin: 0px;
  display: inline-block;
}

header .outils .langues li,
header .outils .liens li {
  display: inline-block;
  position: relative;
}

header .outils .langues {
  margin: 0 5px 0 20px;
}

header .outils .langues .active {
  background: url("../img/site/picto-langues-select.png") no-repeat right center;
  padding-right: 15px;
  display: block;
}

header .outils .langues .sousMenu {
  display: none;
  position: absolute;
  left: -10px;
  top: 35px;
  z-index: 99999;
  background: #6da67b;
  padding: 0 17px 0 10px;
  height: 70px;
}

header .outils .langues li:hover a {
  color: #fff;
}

header .outils .langues .sousMenu li a:hover {
  color: #FFF;
}

header .outils .langues .sousMenu li,
header .outils .langues .sousMenu li a {
  line-height: 15px;
  display: block;
  padding: 0;
}

header .outils .langues:hover .sousMenu {
  display: block;
}

header .outils .langues li a {
  padding: 0px 2px 0px 2px;
}

header .outils .liens li a {
  padding: 0px 15px 0px 15px;
}

header .outils .liens li.select {
  background: url(../img/site/header_liens-fleche.png) no-repeat right center;
  padding-right: 0px;
  margin-right: 10px;
}

header .outils .liens li.select ul {
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  width: 170px;
  height: 60px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  background: #202020;
  background: rgba(0, 0, 0, 0.50);
  position: absolute;
  right: -15px;
  top: 40px;
  padding: 0px;
  margin: 0px;
  z-index: 1;
}

header .outils .liens li.select:hover ul {
  visibility: visible;
  opacity: 1;
}

header .outils .liens li.select ul li {
  display: block;
  text-align: right;
}

header .outils .liens li.select ul li a {
  color: #FFF;
  line-height: normal;
}

header .outils .liens .carte,
header .outils .liens .favoris {
  width: 19px;
  height: 18px;
  display: block;
  padding: 0px 10px;
  line-height: 50px;
}

header .outils .liens .carte {
  background: url(../img/site/header_picto-carte.png) no-repeat center center;
}

header .outils .liens .favoris {
  background: url(../img/site/header_picto-coeur.png) no-repeat center center;
  position: relative;
}

header .outils .liens .favoris #tfoCarnetSynthese {
  position: absolute;
  display: block;
  width: 19px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #010101;
  font-family: 'futura-pt',Arial;
  font-size: 10px;
}

header .outils .tools {
  display: inline-block;
  text-align: right;
  padding: 0px;
  margin: 0px;
  float:left;
  padding-top:7px;
  /*position: absolute;
  right: 0px;
  top: 65px;*/
}

header .outils .tools li {
  display: inline-block;
}

header .outils .tools .rechercher,
header .outils .tools .carte,
header .outils .tools .favoris {
  width: 19px;
  width: 19px;
  height: 18px;
  display: block;
  margin: 0px 5px;
}

header .outils .tools li a:hover {
  opacity: 0.8;
}

header .outils .tools .rechercher {
  background: url(../img/site/header_picto-loupe.png) no-repeat center center;
}

header .outils .tools .carte {
  background: url(../img/site/header_picto-carte.png) no-repeat center center;
}

header .outils .tools .favoris {
  background: url(../img/site/header_picto-coeur.png) no-repeat center center;
  position: relative;
}

header .outils .tools .favoris #tfoCarnetSynthese {
  position: absolute;
  display: block;
  width: 19px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #010101;
  font-family: 'futura-pt',Arial;
  font-size: 10px;
}

/**
 * NAVIGATION
 **/
header {
  position: relative;
  padding: 0 0 3px 0;
}

header nav {
  /*float:right;
  margin-right:125px;*/
  position: absolute;
  width: 50%;
  height: 60px;
  top: 50px;
  left: 0;
  padding: 0px 0px 0px 50%;
}

#menu {
  margin: 0px 0px 0px -230px;
}

#menu li {
  display: inline-block;
}

#menu li.menu-niveau1-actif a.lien-niveau1,
#menu li.menu-niveau1 a.lien-niveau1 {
  font-family: 'futura-pt',Arial;
  font-size: 18px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 19px 10px 19px;
  line-height: 40px;
  display: block;
  font-weight: 700;  
}



#menu li.menu-niveau1:hover a.lien-niveau1,
#menu li.menu-niveau1-actif a.lien-niveau1 {
  color: #fff;
}

#menu li.menu-niveau1-actif.opened,
#menu li.menu-niveau1.opened {
  color: #FFF;
  
}

#menu li.menu-niveau1-actif.opened a.lien-niveau1,
#menu li.menu-niveau1.opened a.lien-niveau1 {
  color: #FFF;
}
#menu li.menu-niveau1:hover a.lien-niveau1:after,
#menu li.menu-niveau1-actif.opened a.lien-niveau1:after,
#menu li.menu-niveau1.opened a.lien-niveau1:after {
  content:'';
  width: 70%;
  height: 2px;
  background: #fff;
  margin: 0 auto;
  display: block;
}
#menu li.menu-niveau1:hover a.lien-niveau1,
#menu li.menu-niveau1-actif.opened a.lien-niveau1,
#menu li.menu-niveau1.opened a.lien-niveau1 {
 /* font-weight: bold;*/
}
#menu .contener-niveau2 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 9999999;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

/*#menu li.menu-niveau1-actif:hover .niveau2,
#menu li.menu-niveau1:hover .niveau2,*/
#menu li.menu-niveau1-actif.opened .contener-niveau2,
#menu li.menu-niveau1.opened .contener-niveau2 {
  display: block;
}

#menu .niveau2 .menu-niveau2 {
  height: 145px;
  padding: 0% 0% 0% 0%;
}

#menu .niveau2 .menu-niveau2-actif .lien-niveau2,
#menu .niveau2 .menu-niveau2 .lien-niveau2 {
  height: 55px;
  width: 100%;
  display: block;
  font-family: 'futura-pt', Arial;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  color: #FFF;
  padding: 90px 0px 0px 0px;
  text-align: center;
}

#menu .niveau2 .menu-niveau2:hover .lien-niveau2,
#menu .niveau2 .menu-niveau2-actif .lien-niveau2 {
  color: #fff;
  font-family: 'futura-pt bold', Arial;
}

#menu .contener-niveau2.nbCol_1 div,
#menu .contener-niveau2.nbCol_2 div,
#menu .contener-niveau2.nbCol_3 div,
#menu .contener-niveau2.nbCol_4 div,
#menu .contener-niveau2.nbCol_5 div,
#menu .contener-niveau2.nbCol_6 div,
#menu .contener-niveau2.nbCol_7 div {
  max-width: 1280px;
  margin: auto;
}

#menu .niveau2.nbCol_3 .menu-niveau2-actif,
#menu .niveau2.nbCol_3 .menu-niveau2 {
  width: 33%;
}

#menu .niveau2.nbCol_4 .menu-niveau2-actif,
#menu .niveau2.nbCol_4 .menu-niveau2 {
  width: 24%;
}

#menu .niveau2.nbCol_5 .menu-niveau2-actif,
#menu .niveau2.nbCol_5 .menu-niveau2 {
  width: 15%;
  padding: 0 2.5%;
  float: left;
}

#menu .niveau2.nbCol_6 .menu-niveau2-actif,
#menu .niveau2.nbCol_6 .menu-niveau2 {
  width: 13%;
  padding: 0 1.5%;
  float: left;
}

#menu .niveau2.nbCol_7 .menu-niveau2-actif,
#menu .niveau2.nbCol_7 .menu-niveau2 {
  width: 11%;
  padding: 0 1.6%;
  float: left;
}

#menu .niveau2.nbCol_8 .menu-niveau2-actif,
#menu .niveau2.nbCol_8 .menu-niveau2 {
  width: 10%;
  padding: 0 1.2%;
  float: left;
}

#menu .niveau2.nbCol_9 .menu-niveau2-actif,
#menu .niveau2.nbCol_9 .menu-niveau2 {
  width: 9%;
  padding: 0 1%;
  float: left;
  /*max-width:125px;*/
}

#menu .niveau2.nbCol_10 .menu-niveau2-actif,
#menu .niveau2.nbCol_10 .menu-niveau2 {
  width: 8%;
  padding: 0 1%;
  float: left;
  /*max-width:125px;*/
}

#menu .niveau2.nbCol_11 .menu-niveau2-actif,
#menu .niveau2.nbCol_11 .menu-niveau2 {
  width: 7%;
  padding: 0 1%;
  float: left;
  /*max-width:125px;*/
}
#menu .niveau2 .menu-niveau2:hover .lien-niveau2{
  /*filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));*/

}

/** pictos **/

/* je decouvre */
#menu-ergo_incont,
#menu .niveau2 #ergo_incont .lien-niveau2 {
  background: url(../img/menu/decouvrir-incontournables.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_visiter,
#menu .niveau2 #ergo_visiter .lien-niveau2 {
  background: url(../img/menu/decouvrir-visiter.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_famille,
#menu .niveau2 #ergo_famille .lien-niveau2 {
  background: url(../img/menu/decouvrir-famille.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_insp,
#menu .niveau2 #ergo_insp .lien-niveau2 {
  background: url(../img/menu/decouvrir-inspiration.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_balades,
#menu .niveau2 #ergo_balades .lien-niveau2 {
  background: url(../img/menu/bouger-a-pied.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_velo,
#menu .niveau2 #ergo_velo .lien-niveau2 {
  background: url(../img/menu/bouger-a-velo.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_cheval,
#menu .niveau2 #ergo_cheval .lien-niveau2 {
  background: url(../img/menu/bouger-a-cheval.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_sports,
#menu .niveau2 #ergo_sports .lien-niveau2 {
  background: url(../img/menu/bouger-sport.png) no-repeat center 15px;
  background-size: 85px;
}
/* j organise */
#menu-ergo_commentVen,
#menu .niveau2 #ergo_commentVen .lien-niveau2 {
  background: url(../img/menu/pratique-comment-venir.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_th,
#menu .niveau2 #ergo_th .lien-niveau2 {
  background: url(../img/menu/pratique-tourisme-et-handicap.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_brochures,
#menu .niveau2 #ergo_brochures .lien-niveau2 {
  background: url(../img/menu/pratique-publications.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_accueilT,
#menu .niveau2 #ergo_accueilT .lien-niveau2 {
  background: url(../img/menu/pratique-accueil-touristique.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_contact,
#menu .niveau2 #ergo_contact .lien-niveau2 {
  background: url(../img/menu/pratique-contact.png) no-repeat center 15px;
  background-size: 85px;
}
#menu-ergo_nous,
#menu .niveau2 #ergo_nous .lien-niveau2 {
  background: url(../img/menu/pratique-qui-sommes-nous.png) no-repeat center 15px;
  background-size: 85px;
}
/** DORMIR **/
#menu-ergo_hotels,
#menu .niveau2 #ergo_hotels .lien-niveau2 {
  background: url(../img/menu/dormir-hotel.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_chambres,
#menu .niveau2 #ergo_chambres .lien-niveau2 {
  background: url(../img/menu/dormir-chambre-hote.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_campings,
#menu .niveau2 #ergo_campings .lien-niveau2 {
  background: url(../img/menu/dormir-camping.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_villages-vacance,
#menu .niveau2 #ergo_villages-vacance .lien-niveau2 {
  background: url(../img/menu/dormir-centre-vacances.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_gites,
#menu .niveau2 #ergo_gites .lien-niveau2 {
  background: url(../img/menu/dormir-gite.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_motorhomes,
#menu .niveau2 #ergo_motorhomes .lien-niveau2 {
  background: url(../img/menu/dormir-motorhome.png) no-repeat center 15px;
  background-size: 85px;
}
/** MANGER **/
#menu-ergo_restaurants,
#menu .niveau2 #ergo_restaurants .lien-niveau2 {
  background: url(../img/menu/manger-resto.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_gastronomie,
#menu .niveau2 #ergo_gastronomie .lien-niveau2 {
  background: url(../img/menu/manger-gastronomie.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_barbecues,
#menu .niveau2 #ergo_barbecues .lien-niveau2 {
  background: url(../img/menu/manger-piquenique.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_chef,
#menu .niveau2 #ergo_chef .lien-niveau2 {
  background: url(../img/menu/manger-chef.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_recettes,
#menu .niveau2 #ergo_recettes .lien-niveau2 {
  background: url(../img/menu/manger-recette.png) no-repeat center 15px;
  background-size: 85px;
}

#menu-ergo_bars,
#menu .niveau2 #ergo_bars .lien-niveau2 {
  background: url(../img/menu/manger-bar-et-cafe.png) no-repeat center 15px;
  background-size: 85px;
}

/** EVENEMENTS **/
#menu-ergo_even_ce-we,
#menu .niveau2 #ergo_even_ce-we .lien-niveau2 {
  background: url(../img/menu/picto_ceWe.png) no-repeat center 30px;
}

#menu-ergo_even_cette-semaine,
#menu .niveau2 #ergo_even_cette-semaine .lien-niveau2 {
  background: url(../img/menu/picto_cetteSem.png) no-repeat center 30px;
}

#menu-ergo_even_sem-proch,
#menu .niveau2 #ergo_even_sem-proch .lien-niveau2 {
  background: url(../img/menu/picto_semProch.png) no-repeat center 30px;
}

#menu-ergo_even,
#menu .niveau2 #ergo_even .lien-niveau2 {
  background: url(../img/menu/picto_even.png) no-repeat center 30px;
}

/**
 * DIAPORAMA ACCUEIL
 **/

#diaporamaAccueil,
#diaporamaAccueil .diaporamaLaetis,
#diaporamaAccueil .rsOverflow,
#diaporamaAccueil .rsSlide {
  background: #2E2E2E;
  background-color: #2E2E2E;
}

#diaporamaAccueil .cmBlocInfoEncadre,
#diaporamaAccueil .diaporamaLaetis,
#diaporamaAccueil {
  width: 100%;
  height: 635px;
  overflow: hidden;
}

#diaporamaAccueil .rsDefault .rsArrowIcn {
  background: none;
  height: 95px;
  width: 48px;
  margin-left: -23px;
  margin-top: -45px;
}

#diaporamaAccueil .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background: url(../img/site/diaporama_picto-prec.png) no-repeat left center;
}

#diaporamaAccueil .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background: url(../img/site/diaporama_picto-suiv.png) no-repeat right center;
}

#diaporamaAccueil .rsABlock {
  width: auto;
  background: none;
  left: 10%;
  top: 50px;
  bottom: auto;
}

#diaporamaAccueil .rsABlock.xGauche {
  left: 10%;
  right: auto;
}

#diaporamaAccueil .rsABlock.xDroite {
  left: auto;
  right: 10%;
}

#diaporamaAccueil .rsABlock.yHaut {
  top: 50px;
  bottom: auto;
}

#diaporamaAccueil .rsABlock.yBas {
  top: auto;
  bottom: 50px;
}

#diaporamaAccueil .diaporamaLaetis .rsABlock h6 {
  font-family: 'futura-pt',Arial;
  font-size: 48px;
  color: #FFF;
  line-height: 51px;
  text-align: left;
  text-shadow: 0px 0px 10px #000;
}

#diaporamaAccueil .rsABlock .descContener {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  padding: 10px 10px;
  text-align: left;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px 0px 20px 0px;
  max-width: 400px;
  z-index: 0;
}

#diaporamaAccueil .rsABlock .descContener.opened {
  visibility: visible;
  opacity: 1;
}

#diaporamaAccueil .rsABlock .extendInfos {
  background: url(../img/site/diaporama_picto-plus.png) no-repeat center center;
  width: 32px;
  height: 32px;
  display: block;
  /*position:absolute;
  left:100px;
  bottom:0px;*/
  float: right;
  border: solid 1px #FFF;
  border-radius: 50%;
  margin-top: 10px;
  z-index: 1;
}

#diaporamaAccueil .rsABlock .extendInfos:hover {
  animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite;
  animation-delay: -@loop / 1;
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(.8, .8);
  }

  100% {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(.8, .8);
  }

  100% {
    transform: scale(1, 1);
  }
}

#diaporamaAccueil .rsABlock.xGauche .descContener {
  margin-left: 0px;
}

#diaporamaAccueil .rsABlock.yHaut .descContener {
  top: 100px;
}

.dynamicButtons {
  background: #5a9a28;
  background: rgba(76, 151, 27, .85);
  font-family: 'futura-pt', Arial;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.dynamicButtons .fleche {
  background: url(../img/site/diaporama_fleche-boutton.png) no-repeat left top;
  width: 13px;
  height: 7px;
  display: block;
  position: absolute;
  top: 100%;
  right: 20px;
  margin-right: 10px;
}

.rsABlock .dynamicButtons.dynamicButtons1 .fleche {
  transform: rotate(180deg);
  top: -7px;
  right: 20px;
}

.rsABlock .dynamicButtons.dynamicButtons2 .fleche {
  top: 100%;
  right: auto;
  left: 20px;
}

/*.rsABlock .dynamicButtons.dynamicButtons0 { left:110%; top:0%;  }
.rsABlock .dynamicButtons.dynamicButtons1 { left:140%; top:50%;   }
.rsABlock .dynamicButtons.dynamicButtons2 { left:50%; top:110%;   }
.rsABlock.xGauche .dynamicButtons.dynamicButtons0 { left:110%;  }
.rsABlock.xGauche .dynamicButtons.dynamicButtons1 { left:140%;   }
.rsABlock.xGauche .dynamicButtons.dynamicButtons2 { left:50%;  }
.rsABlock.yHaut .dynamicButtons.dynamicButtons0 { top:0%;  }
.rsABlock.yHaut .dynamicButtons.dynamicButtons1 { top:50%;   }
.rsABlock.yHaut .dynamicButtons.dynamicButtons2 { top:110%;   }
.rsABlock.xDroite .dynamicButtons.dynamicButtons0 { right:140%; left:auto; }
.rsABlock.xDroite .dynamicButtons.dynamicButtons1 { right:50%; left:auto; }
.rsABlock.xDroite .dynamicButtons.dynamicButtons2 { right:50%; left:auto; }
.rsABlock.yBas .dynamicButtons.dynamicButtons0 { bottom:50%; top:auto; }
.rsABlock.yBas .dynamicButtons.dynamicButtons1 { bottom:150%; top:auto; }
.rsABlock.yBas .dynamicButtons.dynamicButtons2 { bottom:110%; top:auto; }*/

.dynamicButtons.disabled {
  /*left:40%!important;
  top:40%!important;
  right:auto!important;
  bottom:auto!important;*/
  visibility: hidden !important;
  opacity: 0 !important;
}

/**
 * CONTENU
 **/

#content {
  min-height: 50px;
}

.centree {
  margin: 0 auto;
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 1280px;
  min-width: 980px;
}

#searchBloc {
  height: 90px;
  width: 100%;
  background: url(../img/site/search-backgr.gif) repeat-x center top;
  padding: 15px 0 0 0;
}

#searchBloc .searchForm {
  background: #FFF;
  width: 635px;
  height: 75px;
  margin: auto;
}

#searchBloc .searchForm .recherche {
  border: none;
  width: 420px;
  float: left;
  height: 75px;
  background: none;
  line-height: 75px;
  color: #666;
  font-family: 'futura-pt', Arial;
  font-weight: 400;
  padding: 0 25px;
  font-size: 14px;
}

#searchBloc .searchForm .recherche::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #aaaaaa;
}

#searchBloc .searchForm .recherche:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #aaaaaa;
  opacity: 1;
}

#searchBloc .searchForm .recherche::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
}

#searchBloc .searchForm .recherche:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #aaaaaa;
}

#searchBloc .searchForm .submit {
  background: #272727 url(../img/site/picto_rechercher.png) no-repeat center center;
  width: 165px;
  height: 75px;
  display: block;
  float: right;
  border: none;
  color: #FFF;
  font-family: 'futura-pt', Arial;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
}

#owlCarouselAccueil {
  height: 368px;
  /*width:95%;
  padding-right:5%;*/
  width: 100%;
  visibility: hidden;
  display: block;
  background: #202020;
  overflow: hidden;
  /*min-width:980px;*/
  position: relative;
}

#owlCarouselAccueil .owl-controls {
  top: 0px;
  position: absolute;
  width: 100%;
}

#owlCarouselAccueil .owl-controls .owl-buttons .owl-prev {
  width: 25px;
  height: 41px;
  position: absolute;
  top: 175px;
  left: 10px;
  background: url(../img/site/owl_prev.png) no-repeat top center;
}

#owlCarouselAccueil .owl-controls .owl-buttons .owl-next {
  width: 25px;
  height: 41px;
  position: absolute;
  top: 175px;
  right: 10px;
  background: url(../img/site/owl_next.png) no-repeat top center;
}

#owlCarouselAccueil .owl-item {
  height: 368px;
  width: 368px;
  /*!important;*/

}

#owlCarouselAccueil .owl-item img {
  width: 100%;
  min-width: 368px;
}

.owl-carousel .owl-wrapper-outer {
  overflow: visible !important;
}

#owlCarouselAccueil h2 {
  position: absolute;
  top: 25px;
  right: 25px;
  height: 120px;
  width: 140px;
  border-radius: 50%;
  color: #FFF;
  font-family: 'futura-pt',Arial;
  font-weight: 400;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  padding: 20px 0 0 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

#owlCarouselAccueil h2 span {
  font-size: 18px;
  border-bottom: dotted 1px #FFF;
  width: 85px;
  margin: auto;
  display: block;
}

#owlCarouselAccueil h2.vert {
  background: #8f9c00;
  background: rgba(143, 156, 0, 0.8);
}

#owlCarouselAccueil h2.bleu {
  background: #006396;
  background: rgba(0, 99, 150, 0.8);
}

#owlCarouselAccueil h2.marron {
  background: #ae8d5d;
  background: rgba(174, 141, 93, 0.8);
}

#owlCarouselAccueil h2.blanc {
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
}

#owlCarouselAccueil h2.gris {
  background: #FFF;
  background: rgba(77, 77, 77, 0.8);
}

#owlCarouselAccueil .owl-item:hover h2.vert {
  background: #8f9c00;
}

#owlCarouselAccueil .owl-item:hover h2.bleu {
  background: #006396;
}

#owlCarouselAccueil .owl-item:hover h2.marron {
  background: #ae8d5d;
}

#owlCarouselAccueil .owl-item:hover h2.blanc {
  background: #ae8d5d;
}

#owlCarouselAccueil .owl-item:hover h2.gris {
  background: #4d4d4d;
}

#owlCarouselAccueil .owl-item:hover h2 {
  /*height:130px;
  width:150px;
  top:20px;
  right:20px;
  padding:25px 0 0 0;
  -ms-transform: rotate(5deg); 
  -webkit-transform: rotate(5deg); 
  transform: rotate(5deg);*/
}

#bandeauConcours {
  background: #2e2e2e url(../img/site/bandeau_concours.jpg) no-repeat center center;
  height: 158px;
  width: 100%;
  text-align: center;
}

#bandeauConcours h2 {
  color: #ac8c33;
  font-family: 'futura-pt',Arial;
  font-weight: 300;
  font-size: 42px;
  line-height: 42px;
  margin: 0;
  padding: 20px 0 0 0;
}

#bandeauConcours h3 {
  color: #FFF;
  font-family: 'futura-pt',Arial;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  margin: 0;
  padding: 0 0 10px 0;
}

#bandeauConcours a.jeParticipe {
  color: #FFF;
  font-family: 'futura-pt', Arial;
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  background: url(../img/site/fond_btn_concours.gif) repeat-x center top;
  display: inline-block;
  text-align: center;
  width: 206px;
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
}

#bandeauConcours a.jeParticipe:hover {
  opacity: 0.9;
  font-size: 19px;
}

#bandeauConcours h2,
#bandeauConcours h3,
#bandeauConcours a {
  text-align: center;
}

#bandeauConcours h1 {
  text-transform: uppercase;
  color: #ac8c33;
  font-family: 'futura-pt',Arial;
  font-weight: 300;
  font-size: 42px;
  line-height: 42px;
  margin: 0;
  padding: 20px 0 0 0;
}

.article.pleinelargeur,
.lots .article {
  margin: 0;
  padding: 0;
}

.lotjeuconcours {
  /* height: 490px; */
  /* width: 264px; */
  width: 315px;
  margin: 0px 7px;
  padding: 20px 3px;
  display: block;
  box-shadow: 0 0 5px #cfcfcf;
  text-align: center;
  float: left;
}

.lotjeuconcours h2 {
  color: #85a51e;
  font-family: 'futura-pt',Arial;
  font-weight: 500;
  font-size: 30px;
  margin: 5px 0px 20px 0px;
}

.article .lotjeuconcours img,
.lotjeuconcours img {
  width: 265px;
  margin: 0;
}

.article .lotjeuconcours p,
.lotjeuconcours p {
  font-family: 'futura-pt', Arial;
  font-size: 13px;
  font-weight: 400;
  color: #3e3e3e;
  text-align: center;
  display: block;
  margin: 20px 20px 20px 20px;
  text-align: center;
}

.lotjeuconcours .decouvrir {
  font-family: 'futura-pt', Arial;
  font-size: 12px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  display: inline-block;
  margin: auto;
  background: #728f15;
  line-height: 24px;
  padding: 0 25px;
  text-decoration: none;
  text-align: center;
}

.lotjeuconcours .aGagner {
  text-transform: uppercase;
  font-size: 15px;
  display: block;
  text-align: center;
}

.lotjeuconcours p strong {
  font-weight: 600;
  display: block;
  text-align: center;
}

.lotjeuconcours.parQuatre {
  height: 450px;
  width: 240px;
  margin: 0px 4px;
  padding: 10px 1px;
}

.lotjeuconcours.parQuatre h2 {
  font-size: 25px;
}

.lotjeuconcours.parQuatre img {
  width: 265px;
}

.lotjeuconcours.parQuatre p {
  margin: 20px 10px 20px 10px;
}


#carto {
  height: 497px;
  background: #202020 url(../img/site/accueil_carto_flou.jpg) no-repeat center top;
}

#carto .centree {
  height: 100%;
  max-width: 1280px;
  background: url(../img/site/accueil_carto.jpg) no-repeat center top;
}

#carto h2 {
  position: absolute;
  left: 118px;
  top: 205px;
  color: #FFF;
  font-family: 'futura-pt',Arial;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  text-align: left;
}

#carto a.calculIti {
  position: absolute;
  left: 110px;
  top: 355px;
  color: #FFF;
  font-family: 'futura-pt', Arial;
  font-weight: 400;
  font-size: 13px;
  line-height: 35px;
  text-align: left;
  background: url(../img/site/accueil_carte_btn.png) no-repeat left 2px;
  width: 179px;
  height: 50px;
  display: block;
  padding: 7px 0 0 42px;
  text-decoration: none;
}

#carto a.calculIti:hover {
  opacity: 0.9;
  color: #BCEB3B;
}

/**
 * FOOTER
 **/

footer {
  padding: 60px 0 0 0;
  color: #3C3C3C;
  background: #EFEAE5;
}
footer * {
  font-family: "contralto-small",sans-serif;
  font-size: 15px;
  font-weight: 300;
}
footer .flex {
  display: flex;
  padding-bottom: 60px;
  justify-content: space-between;
  gap: 20px;
  max-width: 1280px;
  padding: 0 20px 60px 20px;
  margin: 0 auto;
}

footer .titre {
  font-size: 20px;
  font-weight: normal;
  font-family: 'futura-pt', Arial;
}

footer .onglet {
  display: none;
}

footer .col {
  gap: 20px;
  display: flex;
  flex-direction: column;
}

footer .col.vertCenter {
  align-items: center;
  justify-content: center;
}

footer .col img {
  margin: 0 auto;
}

footer a {
  color: #3C3C3C;
  text-decoration: none;
}

.alignCenter {
  text-align: center;
}

footer .btn {
  display: inline-block;
  background-color: #6da67b;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 10px 50px;
  border: 2px solid #6da67b;
  cursor: pointer;
  margin-top: 15px;
  font-size:24px;
  font-family: 'futura-pt',Arial;
  font-size: 24px;
  text-align: center;
  font-weight: 400;
}

footer .btn:hover {
  background-color: #fff;
  color: #6da67b;
}

footer .onglet.opened {
  display: block;
}

footer .ssMenu {
  font-size: 13px;
  list-style: none;
}

footer .ssMenu li {
  display: inline-block;
}

footer .ssMenu li::before {
  content: '-';
  margin-right: 5px;

}

footer .ssMenu li:first-child:before {
  display: none;
}

footer .ssMenu a:hover {
  color: #6DA67B;
  filter:none!important;
}

footer .liensFooter {
  height: 30px;
  width: 100%;
  clear: both;
  padding: 25px 0 0 0;
}

footer .liensFooter li {
  display: inline-block;
}

footer .liensFooter li,
footer .liensFooter li a,
footer .liensFooter li h2 {
  color: #989898;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  font-family: 'futura-pt', Arial;
  font-weight: 400;
}

footer .liensFooter li.siteOfficiel {
  padding: 0 23px 0 0;
}

footer .liensFooter li.blogs,
footer .liensFooter li.partager,
footer .liensFooter li.contact,
footer .liensFooter li.localisation {
  padding: 0 19px;
}

footer .liensFooter li.blogs a {
  background: url(../img/site/footer_picto-blogs.png) no-repeat left center;
  padding: 0 0 0 30px;
}

footer .liensFooter li.partager a {
  background: url(../img/site/footer_picto-partager.png) no-repeat left center;
  padding: 0 0 0 28px;
}

footer .liensFooter li.contact a {
  background: url(../img/site/footer_picto-contact.png) no-repeat left center;
  padding: 0 0 0 23px;
}

footer .liensFooter li.localisation a {
  background: url(../img/site/foote_picto-carte.png) no-repeat left center;
  padding: 0 0 0 21px;
}

footer .liensFooter li.blogs a:hover,
footer .liensFooter li.partager a:hover,
footer .liensFooter li.contact a:hover,
footer .liensFooter li.localisation a:hover {
  color: #FFF;
}

footer .liensFooter li.blogs.active a {
  background: url(../img/site/footer_picto-blogs-active.png) no-repeat left center;
}

footer .liensFooter li.partager.active a {
  background: url(../img/site/footer_picto-partager-active.png) no-repeat left center;
}

footer .liensFooter li.contact.active a {
  background: url(../img/site/footer_picto-contact-active.png) no-repeat left center;
}

footer .liensFooter li.localisation.active a {
  background: url(../img/site/foote_picto-carte-active.png) no-repeat left center;
}

footer .liensFooter li.blogs.active a,
footer .liensFooter li.partager.active a,
footer .liensFooter li.contact.active a,
footer .liensFooter li.localisation.active a,
footer .liensFooter li.active a {
  display: inline-block;
  color: #5f940b;
}

footer .liensFooter .liens a {
  color: #35393b;
}

footer .liensFooter .liens a:hover {
  color: #FFF;
}

footer .liensFooter .lien1 {
  margin-left: 35px;
}

footer .liensFooter .lien1,
footer .liensFooter .lien2 {
  background: url(../img/site/footer-separateur.gif) no-repeat right center;
  padding-right: 13px;
  margin-right: 10px;
}

footer .liensFooter .lien3.tripadv {
  width: 0px;
  height: 0px;
  position: relative;
  float: right;
}

footer .liensFooter .lien3.tripadv .signature {
  width: 150px;
  line-height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  font-family: "futura-pt", Arial;
  font-size: 10px;
  text-align: right;
  background: url("../img/site/tripadvisor-logo.jpg") no-repeat right top;
  padding: 22px 0 0 0;
}

footer .liensFooter .lien3.tripadv .signature a {
  color: #5f940b;
}

#logoFooter {
  width: 195px;
  height: 152px;
  display: block;
  background: url(../img/site/footer-logo.png) no-repeat center center;
  margin: 40px auto 20px auto;
}

.logosFooter {
  margin: 40px auto 20px auto;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.logosFooter a {
  display: inline-block;
}

#logoFooter1 {
  width: 201px;
  height: 107px;
  vertical-align: middle;
  background: url(../img/site/wallonia.png) no-repeat center center;
}

#logoFooter2 {
  width: 195px;
  height: 152px;
  vertical-align: middle;
  background: url(../img/site/footer-logo.png) no-repeat center center;
  margin: 0 90px;
}

#logoFooter3 {
  width: 247px;
  height: 90px;
  vertical-align: middle;
  background: url(../img/site/province-luxembourg.png) no-repeat center center;
}
.allLogos {
  background-color: #fff;
}
.othersLogosFooter {
  padding: 40px 0;
  margin: 0 30px;
  text-align: center;
  background-color: #fff;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  display: block;
  overflow: hidden;
  width: calc(100% - 60px);
  position: relative;

}
@media screen and (max-width: 1553px) {
#othersLogosFooter-button-next {
  width: 20px;
  height: 30px;
  background-color: #6DA67B;
  display: block;
  position: absolute;
  right: 0;
  bottom: 60px;
  background: url("/lae/public1.0/img/site/picto-next.png") no-repeat center center;
  filter: invert(58%) sepia(18%) saturate(677%) hue-rotate(82deg) brightness(100%) contrast(91%);
}
#othersLogosFooter-button-prev {
  width: 20px;
  height: 30px;
  background-color: #6DA67B;
  display: block;
  position: absolute;
  left: 0;
  bottom: 60px;
  background: url("/lae/public1.0/img/site/picto-prev.png") no-repeat center center;
  filter: invert(58%) sepia(18%) saturate(677%) hue-rotate(82deg) brightness(100%) contrast(91%);
}
}
.othersLogosFooter .conteneur {
  height: 87px;
  display: inline-flex;
  align-items: center;
}
.othersLogosFooter .conteneur a {
  filter: grayscale(1);
}
.othersLogosFooter .conteneur a:hover {
  filter:none;
}
.othersLogosFooter a {
  margin:0 10px;
  display: inline-block;
}

footer .onglet .colTitre {
  float: left;
  width: 220px;
  position: relative;
  height: 100%;
}

footer .onglet h3.titreNewsletter {
  font-family: 'futura-pt',Arial;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  color: #FFF;
  margin: 10px 0px;
  bottom: 60px;
  left: 0px;
  position: absolute;
}

footer .onglet h3.titreNewsletter span {
  color: #5f940b;
  display: block;
}

#inscriptionNewsletter {
  background: #414141;
  height: 45px;
  line-height: 45px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}

#inscriptionNewsletter input {
  height: 45px;
  line-height: 45px;
}

#inscriptionNewsletter .text {
  font-family: 'futura-pt',Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  color: #FFF;
  padding: 0 0 0 18px;
  border: none;
  background: none;
  width: 150px;
  float: left;
  outline: none;
}

#inscriptionNewsletter .submit {
  width: 45px;
  font-family: 'futura-pt',Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  color: #202020;
  text-align: center;
  border: none;
  background: #5f940b;
  float: right;
}

footer .onglet.ongletBlogs h2.titre {
  background: url(../img/site/footer_titre-blogs.png) no-repeat left center;
  height: 150px;
  width: 215px;
  display: block;
  margin: 0;
}

footer .onglet h2 {
  font-family: 'futura-pt',Arial;
  color: #FFF;
  font-weight: normal;
  font-size: 29px;
  padding: 0px 0 0 0;
}

footer .onglet {
  height: 320px;
}

/*

footer .onglet .liens .flickr {
  background-image: url(../img/site/footer-flickr.png);
}

footer .onglet .liens .twitter {
  background-image: url(../img/site/footer-twitter.png);
}
*/

footer .liens {
  text-align: center;
}

footer .liens li {
  display: inline-block;
  list-style: none;
  margin: 0 5px;
}

footer .liens .facebook {
  background-image: url(../img/footer/facebook.png);
  display: block;
  width: 34px;
  height: 34px;
}

footer .liens a:hover {
  filter: invert(58%) sepia(18%) saturate(677%) hue-rotate(82deg) brightness(100%) contrast(91%);
}

footer .liens .instagram {
  background-image: url(../img/footer/instagram.png);
  display: block;
  width: 34px;
  height: 34px;
}

footer .liens .linkedin {
  background-image: url(../img/footer/linkedin.png);
  display: block;
  width: 34px;
  height: 34px;
}

footer .mail {
  background: url(../img/footer/mail.png) no-repeat 0 50%;
  padding-left: 36px;
}

footer .mail:hover {
  filter: invert(58%) sepia(18%) saturate(677%) hue-rotate(82deg) brightness(100%) contrast(91%);
}

footer .localisation {
  background: url(../img/footer/map.png) no-repeat 0 0;
  padding-left: 36px;
}

footer .localisation .btn {
  margin-left: -36px;
}

footer .onglet h3.retrouvezNous {
  font-family: 'futura-pt',Arial;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  color: #FFF;
  margin: 10px 0px;
  display: none;
}

footer .onglet .colPublicite {
  width: 237px;
  float: left;
  margin-left: 32px;
  padding-top: 40px;
  height: 280px;
}

footer .onglet .colPublicite .publicite {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

footer .onglet .colPublicite figcaption {
  display: none;
}

footer .onglet .colFlux {
  width: 235px;
  float: left;
  margin-left: 32px;
  padding-top: 40px;
}

footer .onglet .colFlux .image {
  width: 235px;
  height: 140px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  position: relative;
  cursor: pointer;
}

footer .onglet .colFlux .date {
  width: 62px;
  height: 62px;
  display: block;
  background: #99c241;
  font-family: 'futura-pt', Arial;
  font-weight: 400;
  font-size: 12px;
  color: #202020;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

footer .onglet .colFlux .date span {
  display: block;
}

footer .onglet .colFlux .date .day {
  font-size: 30px;
  line-height: 30px;
}

footer .onglet .colFlux .date .month {
  font-size: 14px;
  line-height: 15px;
}

footer .onglet .colFlux .date .year {
  font-size: 14px;
  line-height: 15px;
}

footer .onglet .colFlux h3 {
  font-family: 'futura-pt', Arial;
  font-weight: 600;
  font-size: 14px;
  color: #5f940b;
  line-height: 16px;
  margin: 20px 0px;
  cursor: pointer;
}

footer .onglet .colFlux p {
  font-family: 'futura-pt', Arial;
  font-weight: 400;
  font-size: 12px;
  color: #FFF;
  line-height: 16px;
}

footer .onglet .colFlux .enSavoirPlus {
  color: #5f940b;
  text-decoration: none;
  display: inline-block;
  padding: 0 0 0 5px;
}

/** RESA HOTELS **/
#inspirateurIdees {
  margin-left: 365px;
}

#resaHotel {
  height: 100%;
  height: 368px;
  width: 100%;
  width: 365px;
  position: relative;
  background: #6da67b;
  float: left;
}

#resaHotel .overlay {
  height: 100%;
  width: 100%;
  display: block;
  background: #6da67b url(../img/site/resa-overlay.png) no-repeat center center;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  display: none !important;
}

#resaHotel .title {
  background: url(../img/site/resa-title-bck.png) no-repeat left 43px;
  color: #FFF;
  font-family: 'futura-pt',Arial;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  top: auto;
  right: auto;
  height: auto;
  width: 205px;
  border-radius: 0;
  text-align: left;
  display: block;
  margin: auto;
  padding: 45px 0 25px 80px;
}

#resaHotel table {
  display: block;
  margin: auto;
  width: 265px;
}

#resaHotel td {
  position: relative;
}

#resaHotel #kalEnd,
#resaHotel #kalStart {
  position: absolute;
  top: 34px;
  left: -4px;
  width: 370px;
  z-index: 9999;
}

#resaHotel .close,
#resaHotel .close {
  background: url(../plugins/vendor/kalendae/close.png) no-repeat center center;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
}

#resaHotel .td1 {
  text-align: right;
  padding-right: 18px;
  color: #FFF;
  font-family: 'futura-pt', Arial;
  font-size: 14px;
  font-weight: 400;
}

#endDateResa,
#startDateResa {
  width: 185px;
  height: 35px;
  display: block;
  background: #FFF;
  border: 1px solid #b8b8b8;
  padding: 0 0 0 10px;
  color: #608712;
  font-family: 'futura-pt', Arial;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}

#calEnd,
#calStart {
  background: url(../img/site/resaCal.png) no-repeat center center;
  width: 35px;
  height: 35px;
  display: block;
}

#resaHotel .submit {
  background: #6da67b;

  /* IE6-9 */
  border: solid 1px #fff;
  border-radius: 4px;
  width: 235px;
  height: 55px;
  display: block;
  margin: 15px auto 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  color: #FFF;
  font-family: 'futura-pt', Arial;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

#resaHotel .submit:hover {
  opacity: 0.8;
  background-color: #fff;
  color: #6da67b;
}

/** PUB ACCUEIL **/
#pubAccueil {
  background: #2e2e2e;
  padding: 15px 0px;
}

#pubAccueil a {
  display: block;
  margin: auto;
  text-align: center;
}

#pubAccueil a:hover {
  opacity: 0.8;
}

iframe {
  outline: 0;
  border: none;
  background: none;
}

#pubAccueil figure figcaption {
  display: none;
}

#sommaireniv1 {
  background: #EFEAE5;
  padding: 50px;
}

#sommaireniv1 ul {
  display: block;
  margin: auto;
  padding: 0;
  text-align: center;
  
  display: flex;
  justify-content: space-between;

}


#sommaireniv1 li {
  display: inline-block;
  float: left;
  filter:invert(1);
}

#sommaireniv1 li a {
  height: 55px;
  display: block;
  min-width: 120px;
  max-width: 150px;
  font-family: 'futura-pt',Arial;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  color: #FFF;
  padding: 90px 20px 0px 20px;
  text-align: center;
  margin: 0;
 
}


#sommaireniv1 li:hover  {
  filter: invert(42%) sepia(22%) saturate(547%) hue-rotate(82deg) brightness(99%) contrast(91%);
}

#blocmeteo .days {
  clear: both;
  padding-bottom: 20px;
}

#blocmeteo .day {
  float: left;
  padding: 0 15px 0 15px;
}

/** DIAPO A LA UNE ACCUEIL **/

#slick-alaune {
  background: #EFEAE5;
  width: 100%;
  padding: 40px 0 60px 0;

}

#slick-alaune .title {
  font-family: 'futura-pt-bold',Arial;
  font-size: 48px;
  color: #000;
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

#slick-alaune .slider .slick-arrow {
  font-size: 38px;
  margin: -19px 7px 0 0;
  color: #000;
  position: absolute;
  text-decoration: none;
  top: 50%;
}

#slick-alaune .slider .slick-arrow:before {
  content: '';
  width: 15px;
  height: 40px;
  display: block;
}

#slick-alaune .slider .slick-prev {
  right: 100%;
  margin-right: 15px;
}

#slick-alaune .slider .slick-prev:before {
  background: url("/lae/public1.0/img/site/picto-prev.png") no-repeat center center;
}

#slick-alaune .slider .slick-next {
  left: 100%;
  margin-left: 15px;
}

#slick-alaune .slider .slick-next:before {
  background: url("/lae/public1.0/img/site/picto-next.png") no-repeat center center;
}

#slick-alaune .slider {
  overflow: hidden;
  height: 415px;
}

#slick-alaune.admin .slider {
  height: 430px;
}

#slick-alaune .slider.slick-initialized {
  overflow: inherit;
}

.item-wrapper {
  padding: 0 10px;
  outline: 0;
  float: left;
}

.item-wrapper a {
  text-decoration: none;
  outline: 0;
}

.alaune-accueil {
  width: 320px;
  height: 415px;
  background: #FFF;
  cursor: pointer;
}

.alaune-accueil .img {
  height: 220px;
  overflow: hidden;
}

.alaune-accueil .content {
  padding: 20px 20px 0px 20px;
}

.alaune-accueil img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article.alaune-accueil h2,
.article.alaune-accueil h2,
.article.alaune-accueil h3,
.article.alaune-accueil p {
  font-family: 'futura-pt',Arial;
  line-height: 1.2;
  font-size: 16px;
  color: #333333;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}

.article.alaune-accueil h3 {
 font-size: 20px;
 font-family: 'futura-pt', Arial;
 font-weight: normal;
 text-transform: uppercase;
}

.article.alaune-accueil h2 {
  font-size: 20px;
  font-weight: normal;
  font-family: "contralto-small",sans-serif;
 }
 

.article.alaune-accueil p {
  font-size: 20px;
  font-weight: normal;
  font-family: "contralto-small",sans-serif;
}

.article.alaune-accueil p span:before {
  content: '';
  display: block;
  background: url("/lae/public1.0/img/site/picto-lieu.png") no-repeat left center;
  color: #6da67b ;
  font-size: 18px;
  margin: -2px 7px 0 0;
  height: 20px;
  width: 10px;
  float: left;
}

/** FIN DIAPO A LA UNE ACCUEIL **/


@media screen and (max-width: 1040px) {
  footer .onglet .colFlux {
    margin-left: 15px;
    width: 230px;
  }

  footer .onglet .colPublicite {
    margin-left: 15px;
  }

  footer .liensFooter,
  footer .onglet .colTitre {
    /*padding: 0 0 0 0px;*/
  }
}

@media screen and (max-width: 1280px) {

  #menu .contener-niveau2.nbCol_11 .menu-niveau2-actif .lien-niveau2,
  #menu .contener-niveau2.nbCol_11 .menu-niveau2 .lien-niveau2 {
    font-size: 13px;
  }
}




/**********/
/** bandeau merveilles 2023 **/
/**********/
.bandeau-merveilles {
  height: 550px;
  display: flex;
  position: relative;
  justify-content: space-between;
}

.bandeau-merveilles .carte.carteG {
  background: url(/lae/public1.0/img/site/bandeau-merveilles-ardenne-2023.jpg) no-repeat;
  background-position: right 150px bottom -100px;
}

.bandeau-merveilles .carte.carteD {
  background: url(/lae/public1.0/img/site/bandeau-merveilles-ardenne-2023.jpg) no-repeat;
  background-position: left 200px top;
}

.bandeau-merveilles .carte {
  width: 50%;
  flex-grow: 1;
}

.contenu-bandeau {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contenu-aligne {
  text-align: center;
}

.contenu-bandeau--text {
  font-size: 24px;
  color: #000;
  font-family: 'futura-pt',Arial;
  text-align: center;
  margin-bottom: 30px;
}

.contenu-bandeau--lien {
  display: inline-block;
  font-size: 24px;
  font-family: 'futura-pt',Arial;
  text-decoration: none;
  background-color: #6da67b;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 10px 50px;
  border: 2px solid #6da67b;
}
.contenu-bandeau--lien:hover {
  background-color: #fff;
  color: #6da67b;
  border: 2px solid #6da67b;
}
#news {
  background-color: #fff;

}

#newsletter {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 0px 30px 0;
  text-align: center;
  color: #000;
  display: flex;
  flex-direction: column;
  background: url('/lae/public1.0/img/hubert-pointe.png') 100% 100% no-repeat;
  background-size: 13%;
  gap: 20px;

}


#newsletter p {
  font-family: 'futura-pt',Arial;
  font-size: 24px;
  color: #000;
  display: block;
  text-align: center;
  font-weight: 400;
  margin: 0 0 0px 0;
}

#newsletter p a,
#newsletter p span {
  display: inline-block;
  background-color: #6da67b;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 10px 50px;
  border: 2px solid #6da67b;
  cursor: pointer;
}

#newsletter p a:hover,
#newsletter p span:hover {
  background-color: #fff;
  color: #6da67b;
  border: 2px solid #6da67b;
}