@charset "UTF-8";
/*************** FONTS  *******************/
@import url("/fonts/cms_icons/cms_icons.css");
@font-face
{
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;

  src: url("/fonts/sourcesanspro-bold.eot");
  src: url("/fonts/sourcesanspro-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-bold.woff2") format("woff2"), url("/fonts/sourcesanspro-bold.woff") format("woff"), url("/fonts/sourcesanspro-bold.ttf") format("truetype"), url("/fonts/sourcesanspro-bold.svg#source_sans_probold") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;

  src: url("/fonts/sourcesanspro-semibolditalic.eot");
  src: url("/fonts/sourcesanspro-semibolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-semibolditalic.woff2") format("woff2"), url("/fonts/sourcesanspro-semibolditalic.woff") format("woff"), url("/fonts/sourcesanspro-semibolditalic.ttf") format("truetype"), url("/fonts/sourcesanspro-semibolditalic.svg#source_sans_probold_italic") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;

  src: url("/fonts/sourcesanspro-semibold.eot");
  src: url("/fonts/sourcesanspro-semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-semibold.woff2") format("woff2"), url("/fonts/sourcesanspro-semibold.woff") format("woff"), url("/fonts/sourcesanspro-semibold.ttf") format("truetype"), url("/fonts/sourcesanspro-semibold.svg#source_sans_prosemibold") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;

  src: url("/fonts/sourcesanspro-semibolditalic.eot");
  src: url("/fonts/sourcesanspro-semibolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-semibolditalic.woff2") format("woff2"), url("/fonts/sourcesanspro-semibolditalic.woff") format("woff"), url("/fonts/sourcesanspro-semibolditalic.ttf") format("truetype"), url("/fonts/sourcesanspro-semibolditalic.svg#source_sans_prosemibold_italic") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;

  src: url("/fonts/sourcesanspro-regular.eot");
  src: url("/fonts/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-regular.woff2") format("woff2"), url("/fonts/sourcesanspro-regular.woff") format("woff"), url("/fonts/sourcesanspro-regular.ttf") format("truetype"), url("/fonts/sourcesanspro-regular.svg#source_sans_proregular") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: normal;

  src: url("/fonts/sourcesanspro-italic.eot");
  src: url("/fonts/sourcesanspro-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-italic.woff2") format("woff2"), url("/fonts/sourcesanspro-italic.woff") format("woff"), url("/fonts/sourcesanspro-italic.ttf") format("truetype"), url("/fonts/sourcesanspro-italic.svg#source_sans_proitalic") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;

  src: url("/fonts/sourcesanspro-light.eot");
  src: url("/fonts/sourcesanspro-light.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-light.woff2") format("woff2"), url("/fonts/sourcesanspro-light.woff") format("woff"), url("/fonts/sourcesanspro-light.ttf") format("truetype"), url("/fonts/sourcesanspro-light.svg#source_sans_pro_lightregular") format("svg");
}

@font-face
{
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;

  src: url("/fonts/sourcesanspro-lightitalic.eot");
  src: url("/fonts/sourcesanspro-lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/sourcesanspro-lightitalic.woff2") format("woff2"), url("/fonts/sourcesanspro-lightitalic.woff") format("woff"), url("/fonts/sourcesanspro-lightitalic.ttf") format("truetype"), url("/fonts/sourcesanspro-lightitalic.svg#source_sans_pro_lightitalic") format("svg");
}

@font-face
{
  font-family: "Grota Rounded";
  font-style: normal;
  font-weight: normal;

  src: url("/fonts/grota-rounded.eot");
  src: url("/fonts/grota-rounded.eot?#iefix") format("embedded-opentype"), url("/fonts/grota-rounded.woff2") format("woff2"), url("/fonts/grota-rounded.woff") format("woff"), url("/fonts/grota-rounded.ttf") format("truetype"), url("/fonts/grota-rounded.svg#grota_roundedregular") format("svg");
}

@font-face
{
  font-family: "Grota Rounded";
  font-style: normal;
  font-weight: 900;

  src: url("/fonts/grota-rounded-black.eot");
  src: url("/fonts/grota-rounded-black.eot?#iefix") format("embedded-opentype"), url("/fonts/grota-rounded-black.woff2") format("woff2"), url("/fonts/grota-rounded-black.woff") format("woff"), url("/fonts/grota-rounded-black.ttf") format("truetype"), url("/fonts/grota-rounded-black.svg#grota_roundedblack") format("svg");
}

/*************** STYLE DE BASE  *******************/
body
{
  position: relative;

  padding: 0;
  margin: 0;
  overflow-x: hidden;

  color: black;
  font-family: "Source Sans Pro";
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  line-height: 1.62;
  letter-spacing: -.01em;

  background: #ffffff;
}

#mobile-indicator
{
  display: none;

  visibility: hidden;
}

@media screen and (min-width: 720px)
{
  #mobile-indicator
  {
    display: block;

    visibility: visible;
  }
}

h1,
.h1
{
  padding: 0;
  margin: 0 0 0;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 37px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 720px)
{
  h1,
  .h1
  {
    font-size: 46px;
  }
}

h2,
.h2
{
  padding: 0;
  margin: 40px 0 0;

  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 19px;
  font-weight: normal;
  text-align: center;
}

h3,
.h3
{
  padding: 0;
  margin: 40px 0 20px;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

@media screen and (min-width: 720px)
{
  h3,
  .h3
  {
    margin: 80px 0 40px;

    font-size: 25px;
  }
}

h3:first-child,
.h3:first-child
{
  margin: 0 0 20px;
}

@media screen and (min-width: 720px)
{
  h3:first-child,
  .h3:first-child
  {
    margin: 0 0 40px;
  }
}

h4,
.h4
{
  padding: 0;
  margin: 30px 0 15px;

  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 700;
}

@media screen and (min-width: 720px)
{
  h4,
  .h4
  {
    margin: 60px 0 30px;

    font-size: 20px;
  }
}

h4:first-child,
.h4:first-child
{
  margin: 0 0 30px;
}

h5,
.h5
{
  padding: 0;
  margin: 0 0 30px;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
}

h6,
.h6
{
  padding: 0;
  margin: 0;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
}

.htmlcontent h3,
.bgEditor h3
{
  margin: 40px 0 20px !important;
}

.htmlcontent h4,
.bgEditor h4
{
  margin: 30px 0 15px !important;
}

.htmlcontent p,
.bgEditor p
{
  margin: 7px 0 !important;
}

.htmlcontent ul,
.bgEditor ul
{
  margin: 0 0 0 3px !important;
}

strong
{
  font-weight: bold !important;
}

.bgEditor strong,
.bgEditor b
{
  font-weight: bold !important;
}

.bgEditor address
{
  font-size: 14px;
  font-style: normal;
}

.htmlcontent address
{
  font-size: 14px;
  font-style: normal;
}

ul
{
  padding: 0 0 0 13px;
  margin: 30px 0 30px 4px;
}

ul li
{
  list-style-type: disc;
}

ol
{
  padding: 0 0 0 13px;
  margin: 30px 0 30px 2px;
}

ol li
{
  list-style-type: decimal;
}

a
{
  color: #005693;
  font-family: "Source Sans Pro";
  font-weight: 600;
  text-decoration: none;
}

.anniviers a,
.bgEditor.anniviers a,
.vercorin a,
.bgEditor.vercorin a
{
  color: #005693;
}

.sierre a,
.bgEditor.sierre a
{
  color: #a94557;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
      display:block;
      width:100%;
      box-sizing:border-box;
      height:40px;
}

p
{
  margin: 15px 0;
}

p:first-child
{
  margin: 0 0 15px;
}

/* TABLES */
.htmlcontent table
{
  table-layout: fixed;
}

table p
{
  padding: 0;
  margin: 0;
}

table p:first-child
{
  margin: 0;
}

table th
{
  color: #ffffff;
  text-align: left;
}

table tbody.originaltbody
{
  display: table-row-group;
}

table tbody.responsivedtbody
{
  display: none;
}

table th
{
  background-color: #003857;
}

.anniviers table th,
.vercorin table th
{
  background-color: #003857;
}

.sierre table th
{
  background-color: #440b40;
}

/*-- FORM --*/
form
{
  padding: 0;
  margin: 0;
}

input,
textarea,
select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 3px 5px;

  font-family: "Source Sans Pro";
  font-size: 15px;

  background-color: #ffffff;
  border: 1px solid grey;
  outline: none;
}

header select::-ms-expand,
section select::-ms-expand,
footer select::-ms-expand
{
  display: none;
}

header input,
header textarea,
header select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 15px;

  font-family: "Source Sans Pro";
  font-size: 15px;

  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #000000;
  outline: none;
}

header select
{
  padding: 3px 15px 3px 5px;

  background-image: url(/template/image/select.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}

footer input,
footer textarea,
footer select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 15px;

  font-family: "Source Sans Pro";
  font-size: 15px;

  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #000000;
  outline: none;
}

section input,
section textarea,
section select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 15px;

  font-family: "Source Sans Pro";
  font-size: 15px;

  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #000000;
  outline: none;
}

section select
{
  padding: 3px 15px 3px 5px;

  background-image: url(/template/image/select.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}

#menuPanel input,
#menuPanel textarea,
#menuPanel select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 15px;

  font-family: "Source Sans Pro";
  font-size: 15px;

  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #000000;
  outline: none;
}

#menuPanel select
{
  padding: 3px 15px 3px 5px;

  background-image: url(/template/image/select.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}

/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text],
input[type=password],
input[type=submit]
{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

input[type=checkbox],
input[type=radio]
{
  background-color: transparent;
  border: none;
}

.img,
.anniviers .img
{
  background-image: url(/template/image/defaultList_anniviers.jpg);
}
.vercorin .img
{
  background-image: url(/template/image/defaultList_vercorin.jpg);
}
.sierre .img
{
  background-image: url(/template/image/defaultList_sierre.jpg);
}

@media screen and (max-width: 720px)
{
  .favoris-open-mobile,
  .news-open-mobile
  {
    overflow: hidden;
  }
  .favoris-open-mobile::after,
  .news-open-mobile::after,
  .booking-open-mobile::after
  {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;

    display: block;

    content: "";

    background-color: rgba(0, 0, 0, .65);
  }
}

.button-effect
{
  position: relative;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 14px 70px;
  overflow: hidden;

  color: #000000;
  font-size: 15px;
  font-weight: 700;

  background: none;
  border: none;
  border: 1px solid #000000;
  outline: none;

  -webkit-transition: all .6s;
       -o-transition: all .6s;
          transition: all .6s;

  cursor: pointer;
}

a.button-effect
{
  color: #000000;
}

.button-effect .text
{
  position: relative;
  z-index: 2;

  font-weight: normal;
}

.button-effect::after
{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;

  width: 100%;
  height: 0;

  content: "";

  background: #000000;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);

  -webkit-transition: all .6s;
       -o-transition: all .6s;
          transition: all .6s;

  opacity: 0;
}

.button-effect:hover,
.button-effect:active
{
  color: #ffffff;
}

.button-effect:hover:after
{
  height: 600%;

  opacity: 1;
}

/*-- FIN FORM --*/
@-webkit-keyframes bounce
{
  from
  {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50%
  {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
  }
  to
  {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes bounce
{
  from
  {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50%
  {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
  }
  to
  {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes bounce-up
{
  from
  {
    -webkit-transform: translate(-50%, -55%);
            transform: translate(-50%, -55%);
  }
  50%
  {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  to
  {
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%);
  }
}

@keyframes bounce-up
{
  from
  {
    -webkit-transform: translate(-50%, -55%);
            transform: translate(-50%, -55%);
  }
  50%
  {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  to
  {
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%);
  }
}

@-webkit-keyframes bounce-down
{
  from
  {
    -webkit-transform: translate(-50%, 55%);
            transform: translate(-50%, 55%);
  }
  50%
  {
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  to
  {
    -webkit-transform: translate(-50%, 35%);
            transform: translate(-50%, 35%);
  }
}

@keyframes bounce-down
{
  from
  {
    -webkit-transform: translate(-50%, 55%);
            transform: translate(-50%, 55%);
  }
  50%
  {
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  to
  {
    -webkit-transform: translate(-50%, 35%);
            transform: translate(-50%, 35%);
  }
}

.add-favoris,
.toggle-favoris,
.toggle-booking
{
  cursor: pointer;
}

.smallcaps
{
  text-transform: lowercase;
}

body.bgEditor
{
  overflow-x: visible;

  background-color: #f4f4f4;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
  position: relative;
  width: 100%;
  overflow-x: hidden;

  background: #ffffff;
}

.container
{
  position: relative;

  max-width: 1080px;
  padding: 0 10px 0;
  margin: 0 auto 0;
}

.icon
{
  display: inline-block;
  width: 1em;
  height: 1em;

  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

#menuPanel .menu-container .menu__right .right__header .header__title,
.anniviers #menuPanel .menu-container .menu__right .right__header .header__title,
.vercorin #menuPanel .menu-container .menu__right .right__header .header__title
{
  color: #50b3d8;
}

.sierre #menuPanel .menu-container .menu__right .right__header .header__title
{
  color: #c24459;
}

section.sidebar
{
  position: fixed;
  top: 180px;
  right: 0;
  z-index: 60;

  display: none;

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  visibility: hidden;
}

.scrolling section.sidebar
{
  top: 50px;
}

@media screen and (min-width: 720px)
{
  .scrolling section.favoris
  {
    top: 55px;
  }
}

@media screen and (min-width: 720px)
{
  section.sidebar
  {
    display: block;

    visibility: visible;
  }
}

@media screen and (min-width: 1250px)
{
  section.sidebar
  {
    top: 130px;
  }
}

section.sidebar .access
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 68px;
  padding: 15px;

  -webkit-border-radius: 5px 0 0 0;
          border-radius: 5px 0 0 0;

  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

section.sidebar .access::before
{
  position: absolute;
  right: 0;
  bottom: 100%;

  display: block;

  content: "";

  border-style: solid;
  border-width: 0 0 3px 68px;
}

section.sidebar .access::after
{
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;

  display: block;

  content: "";

  border-style: solid;
  border-width: 0 68px 5px 0;
}

section.sidebar .access .access__item
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 40px;
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;

  color: #ffffff;
  font-size: 17px;
  text-align: center;

  cursor: pointer;
}
section.sidebar .access .access__item.toggle-panier
{
  position: relative;
}
section.sidebar .access .access__item.toggle-panier .number
{
  position: absolute;
  right: 3px;
  bottom: 3px;

  box-sizing: border-box;
  height: 15px;
  padding: 2px 5px;

  color: #003857;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;

  background-color: #dcdd3a;
  border-radius: 100%;
}

section.sidebar .access .access__item:last-child
{
  margin-bottom: 0;
}

section.sidebar .booking
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 68px;
  padding: 15px;
  margin-top: -5px;

  background-color: #f4f4f4;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

section.sidebar .booking::before
{
  position: absolute;
  right: 0;
  bottom: 100%;

  display: block;

  content: "";

  border-color: transparent transparent #f4f4f4 transparent;
  border-style: solid;
  border-width: 0 0 3px 68px;
  -webkit-transform: translateY(.1%);
      -ms-transform: translateY(.1%);
          transform: translateY(.1%);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.sidebar .booking::after
{
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;

  display: block;

  content: "";

  border-color: transparent #f4f4f4 transparent transparent;
  border-style: solid;
  border-width: 0 68px 5px 0;
  -webkit-transform: translateY(-.8%);
      -ms-transform: translateY(-.8%);
          transform: translateY(-.8%);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.sidebar .booking .booking__icon
{
  width: 17px;
  height: 17px;
  margin-bottom: 5px;

  color: #000000;
  font-size: 17px;

  background-image: url(/template/image/icons/reservation.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
          background-size: contain;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.sidebar .booking .booking__text
{
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  color: #000000;
  font-family: "Grota Rounded";
  font-weight: 900;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  -webkit-box-pack: center;
}

section.sidebar .booking .booking__text .rotated-wrapper-outer
{
  width: 20px;
  height: 80px;
}

section.sidebar .booking .booking__text .rotated-wrapper-outer .rotated-wrapper-inner
{
  height: 0;
}

section.sidebar .booking .booking__text .rotated-wrapper-outer .rotated-wrapper-inner .rotated
{
  display: block;

  line-height: 1.2;
  white-space: nowrap;

  -webkit-transform: rotate(90deg) translate(0, -100%);
      -ms-transform: rotate(90deg) translate(0, -100%);
          transform: rotate(90deg) translate(0, -100%);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

section.sidebar .access
{
  background-color: #003857;
}

.anniviers section.sidebar .access
{
  background-color: #003857;
}

section.sidebar .access::before,
.anniviers section.sidebar .access::before,
.vercorin section.sidebar .access::before
{
  border-color: transparent transparent #003857 transparent;
}

section.sidebar .access::after,
.anniviers section.sidebar .access::after,
.vercorin section.sidebar .access::after
{
  border-color: transparent #003857 transparent transparent;
}

.sierre section.sidebar .access
{
  background-color: #440b40;
}

.sierre section.sidebar .access::before
{
  border-color: transparent transparent #440b40 transparent;
}

.sierre section.sidebar .access::after
{
  border-color: transparent #440b40 transparent transparent;
}

#mainPanel.open section.sidebar .access
{
  visibility: hidden;
}
#mainPanel.open section.sidebar .booking,
.anniviers #mainPanel.open section.sidebar .booking,
.vercorin #mainPanel.open section.sidebar .booking
{
  background-color: #003857;
}
#mainPanel.open section.sidebar .booking::before,
.anniviers #mainPanel.open section.sidebar .booking::before,
.vercorin #mainPanel.open section.sidebar .booking::before
{
  border-color: transparent transparent #003857 transparent;
}
#mainPanel.open section.sidebar .booking::after,
.anniviers #mainPanel.open section.sidebar .booking::after,
.vercorin #mainPanel.open section.sidebar .booking::after
{
  border-color: transparent #003857 transparent transparent;
}
.sierre #mainPanel.open section.sidebar .booking
{
  background-color: #440b40;
}
.sierre #mainPanel.open section.sidebar .booking::before
{
  border-color: transparent transparent #440b40 transparent;
}
.sierre #mainPanel.open section.sidebar .booking::after
{
  border-color: transparent #440b40 transparent transparent;
}
#mainPanel.open section.sidebar .booking .booking__icon
{
  width: 15px;
  height: 15px;
  margin-bottom: 7px;

  background-image: url(/template/image/icons/close-white.svg);
}
#mainPanel.open section.sidebar .booking .booking__icon,
#mainPanel.open section.sidebar .booking .booking__text
{
  color: #ffffff;
}

#sendFavorisEdit
{
  padding: 20px;
}

#sendFavorisEdit .titre
{
  font-weight: bold;
}

#sendFavorisEdit .titre.first
{
  margin-top: 50px;
}

#sendFavorisEdit input[type=submit]
{
  width: 50%;
  padding: 10px 20px 10px 20px;
  margin-top: 30px;

  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;

  background: #003857;
  -webkit-border-radius: 2px;
          border-radius: 2px;

  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;

  cursor: pointer;
  opacity: 1;
}

.sierre #sendFavorisEdit input[type=submit]
{
  color: #ffffff;

  background: #440b40;
}

section.favoris
{
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  z-index: 55;

  height: -webkit-calc(100vh - 20px);
  height:         calc(100vh - 20px);

  background-color: #ffffff;
  -webkit-border-radius: 7px;
          border-radius: 7px;

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;
}

section.favoris.open
{
          filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .2));

  -webkit-filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .2));
}

section.favoris .favoris__close
{
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 51;

  width: 50px;
  height: 85px;

  color: #ffffff;
  font-size: 32px;

  background-color: #000000;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

section.favoris .favoris__close::before
{
  position: absolute;
  top: 0;
  right: 100%;

  display: block;

  content: "";

  border-color: transparent #000000 transparent transparent;
  border-style: solid;
  border-width: 0 5px 83px 0;
}

section.favoris .favoris__close::after
{
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;

  display: block;

  content: "";

  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 83px 5px 0 0;
}

section.favoris .favoris__close .icon
{
  position: absolute;
  bottom: 10px;
  left: 50%;

  padding: 8px;

  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);

  cursor: pointer;
}

section.favoris .favoris__content
{
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  padding: 60px 60px 40px 60px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

section.favoris .favoris__content .content__title
{
  color: black;
  font-family: "Grota Rounded";
  font-size: 27px;
  font-weight: 900;
  line-height: 1.974;
  text-transform: uppercase;
}

section.favoris .favoris__content .content__scroll-wrapper__outer
{
  position: relative;
  -webkit-flex-grow: 2;
          flex-grow: 2;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 30px 0 10px;

  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
}

section.favoris .favoris__content .content__scroll-wrapper__outer::after,
section.favoris .favoris__content .content__scroll-wrapper__outer::before
{
  position: absolute;
  z-index: 2;

  display: block;
  width: 100%;
  height: 10px;

  content: "";
}

section.favoris .favoris__content .content__scroll-wrapper__outer::after
{
  bottom: 0;

  background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, white 0%, rgba(0, 0, 0, 0) 100%);
  background:      -o-linear-gradient(bottom, white 0%, rgba(0, 0, 0, 0) 100%);
  background:         linear-gradient(to top, white 0%, rgba(0, 0, 0, 0) 100%);
}

section.favoris .favoris__content .content__scroll-wrapper__outer::before
{
  top: 0;

  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, white 0%, rgba(0, 0, 0, 0) 100%);
  background:      -o-linear-gradient(top, white 0%, rgba(0, 0, 0, 0) 100%);
  background:         linear-gradient(to bottom, white 0%, rgba(0, 0, 0, 0) 100%);
}

section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-down,
section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-up
{
  position: absolute;
  left: 50%;
  z-index: 3;

  display: block;

  color: rgba(0, 0, 0, .3);
  font-size: 12px;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  -webkit-transition: opacity .2s ease;
       -o-transition: opacity .2s ease;
          transition: opacity .2s ease;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-down.run-animation,
section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-up.run-animation
{
  -webkit-animation-duration: .2s;
          animation-duration: .2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;

  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-down
{
  bottom: 0;

  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-down.run-animation
{
  -webkit-animation-name: bounce-down;
          animation-name: bounce-down;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-up
{
  top: 0;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

section.favoris .favoris__content .content__scroll-wrapper__outer .arrow-up.run-animation
{
  -webkit-animation-name: bounce-up;
          animation-name: bounce-up;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  overflow: -moz-scrollbars-none;
  overflow-y: auto;

  -ms-overflow-style: none;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner::-webkit-scrollbar
{
  width: 0;

  background: transparent;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list
{
  padding: 10px 0;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item
{
  display: block;
  margin-bottom: 30px;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item:last-child
{
  margin-bottom: 0;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__img
{
  margin: 0 0 15px;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__img .img
{
  position: relative;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__img .img::before
{
  display: block;
  width: 100%;
  padding-top: 52%;

  content: "";
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__img .img .hover
{
  position: absolute;
  top: 0;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  height: 100%;

  color: #ffffff;
  font-size: 27px;

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

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  opacity: 0;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__img .img:hover .hover
{
  opacity: 1;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__title
{
  color: #000000;
  font-family: "Grota Rounded";
  font-size: 17px;
  font-weight: 900;
  line-height: 1.375;
  text-align: left;
  text-transform: uppercase;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__list .list__item .item__descr
{
  margin-top: 15px;

  color: #000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.375;
}

section.favoris .favoris__content .content__scroll-wrapper__outer .content__scroll-wrapper__inner .content__noentry
{
  margin: 60px 0 0;
}

section.favoris .favoris__content .content__email .button-effect
{
  width: 100%;
  padding: 14px 35px;

  text-align: center;
}

@media screen and (max-width: 719px)
{
  section.favoris
  {
    -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
            transform: translateY(-150%);
  }
}

@media screen and (min-width: 720px)
{
  section.favoris
  {
    position: fixed;
    top: 185px;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 53;

    width: 10%;
    height: 80vh;
    max-height: 756px;
    min-width: 420px;

    -webkit-border-radius: 7px 0 0 7px;
            border-radius: 7px 0 0 7px;
    -webkit-transform: translateX(150%);
        -ms-transform: translateX(150%);
            transform: translateX(150%);
  }
}

@media screen and (min-width: 1250px)
{
  section.favoris
  {
    top: 105px;
  }
}

@media screen and (max-width: 719px)
{
  section.favoris.open
  {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (min-width: 720px)
{
  section.favoris.open
  {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@media screen and (min-width: 720px)
{
  section.favoris .favoris__close
  {
    top: 54px;
    right: auto;
    left: 0;

    width: 44px;
    height: 44px;

    font-size: 14px;

    -webkit-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 720px)
{
  section.favoris .favoris__close::before
  {
    top: auto;
    bottom: 100%;
    left: 0;

    border-color: transparent transparent transparent #000000;
    border-width: 3px 0 0 42px;
  }
}

@media screen and (min-width: 720px)
{
  section.favoris .favoris__close::after
  {
    top: 100%;
    bottom: auto;
    left: 0;

    width: 0;
    height: 0;

    border-color: #000000 transparent transparent transparent;
    border-style: solid;
    border-width: 3px 42px 0 0;
  }
}

@media screen and (min-width: 720px)
{
  section.favoris .favoris__close .icon
  {
    top: 50%;
    bottom: auto;

    padding: 15px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 720px)
{
  section.favoris .favoris__content
  {
    padding: 20px 120px 20px 70px;
  }
  section.favoris .favoris__content::before
  {
    position: absolute;
    right: 0;
    bottom: 100%;

    display: block;

    content: "";

    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 0 0 6px 356px;
  }
}

@media screen and (min-width: 720px)
{
  section.favoris .favoris__content .content__scroll-wrapper__outer
  {
    margin: 10px 0;
  }
}

header .top-bar
{
  display: none;

  text-align: right;

  background-color: #000000;

  visibility: hidden;
}

header .top-bar .top-bar__item
{
  display: inline-block;
  padding: 18px 0 14px;
  margin: 0 15px;

  color: #ffffff;
}

header .top-bar .top-bar__item.onlyFR
{
	display:none!important;
}
.FR header .top-bar .top-bar__item.onlyFR
{
	display:  inline-block!important;
}

header .top-bar .top-bar__item .item__icon
{
  margin-right: 5px;

  font-size: 19px;
  vertical-align: middle;
}

header .top-bar .top-bar__item .item__label
{
  font-family: "Source Sans Pro";
  font-size: 13px;
  font-weight: 300;
  letter-spacing: -.01em;
}

header .top-bar .top-bar__item:last-child
{
  margin: 0 0 0 15px;
}

header .header-desktop .header__wrapper,
header .header-desktop .header__left,
header .header-desktop .header__right
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

header .header-mobile .header__wrapper,
header .header-mobile .header__left,
header .header-mobile .header__right
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

header .header-desktop .header__wrapper,
header .header-mobile .header__wrapper
{
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;

  -webkit-box-pack: justify;
}

header .header-desktop .header__left,
header .header-desktop .header__right
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  -webkit-box-align: center;
}

header .header-mobile
{
  position: absolute;
  z-index: 25;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 20px 0 0;

  background-color: transparent;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

header .header-mobile .header__left
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  -webkit-box-align: center;
}

header .header-mobile .header__right
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  color: #ffffff;
  font-size: 22px;

  -webkit-box-align: center;
}

header .header-mobile .header__right > div
{
  margin: 0 3px;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

header .header-mobile .header__right > div:last-child
{
  margin: 0 -10px 0 3px;
}

header .header-mobile .header__right > div .icon
{
  padding: 5px;
}

header .header-desktop
{
  display: none;
  padding: 35px 0;

  background-color: #ffffff;

  visibility: hidden;
}

header .header-desktop .logo-home
{
  display: none;
}

header .header-desktop .header__left .menu
{
  margin-right: 40px;
}

header .header-desktop .header__left .menu .menu-icon
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 40px;
  padding: 10px 0;

  font-size: 22px;

  -webkit-border-radius: 2px;
          border-radius: 2px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}
header .header-desktop .header__left .menu .menu-icon:before
{
	content:"menu";
	text-transform:uppercase;
	margin-right:8px;	
	font-size:14px;
	font-weight: 600;
}
.DE header .header-desktop .header__left .menu .menu-icon:before
{
	content:"menü";
}

header .header-desktop .header__right > *:nth-child(1)
{
  margin-right: 8px;
}

header .header-desktop .header__right > *:nth-child(2)
{
  margin-right: 15px;
  margin-left: 10px;
}

header .header-desktop .header__right > *:nth-child(3)
{
  margin-left: 15px;
}

header .header-desktop .language
{
  position: relative;
}

header .header-desktop .language::before
{
  position: absolute;
  top: 50%;
  left: -11px;

  display: block;
  width: 1px;
  height: 20px;

  content: "";

  background-color: #000000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

header .header-desktop .language .language__current
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 40px;
  height: 40px;
  padding: 10px;

  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;

  -webkit-border-radius: 2px;
          border-radius: 2px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

header .header-desktop .language .language__current.language__current_shown
{
  color: #ffffff;

  background-color: #000000;
}

header .header-desktop .language .language__box
{
  position: absolute;
  top: -webkit-calc(100% + 15px);
  top:         calc(100% + 15px);
  right: 0;
  z-index: 50;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 0;

  background-color: #ffffff;
  border: 1px solid rgba(177, 177, 177, .7);
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  opacity: 0;
  visibility: hidden;
}

header .header-desktop .language .language__box.language__box_shown
{
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);

  opacity: 1;
  visibility: visible;
}

header .header-desktop .language .language__box > *
{
  display: inline-block;
  padding: 10px;

  font-size: 15px;
  font-weight: normal;
}

header .header-desktop .language .language__box > *.langsite
{
  color: #000000;
  text-decoration: none;
}

header .header-desktop .language .language__box > *.langsiteActiv
{
  display: none;
}

header .header-desktop .logo,
header .header-desktop .logo-home
{
  width: 186px;
  height: 53px;
}

@media screen and (min-width: 720px)
{
  header .top-bar
  {
    display: block;
    height: 65px;

    visibility: visible;
  }
}

@media screen and (min-width: 400px)
{
  header .header-mobile
  {
    padding: 20px 5px 0;
  }
}

@media screen and (min-width: 500px)
{
  header .header-mobile
  {
    padding: 20px;
  }
}

@media screen and (min-width: 720px)
{
  header .header-mobile
  {
    display: none;

    visibility: hidden;
  }
}

@media screen and (min-width: 500px)
{
  header .header-mobile .header__right > div
  {
    margin: 0 8px;
  }
}

@media screen and (min-width: 500px)
{
  header .header-mobile .header__right > div:last-child
  {
    margin: 0 -10px 0 8px;
  }
}

@media screen and (min-width: 460px)
{
  header .header-mobile .header__right > div .icon
  {
    padding: 10px;
  }
}

@media screen and (min-width: 720px)
{
  header .header-desktop
  {
    display: block;
	visibility: visible;
  }
}

.anniviers header .header-desktop .logo,
.anniviers header .header-desktop .logo-home
{
  width: 186px;
  height: 53px;
}

header .header-mobile .header__left .logo,
.anniviers header .header-mobile .header__left .logo
{
  width: 180px;
}

@media screen and (min-width: 400px)
{
  header .header-mobile .header__left .logo,
  .anniviers header .header-mobile .header__left .logo
  {
    width: 230px;
  }
}

@media screen and (min-width: 500px)
{
  header .header-mobile .header__left .logo,
  .anniviers header .header-mobile .header__left .logo
  {
    width: 257px;
  }
}

.vercorin header .header-desktop .logo,
.vercorin header .header-desktop .logo-home
{
  width: 186px;
  height: 53px;
}

.vercorin header .header-mobile .header__left .logo
{
  width: 140px;
}

@media screen and (min-width: 400px)
{
  .vercorin header .header-mobile .header__left .logo
  {
    width: 173px;
  }
}

@media screen and (min-width: 500px)
{
  .vercorin header .header-mobile .header__left .logo
  {
    width: 180px;
  }
}

.sierre header .header-desktop .logo,
.sierre header .header-desktop .logo-home
{
  width: 146px;
  height: 53px;
}

.sierre header .header-mobile .header__left .logo
{
  width: 140px;
}

@media screen and (min-width: 400px)
{
  .sierre header .header-mobile .header__left .logo
  {
    width: 173px;
  }
}

@media screen and (min-width: 500px)
{
  .sierre header .header-mobile .header__left .logo
  {
    width: 180px;
  }
}

.home header .top-bar
{
  position: absolute;
  z-index: 30;

  width: 100%;

  background-color: rgba(0, 0, 0, .5);
}

.home header .header-desktop
{
  position: absolute;
  top: 72px;
  z-index: 25;

  width: 100%;

  background-color: transparent;
}

.home header .header-desktop .header__left .logo
{
  display: none;
}

.home header .header-desktop .header__left .logo-home
{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display:         inline-flex;
}

.home header .header-desktop .header__left .menu
{
  color: #ffffff;
}

.home header .header-desktop .header__right .search .search__icon
{
  color: #ffffff;
}

.home header .header-desktop .header__right .search #cse-search-box-api input[type=text]
{
  color: #ffffff;

  background-color: transparent;
  border-color: #ffffff;
}

.home header .header-desktop .header__right .search #cse-search-box-api input[type=text] .placeholder
{
  color: #ffffff;
}

.home header .header-desktop .header__right .share__icon
{
  color: #ffffff;
}

.home header .header-desktop .header__right .language::before
{
  background-color: #ffffff;
}

.home header .header-desktop .header__right .language__current
{
  color: #ffffff;
}

section.slider
{
  position: relative;

  margin-bottom: 0;
  overflow: hidden;
}

section.slider .slider__slogan
{
  position: absolute;
  top: 35%;
  left: 50%;
  z-index: 20;

  font-family: "Grota Rounded";
  line-height: 1;
  text-transform: uppercase;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

section.slider .slider__slogan .slogan__big
{
  font-size: 180px;
  font-weight: 900;
  line-height: 1;
  text-transform: none;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.slider .slider__slogan .slogan__text
{
  position: absolute;

  display: block;
  width: 250px;
  margin-top: -10px;

  color: #ffffff;
  line-height: 1.1;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.slider .slider__slogan .slogan__text .text__first
{
  margin-bottom: 7px;

  font-size: 35px;
  font-weight: 900;
}

section.slider .slider__slogan .slogan__text .text__second
{
  font-size: 20px;
}

section.slider .slider__skew
{
  position: absolute;
  bottom: 0;
  z-index: 2;

  width: 100%;
  height: 4vw;
  overflow: hidden;
  /* set height to pixels if you want angle to change with screen width */
}

@media screen and (min-width: 400px)
{
  section.slider .slider__slogan
  {
    top: 40%;
  }
}

@media screen and (min-width: 720px)
{
  section.slider .slider__slogan
  {
    top: 45%;
  }
}

/*.anniviers section.slider .slider__slogan .slogan__big {
  line-height: 1;
}
.vercorin section.slider .slider__slogan .slogan__big {
  line-height: 1;
}
.sierre section.slider .slider__slogan .slogan__big
{
  line-height: 0.9; 
}*/
@media screen and (min-width: 360px)
{
  section.slider .slider__slogan .slogan__big
  {
    font-size: 200px;
  }
}

@media screen and (min-width: 380px)
{
  section.slider .slider__slogan .slogan__big
  {
    font-size: 215px;
  }
}

@media screen and (min-width: 460px)
{
  section.slider .slider__slogan .slogan__big
  {
    font-size: 250px;
  }
}

@media screen and (min-width: 640px)
{
  section.slider .slider__slogan .slogan__big
  {
    font-size: 325px;
  }
}

@media screen and (min-width: 360px)
{
  section.slider .slider__slogan .slogan__text
  {
    -webkit-transform: translateX(35%);
        -ms-transform: translateX(35%);
            transform: translateX(35%);
  }
}

@media screen and (min-width: 380px)
{
  section.slider .slider__slogan .slogan__text
  {
    -webkit-transform: translateX(38%);
        -ms-transform: translateX(38%);
            transform: translateX(38%);
  }
}

@media screen and (min-width: 460px)
{
  section.slider .slider__slogan .slogan__text
  {
    -webkit-transform: translateX(45%);
        -ms-transform: translateX(45%);
            transform: translateX(45%);
  }
}

@media screen and (min-width: 640px)
{
  section.slider .slider__slogan .slogan__text
  {
    -webkit-transform: translateX(58%);
        -ms-transform: translateX(58%);
            transform: translateX(58%);
  }
}

@media screen and (min-width: 720px)
{
  section.slider .slider__slogan .slogan__text
  {
    width: 450px;
    margin-top: -20px;

    -webkit-transform: translateX(33%);
        -ms-transform: translateX(33%);
            transform: translateX(33%);
  }
}

.ie11 section.slider .slider__skew
.ie11 section.slider .boxbox .over
{
  bottom: -1px;
}

section.slider .boxbox
{
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;

  display: none;
  width: 120px;

  background-color: #000000;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.slider .boxbox::before
{
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;

  display: block;

  content: "";

  border-color: transparent transparent #000000 transparent;
  border-style: solid;
  border-width: 0 0 100px 10px;
}

section.slider .boxbox::after
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: -1;

  display: block;

  content: "";

  border-color: transparent transparent transparent #000000;
  border-style: solid;
  border-width: 100px 0 0 10px;
  -webkit-transform: translateX(-1%);
      -ms-transform: translateX(-1%);
          transform: translateX(-1%);
}

section.slider .boxbox .inner
{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  z-index: 3;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 20px 0;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.slider .boxbox .inner .inner__icon
{
  display: inline-block;
  height: 27px;

  color: #ffffff;
  font-size: 21px;
  vertical-align: middle;
}

section.slider .boxbox .inner .inner__separator
{
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 15px;

  content: "";
  vertical-align: middle;

  background-color: #ffffff;
}

section.slider .boxbox .over
{
  position: relative;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
}

section.slider .boxbox .over > svg
{
  position: absolute;
  bottom: 0;
  left: 50%;

  width: 100vw;
  height: 4vw;

  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.slider .slider__slogan .slogan__big
{
  color: #50b3d8;
}

@media screen and (min-width: 720px)
{
  section.slider .boxbox
  {
    display: block;
    height: 80px;
  }
}

@media screen and (min-width: 1100px)
{
  section.slider .boxbox
  {
    height: 90px;
  }
}

@media screen and (min-width: 1600px)
{
  section.slider .boxbox
  {
    height: 100px;
  }
}

.anniviers section.slider .slider__slogan .slogan__big,
.vercorin section.slider .slider__slogan .slogan__big
{
  color: #50b3d8;
}

.sierre section.slider .slider__slogan .slogan__big
{
  color: #ffd854;
}

.home section.slider .boxbox
{
  display: none;
}

section.content .content-container
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 830px;
  padding: 0 10px;
  margin-right: auto;
  margin-left: auto;
}

section.content article
{
  padding: 60px 0;
}

section.content article > *
{
  margin: 0 auto 80px;
}

section.content article > *:empty
{
  border: 1px solid blue;
}

section.content article > *:first-child
{
  margin-top: 0;
}

section.content article > *:last-child
{
  margin-bottom: 0;
}

section.content article.is-gray
{
  background-color: #f4f4f4;
}

section.content .content__scroll .icon
{
  display: block;
  margin: 0 auto 60px;

  font-size: 20px;
  text-align: center;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  cursor: pointer;
}

section.content .content__scroll .icon:hover
{
  -webkit-animation: bounce .7s ease 3;
          animation: bounce .7s ease 3;
}

section.content .headCtn
{
  /*fait office de divwrapper*/
  margin: 90px 0 30px;
  overflow: hidden;
}

section.content .headCtn h2:empty
{
  display: none;
}

section.content .separator-wrapper .separator__skew
{
  position: relative;

  width: 100%;
}

section.content .separator-wrapper .separator__skew .skew svg
{
  position: absolute;
  top: -1px;
  z-index: 2;

  width: 100%;
  height: 4vw;
  overflow: hidden;
  /* set height to pixels if you want angle to change with screen width */
}

section.content .separator-wrapper .separator__image .img
{
  position: relative;

  width: 100%;

  background: no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

section.content .separator-wrapper .separator__image .img:before
{
  display: block;
  padding-top: 60%;

  content: "";
}

@media screen and (min-width: 460px)
{
  section.content .content-container
  {
    padding: 0 20px;
  }
}

@media screen and (min-width: 720px)
{
  section.content article
  {
    padding: 210px 0;
  }
}

@media screen and (min-width: 720px)
{
  section.content article > *
  {
    margin: 0 auto 160px;
  }
}

@media screen and (min-width: 720px)
{
  section.content .content__scroll .icon
  {
    margin: 0 auto;

    font-size: 36px;
  }
}

@media screen and (min-width: 720px)
{
  section.content .headCtn
  {
    margin: 115px 0 50px;
  }
}

@media screen and (min-width: 720px)
{
  section.content .separator-wrapper .separator__image .img:before
  {
    padding-top: 25%;
  }
}

.webcam section.content .separator-wrapper
{
  display: none;
}

section.home .home-container
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1080px;
  padding: 0 10px;
  margin: 0 auto;
}

section.home .bloc__cartouche
{
  position: relative;

  margin: 60px 0;
}

section.home .bloc__cartouche::after
{
  display: block;
  clear: both;

  content: "";
}

section.home .bloc__cartouche .cartouche__header
{
  z-index: 1;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.home .bloc__cartouche .cartouche__header .header__title
{
  color: #000000;
  font-family: "Grota Rounded";
  font-size: 40px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

section.home .bloc__cartouche .cartouche__header .header__subtitle
{
  margin-bottom: 10px;

  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 21px;
  font-weight: normal;
}

section.home .bloc__cartouche .cartouche__header .header__more
{
  -webkit-align-content: center;
          align-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  color: #000000;
  font-size: 14px;
  font-weight: 300;

  -ms-flex-line-pack: center;
}

section.home .bloc__cartouche .cartouche__header .header__more .icon
{
  margin-right: 10px;

  font-size: 18px;
}

section.home .bloc__cartouche .cartouche__content
{
  position: relative;

  width: 100%;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.home .bloc__cartouche .cartouche__content::after
{
  display: block;
  clear: both;

  content: "";
}

section.home .bloc__cartouche .cartouche__content .content__image
{
  width: 90%;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.home .bloc__cartouche .cartouche__content .content__image .image__wrapper
{
  position: relative;
  z-index: 1;

  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

section.home .bloc__cartouche .cartouche__content .content__image .image__wrapper .img
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;

  width: 100%;

  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}

section.home .bloc__cartouche .cartouche__content .content__image .image__wrapper .img:hover .hover
{
  opacity: 1;
}

section.home .bloc__cartouche .cartouche__content .content__image .image__wrapper .img .hover
{
  position: absolute;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  height: 100%;

  color: #ffffff;
  font-size: 27px;

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

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  opacity: 0;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.home .bloc__cartouche .cartouche__content .content__image .image__wrapper .img .hover *
{
  margin: 0 3px 0;
}

section.home .bloc__cartouche .cartouche__content .content__box
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90%;
  min-height: 305px;
  padding: -webkit-calc(50% + 25px) 25px 35px 25px;
  padding:         calc(50% + 25px) 25px 35px 25px;
  margin-top: -50%;

  border: 1px solid #000000;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.home .bloc__cartouche .cartouche__content .content__box .item
{
  display: none;
  margin-bottom: 20px;
}

section.home .bloc__cartouche .cartouche__content .content__box .item.active
{
  display: block;
}

section.home .bloc__cartouche .cartouche__content .content__box .item .mobile__favoris
{
  position: absolute;
  bottom: 10px;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 40px;
  height: 40px;

  color: #000000;
  font-size: 25px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.home .bloc__cartouche .cartouche__content .content__box .item .mobile__favoris .add-favoris
{
  height: 26px;
}

section.home .bloc__cartouche .cartouche__content .content__box .item .box__content
{
  color: #000000;
  font-weight: 300;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__type
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-bottom: 25px;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__type .type__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 50px;
  height: 50px;

  font-size: 29px;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  cursor: pointer;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__type .type__item.selected
{
  color: #ffffff;

  background-color: #000000;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__title
{
  margin-bottom: 30px;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__mobile
{
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-pack: end;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__mobile .mobile__navigation
{
  position: absolute;
  bottom: 10px;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

section.home .bloc__cartouche .cartouche__content .content__box .box__mobile .mobile__navigation .navigation__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 40px;
  height: 40px;

  cursor: pointer;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.home .bloc__cartouche .cartouche__content .content__navigation
{
  position: absolute;
  bottom: 0;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 25%;
  height: 75px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.home .bloc__cartouche .cartouche__content .content__navigation .navigation__wrapper
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  font-size: 17px;
}

section.home .bloc__cartouche .cartouche__content .content__navigation .navigation__wrapper .navigation__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 40px;
  height: 40px;

  cursor: pointer;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

section.home .bloc__cartouche .cartouche__content .content__navigation .navigation__wrapper .navigation__item:last-child
{
  margin-left: 5px;
}

section.home .prepare
{
  margin: 160px 0 200px;
}

section.home .prepare .prepare__title
{
  font-family: "Grota Rounded";
  font-size: 39px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

section.home .prepare .prepare__subtitle
{
  margin-bottom: 50px;

  font-family: "Source Sans Pro";
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}

section.home .prepare .prepare__list
{
  position: relative;
}

section.home .prepare .prepare__list .list__item
{
  display: block;
  width: 33%;
  margin-bottom: 60px;
  overflow: hidden;

  text-align: center;
  text-decoration: none;
}

section.home .prepare .prepare__list .list__item .link
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  max-width: 380px;
  padding: 0 50px;
  margin: 0 auto;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

section.home .prepare .prepare__list .list__item .link .link__img
{
  width: 78%;
  margin: 0 auto;

  background-color: orange;
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper
{
  position: relative;

  display: block;
  overflow: hidden;

  background-color: #ffffff;
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper::after
{
  display: block;
  padding-top: 111.5%;

  content: "";
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper::before
{
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: 2;

  display: block;

  content: "";

  background-image: url(/template/image/reverse-pinpoint.svg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper .icon
{
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 2;

  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;

  color: #ffffff;
  font-size: 24px;
  line-height: 1;

  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper .img
{
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;

  display: block;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper:hover .img
{
          filter: blur(2px);

  -webkit-filter: blur(2px);
}

section.home .prepare .prepare__list .list__item .link .link__img .img__wrapper:hover .icon
{
  color: #000000;

  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

section.home .prepare .prepare__list .list__item .link .link__text
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  /*-ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;*/

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 20px 0 30px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-pack: center;
}

section.home .prepare .prepare__list .list__item .link .link__text h6
{
  color: #000000;
  font-weight: bold;
}

section.home .prepare .prepare__list .list__item .link .link__text .resume
{
  display: block;
  margin-top: 30px;

  color: #000000;
  font-weight: 300;
}

section.home .prepare .prepare__list .list__item .link .link__favorite
{
  color: #000000;
  font-size: 25px;
}

section.home .prepare .prepare__list .list__item .link .link__button
{
  margin-top: 15px;
}

section.home .prepare .prepare__list .list__navigation
{
  position: absolute;
  top: 25%;
  z-index: 50;

  width: 100%;

  color: #000000;
}

section.home .prepare .prepare__list .list__navigation .navigation
{
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

section.home .prepare .prepare__list .list__navigation .navigation::after
{
  display: block;
  clear: both;

  content: "";
}

section.home .prepare .prepare__list .list__navigation .navigation .navigation__icon
{
  position: absolute;

  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 15px;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  cursor: pointer;
}

section.home .prepare .prepare__list .list__navigation .navigation .navigation__icon.is-left
{
  left: 0;
}

section.home .prepare .prepare__list .list__navigation .navigation .navigation__icon.is-right
{
  right: 0;
}

section.home .prepare .prepare__button
{
  text-align: center;
}

section.home .activite-moment
{
  position: relative;

  margin: 120px 0 70px;
}

section.home .activite-moment .activite-moment__header
{
  position: relative;
  z-index: 2;

  width: 179px;
  height: 203px;
  margin: 0 auto -112px;
}

section.home .activite-moment .activite-moment__header .header__image
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}

section.home .activite-moment .activite-moment__header .header__text
{
  position: absolute;
  top: 50%;
  left: 50%;

  color: #ffffff;
  font-family: "Grota Rounded";
  font-size: 65px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;

  -webkit-transform: translate(-50%, -70%);
      -ms-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

section.home .activite-moment .activite-moment__list
{
  position: relative;

  width: 100%;
}

section.home .activite-moment .activite-moment__list::before,
section.home .activite-moment .activite-moment__list .item__image .img::before
{
  display: block;
  width: 100%;
  padding-top: 180%;

  content: "";

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.home .activite-moment .activite-moment__list .list-container
{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-align-content: center;
          align-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  height: 100%;

  -ms-flex-line-pack: center;
}

section.home .activite-moment .activite-moment__list .list__item
{
  position: absolute;
  left: 100%;

  width: 100%;
  height: 100%;
  min-width: 100%;
}

section.home .activite-moment .activite-moment__list .list__item .item__image .img
{
  position: absolute;

  width: 100%;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}

section.home .activite-moment .activite-moment__list .list__item .item__image .img::after
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  display: block;

  content: "";

  background-color: rgba(0, 0, 0, .5);
}

section.home .activite-moment .activite-moment__list .list__item .item__content
{
  position: absolute;
  top: 50%;
  z-index: 2;

  width: 100%;

  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content
{
  display: block;
  max-width: 300px;
  margin: 0 auto;

  text-align: center;
  word-break: break-word;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__pretitle
{
  margin-bottom: 15px;

  color: #ffffff;
  font-family: "Grota Rounded";
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__title
{
  display: block;
  margin-bottom: 20px;

  color: #ffffff;
  font-family: "Grota Rounded";
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__text
{
  display: block;
  max-width: 450px;
  margin-bottom: 20px;

  color: #ffffff;
  font-weight: 300;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__favoris
{
  margin-bottom: 15px;

  color: #ffffff;
  font-size: 25px;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__showall .button-effect
{
  padding: 14px 40px;

  color: #ffffff;
  font-weight: normal;

  border-color: #ffffff;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__showall .button-effect::after
{
  background-color: #ffffff;
}

section.home .activite-moment .activite-moment__list .list__item .item__content .content__showall .button-effect:hover
{
  color: #000000;

  border-color: transparent;
}

section.home .activite-moment .activite-moment__list .list__navigation
{
  position: absolute;
  top: 40%;
  z-index: 50;

  width: 100%;

  color: #ffffff;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

section.home .activite-moment .activite-moment__list .list__navigation .navigation
{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

section.home .activite-moment .activite-moment__list .list__navigation .navigation::after
{
  display: block;
  clear: both;

  content: "";
}

section.home .activite-moment .activite-moment__list .list__navigation .navigation .navigation__icon
{
  position: absolute;

  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 15px;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  cursor: pointer;
}

section.home .activite-moment .activite-moment__list .list__navigation .navigation .navigation__icon.is-left
{
  left: 0;
}

section.home .activite-moment .activite-moment__list .list__navigation .navigation .navigation__icon.is-right
{
  right: 0;
}

section.home .agenda
{
  margin: 120px 0 70px;
}

section.home .agenda .agenda__list
{
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-bottom: 60px;

  -webkit-box-pack: center;
}

section.home .agenda .agenda__list .list__item
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  max-width: 33.3333%;
  overflow: hidden;

  color: #000000;
  font-weight: 300;
}

section.home .agenda .agenda__list .list__item:nth-child(odd)
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

section.home .agenda .agenda__list .list__item:nth-child(odd) .item__content .content__back .back__pinpoint
{
  top: 1px;

  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

section.home .agenda .agenda__list .list__item:nth-child(odd) .item__content .content__back .back__pinpoint .icon
{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

section.home .agenda .agenda__list .list__item:nth-child(odd) .item__content .content__back .back__resume,
section.home .agenda .agenda__list .list__item:nth-child(odd) .item__content .content__back .back__buttons
{
  width: 100%;

  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}

section.home .agenda .agenda__list .list__item:nth-child(even)
{
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;

  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

section.home .agenda .agenda__list .list__item:nth-child(even) .item__content .content__back .back__pinpoint
{
  bottom: 1px;

  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

section.home .agenda .agenda__list .list__item:nth-child(even) .item__content .content__back .back__resume,
section.home .agenda .agenda__list .list__item:nth-child(even) .item__content .content__back .back__buttons
{
  width: 100%;

  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
}

section.home .agenda .agenda__list .list__item:hover .item__content .content__back
{
  opacity: 1;
}

section.home .agenda .agenda__list .list__item:hover .item__content .content__back .back__resume,
section.home .agenda .agenda__list .list__item:hover .item__content .content__back .back__buttons
{
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);

  opacity: 1;
}

section.home .agenda .agenda__list .list__item .item__image
{
  position: relative;
}

section.home .agenda .agenda__list .list__item .item__image .img
{
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}

section.home .agenda .agenda__list .list__item .item__image .img::before
{
  display: block;
  width: 100%;
  padding-top: 100%;

  content: "";
}

section.home .agenda .agenda__list .list__item .item__content
{
  position: relative;
}

section.home .agenda .agenda__list .list__item .item__content::before
{
  display: block;
  width: 100%;
  padding-top: 100%;

  content: "";
}

section.home .agenda .agenda__list .list__item .item__content .content__front,
section.home .agenda .agenda__list .list__item .item__content .content__back
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
}

section.home .agenda .agenda__list .list__item .item__content .content__front
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  line-height: 1.1;
  text-align: center;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

section.home .agenda .agenda__list .list__item .item__content .content__front .front__date
{
  margin-bottom: 5px;

  font-family: "Grota Rounded";
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
}

section.home .agenda .agenda__list .list__item .item__content .content__front .front__title
{
  margin-bottom: 18px;

  font-family: "Grota Rounded";
  font-size: 19px;
  text-transform: uppercase;
}

section.home .agenda .agenda__list .list__item .item__content .content__front .front__place
{
  font-family: "Source Sans Pro";
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
}

section.home .agenda .agenda__list .list__item .item__content .content__front .front__place::before,
section.home .agenda .agenda__list .list__item .item__content .content__front .front__place::after
{
  display: inline;

  content: "-";
}

section.home .agenda .agenda__list .list__item .item__content .content__back
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  color: #ffffff;
  text-align: center;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  opacity: 0;

  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

section.home .agenda .agenda__list .list__item .item__content .content__back .back__resume,
section.home .agenda .agenda__list .list__item .item__content .content__back .back__buttons
{
  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  opacity: 0;
}

section.home .agenda .agenda__list .list__item .item__content .content__back .back__pinpoint
{
  position: absolute;
  left: 50%;
  z-index: 0;

  width: 140px;
  height: 44px;

  color: transparent;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

section.home .agenda .agenda__list .list__item .item__content .content__back .back__pinpoint .icon
{
  width: 140px;
  height: 44px;
}

section.home .agenda .agenda__list .list__item .item__content .content__back .back__resume
{
  margin-bottom: 15px;
}

section.home .agenda .agenda__list .list__item .item__content .content__back .back__buttons
{
  font-size: 25px;
}

section.home .agenda .agenda__list .list__item .item__content .content__back .back__buttons span
{
  margin-left: 10px;
}

section.home .agenda .agenda__button
{
  text-align: center;
}

section.home .activite-moment .activite-moment__header .header__image
{
  background-image: url(/template/image/pinpoint-yellow.svg);
}

@media screen and (min-width: 460px)
{
  section.home .home-container
  {
    padding: 0 20px;
  }
}

@media screen and (min-width: 720px)
{
  section.home .bloc__cartouche
  {
    margin: 200px 0;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche.is-left .cartouche__header
  {
    right: 0;

    padding-left: 75px;
  }
  section.home .bloc__cartouche.is-left .cartouche__content
  {
    float: left;
  }
  section.home .bloc__cartouche.is-left .cartouche__content .content__image
  {
    float: left;
  }
  section.home .bloc__cartouche.is-left .cartouche__content .content__box
  {
    right: 0;

    padding: 75px 75px 75px -webkit-calc(25% + 75px);
    padding: 75px 75px 75px calc(25% + 75px);
  }
  section.home .bloc__cartouche.is-left .cartouche__content .content__navigation
  {
    left: 25%;
  }
}

@media screen and (min-width: 1100px) and (min-width: 1100px)
{
  section.home .bloc__cartouche.is-right .cartouche__header
  {
    left: 0;

    padding: 0 30px 0 75px;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche.is-right .cartouche__content
  {
    float: right;
  }
  section.home .bloc__cartouche.is-right .cartouche__content .content__image
  {
    float: right;
  }
  section.home .bloc__cartouche.is-right .cartouche__content .content__box
  {
    left: 0;

    padding: 75px -webkit-calc(25% + 75px) 75px 75px;
    padding: 75px calc(25% + 75px) 75px 75px;
  }
  section.home .bloc__cartouche.is-right .cartouche__content .content__navigation
  {
    right: 25%;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche .cartouche__header
  {
    position: absolute;
    top: 0;

    width: 50%;
  }
}

@media screen and (min-width: 720px)
{
  section.home .bloc__cartouche .cartouche__header .header__title
  {
    margin-bottom: 5px;

    font-size: 54px;
  }
}

@media screen and (min-width: 720px)
{
  section.home .bloc__cartouche .cartouche__header .header__subtitle
  {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content
  {
    margin-top: 50px;
  }
}

@media screen and (min-width: 720px) and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content
  {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche .cartouche__content
  {
    padding-bottom: 75px;
  }
}

@media screen and (min-width: 320px) and (max-width: 459px)
{
  section.home .bloc__cartouche .cartouche__content .content__image
  {
    width: 90%;
  }
}

@media screen and (min-width: 460px) and (max-width: 719px)
{
  section.home .bloc__cartouche .cartouche__content .content__image
  {
    width: 80%;
  }
}

@media screen and (min-width: 720px) and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content .content__image
  {
    width: 50%;
  }
}

@media screen and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content .content__image
  {
    float: left;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche .cartouche__content .content__image
  {
    width: 50%;
  }
}

@media screen and (min-width: 400px) and (max-width: 559px)
{
  section.home .bloc__cartouche .cartouche__content .content__box
  {
    padding: -webkit-calc(50% + 50px) 50px 50px 50px;
    padding:         calc(50% + 50px) 50px 50px 50px;
    margin-top: -50%;
  }
}

@media screen and (min-width: 560px) and (max-width: 639px)
{
  section.home .bloc__cartouche .cartouche__content .content__box
  {
    padding: -webkit-calc(45% + 50px) 50px 50px 50px;
    padding:         calc(45% + 50px) 50px 50px 50px;
    margin-top: -45%;
  }
}

@media screen and (min-width: 640px) and (max-width: 719px)
{
  section.home .bloc__cartouche .cartouche__content .content__box
  {
    padding: -webkit-calc(40% + 50px) 50px 50px 50px;
    padding:         calc(40% + 50px) 50px 50px 50px;
    margin-top: -40%;
  }
}

@media screen and (max-width: 719px)
{
  section.home .bloc__cartouche .cartouche__content .content__box
  {
    position: relative;

    float: right;
  }
}

@media screen and (min-width: 720px) and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content .content__box
  {
    right: 0;

    padding: 50px 50px 50px -webkit-calc(25% + 50px);
    padding: 50px 50px 50px calc(25% + 50px);
  }
}

@media screen and (min-width: 720px)
{
  section.home .bloc__cartouche .cartouche__content .content__box
  {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 75%;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .item .mobile__favoris
  {
    display: none;
  }
}

@media screen and (min-width: 460px) and (max-width: 719px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type
  {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    margin-bottom: 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (min-width: 460px) and (max-width: 519px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type
  {
    padding: 4.5%;
  }
}

@media screen and (min-width: 520px) and (max-width: 639px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type
  {
    padding: 5.5%;
  }
}

@media screen and (min-width: 640px) and (max-width: 719px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type
  {
    padding: 6.5%;
  }
}

@media screen and (min-width: 720px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type
  {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 460px) and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type .type__item:not(:first-child)
  {
    margin-top: 5px;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__type .type__item:not(:first-child)
  {
    margin-left: 5px;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .bloc__cartouche .cartouche__content .content__box .box__mobile
  {
    display: none;
  }
}

@media screen and (max-width: 1099px)
{
  section.home .bloc__cartouche .cartouche__content .content__navigation
  {
    display: none;
  }
}

@media screen and (max-width: 1099px)
{
  section.home .prepare .prepare__list
  {
    height: 600px;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .prepare .prepare__list
  {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: center;
  }
}

@media screen and (max-width: 1099px)
{
  section.home .prepare .prepare__list .list__item
  {
    position: absolute;

    display: block;
    min-width: 100%;

    -webkit-transition: opacity .6s ease;
         -o-transition: opacity .6s ease;
            transition: opacity .6s ease;

    opacity: 0;
  }
  section.home .prepare .prepare__list .list__item.active
  {
    opacity: 1;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .prepare .prepare__list .list__navigation
  {
    display: none;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .activite-moment
  {
    margin: 160px 0 200px;
  }
}

@media screen and (min-width: 420px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 140%;
  }
}

@media screen and (min-width: 460px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 120%;
  }
}

@media screen and (min-width: 520px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 100%;
  }
}

@media screen and (min-width: 640px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 90%;
  }
}

@media screen and (min-width: 720px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 80%;
  }
}

@media screen and (min-width: 860px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 60%;
  }
}

@media screen and (min-width: 960px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 55%;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 50%;
  }
}

@media screen and (min-width: 1400px)
{
  section.home .activite-moment .activite-moment__list::before,
  section.home .activite-moment .activite-moment__list .item__image .img::before
  {
    padding-top: 35%;
  }
}

@media screen and (min-width: 450px)
{
  section.home .activite-moment .activite-moment__list .list__item .item__content .content
  {
    max-width: 450px;
  }
}

@media screen and (min-width: 1100px)
{
  section.home .agenda
  {
    margin: 160px 0 200px;
  }
}

@media screen and (max-width: 859px)
{
  section.home .agenda .agenda__list .list__item
  {
    max-width: 50%;
  }
  section.home .agenda .agenda__list .list__item:nth-child(3)
  {
    display: none;
  }
}

@media screen and (max-width: 560px)
{
  section.home .agenda .agenda__list .list__item
  {
    max-width: 100%;
  }
  section.home .agenda .agenda__list .list__item:nth-child(2)
  {
    display: none;
  }
}

.anniviers section.home .activite-moment .activite-moment__header .header__image,
.vercorin section.home .activite-moment .activite-moment__header .header__image
{
  background-image: url(/template/image/pinpoint-yellow.svg);
}

section.home .activite-moment .activite-moment__list .list__item .item__image .img,
.anniviers section.home .activite-moment .activite-moment__list .list__item .item__image .img
{
  background-image: url(/template/image/defaultActivite_anniviers.jpg);
}
.vercorin section.home .activite-moment .activite-moment__list .list__item .item__image .img
{
  background-image: url(/template/image/defaultActivite_vercorin.jpg);
}
.sierre section.home .activite-moment .activite-moment__header .header__image
{
  background-image: url(/template/image/pinpoint-orange.svg);
}

.sierre section.home .activite-moment .activite-moment__list .list__item .item__image .img
{
  background-image: url(/template/image/defaultActivite_sierre.jpg);
}

.agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back,
.anniviers .agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back,
.vercorin .agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back
{
  background-color: #a8ce5f;
}

.agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back .back__pinpoint,
.anniviers .agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back .back__pinpoint,
.vercorin .agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back .back__pinpoint
{
  color: #a8ce5f;
}

.agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back,
.anniviers .agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back,
.vercorin .agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back
{
  background-color: #51bab4;
}

.agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back .back__pinpoint,
.anniviers .agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back .back__pinpoint,
.vercorin .agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back .back__pinpoint
{
  color: #51bab4;
}

.agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back,
.anniviers .agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back,
.vercorin .agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back
{
  background-color: #50b3d8;
}

.agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back .back__pinpoint,
.anniviers .agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back .back__pinpoint,
.vercorin .agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back .back__pinpoint
{
  color: #50b3d8;
}

.sierre .agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back
{
  background-color: #e5b468;
}

.sierre .agenda .agenda__list .list__item:nth-child(5n + 1):hover .item__content .content__back .back__pinpoint
{
  color: #e5b468;
}

.sierre .agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back
{
  background-color: #a94557;
}

.sierre .agenda .agenda__list .list__item:nth-child(5n + 2):hover .item__content .content__back .back__pinpoint
{
  color: #a94557;
}

.sierre .agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back
{
  background-color: #eb5e5a;
}

.sierre .agenda .agenda__list .list__item:nth-child(5n + 3):hover .item__content .content__back .back__pinpoint
{
  color: #eb5e5a;
}

/* ENTETE DES PAGES*/
.imgcropctn.accroche:before
{
  display: block;
  padding-top: 25%;

  content: "";
}

/* LISTES */
.listCtn
{
  position: relative;
}

.listElement
{
  position: relative;
  z-index: 20;

  display: block;
  float: left;
  width: 100%;

  text-decoration: none;

  page-break-inside: avoid;
}

.listElement:before
{
  display: block;
  padding-top: 100%;

  content: "";
}

.listElement .img
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.listElement .txt
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  overflow: hidden;

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

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;
}

.listElement .txt .txt__wrapper
{
  position: absolute;
  top: 50%;

  width: 100%;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.listElement .txt .txt__wrapper h5
{
  z-index: 2;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 30px;
  margin: 0;

  color: #ffffff;
  text-align: center;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.listElement .txt .txt__wrapper .resume
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0 30px;
  margin: 30px 0 0;

  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.listElement .txt .txt__wrapper .buttons
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 30px;
  margin: 20px 0 0;

  color: #ffffff;
  font-size: 25px;
  text-align: center;
}

.listElement .txt .txt__wrapper .buttons > span
{
  margin-left: 10px;
}

.listElement .txt .txt__wrapper .resume,
.listElement .txt .txt__wrapper .buttons
{
  max-height: 0;
  margin: 0;

  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  opacity: 0;
  visibility: hidden;
}

.listElement:hover .txt .resume
{
  margin: 30px 0 0;
}

.listElement:hover .txt .buttons
{
  margin: 20px 0 0;
}

.listElement:hover .txt .resume,
.listElement:hover .txt .buttons
{
  max-height: 300px;

  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);

  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 520px)
{
  .listElement
  {
    width: 50%;
  }
}

@media screen and (min-width: 960px)
{
  .listElement
  {
    width: 33.33333%;
  }
}

.listCtn .listElement:nth-child(5n + 1):hover .txt,
.listCtn .listElement:nth-child(5n + 1).active .txt
{
  background-color: #a8ce5f;
}

.anniviers .listCtn .listElement:nth-child(5n + 1):hover .txt,
.anniviers .listCtn .listElement:nth-child(5n + 1).active .txt,
.vercorin .listCtn .listElement:nth-child(5n + 1):hover .txt,
.vercorin .listCtn .listElement:nth-child(5n + 1).active .txt
{
  background-color: #a8ce5f;
}

.listCtn .listElement:nth-child(5n + 2):hover .txt,
.listCtn .listElement:nth-child(5n + 2).active .txt
{
  background-color: #61d19e;
}

.anniviers .listCtn .listElement:nth-child(5n + 2):hover .txt,
.anniviers .listCtn .listElement:nth-child(5n + 2).active .txt,
.vercorin .listCtn .listElement:nth-child(5n + 2):hover .txt,
.vercorin .listCtn .listElement:nth-child(5n + 2).active .txt
{
  background-color: #61d19e;
}

.listCtn .listElement:nth-child(5n + 3):hover .txt,
.listCtn .listElement:nth-child(5n + 3).active .txt
{
  background-color: #51bab4;
}

.anniviers .listCtn .listElement:nth-child(5n + 3):hover .txt,
.anniviers .listCtn .listElement:nth-child(5n + 3).active .txt,
.vercorin .listCtn .listElement:nth-child(5n + 3):hover .txt,
.vercorin .listCtn .listElement:nth-child(5n + 3).active .txt
{
  background-color: #51bab4;
}

.listCtn .listElement:nth-child(5n + 4):hover .txt,
.listCtn .listElement:nth-child(5n + 4).active .txt
{
  background-color: #50b3d8;
}

.anniviers .listCtn .listElement:nth-child(5n + 4):hover .txt,
.anniviers .listCtn .listElement:nth-child(5n + 4).active .txt,
.vercorin .listCtn .listElement:nth-child(5n + 4):hover .txt,
.vercorin .listCtn .listElement:nth-child(5n + 4).active .txt
{
  background-color: #50b3d8;
}

.listCtn .listElement:nth-child(5n + 5):hover .txt,
.listCtn .listElement:nth-child(5n + 5).active .txt
{
  background-color: #266fac;
}

.anniviers .listCtn .listElement:nth-child(5n + 5):hover .txt,
.anniviers .listCtn .listElement:nth-child(5n + 5).active .txt,
.vercorin .listCtn .listElement:nth-child(5n + 5):hover .txt,
.vercorin .listCtn .listElement:nth-child(5n + 5).active .txt
{
  background-color: #266fac;
}

.sierre .listCtn .listElement:nth-child(5n + 1):hover .txt,
.sierre .listCtn .listElement:nth-child(5n + 1).active .txt
{
  background-color: #e5b468;
}

.sierre .listCtn .listElement:nth-child(5n + 2):hover .txt,
.sierre .listCtn .listElement:nth-child(5n + 2).active .txt
{
  background-color: #d57c5d;
}

.sierre .listCtn .listElement:nth-child(5n + 3):hover .txt,
.sierre .listCtn .listElement:nth-child(5n + 3).active .txt
{
  background-color: #a94557;
}

.sierre .listCtn .listElement:nth-child(5n + 4):hover .txt,
.sierre .listCtn .listElement:nth-child(5n + 4).active .txt
{
  background-color: #7a3a58;
}

.sierre .listCtn .listElement:nth-child(5n + 5):hover .txt,
.sierre .listCtn .listElement:nth-child(5n + 5).active .txt
{
  background-color: #5f3557;
}

footer .menu-more
{
  margin: 80px 0 40px;
}

footer .menu-more .menu-more__icons
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-bottom: 30px;

  font-size: 31px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

footer .menu-more .menu-more__icons .icons
{
  margin: 0 15px;

  color: #000000;
}

footer .menu-more .menu-more__icons .icons:nth-child(1),
footer .menu-more .menu-more__icons .icons:nth-child(2)
{
  font-size: 27px;
}

footer .keep-touch
{
  padding: 120px 0;

  color: #ffffff;
}

footer .keep-touch .keep-touch__socials
{
  text-align: center;
}

footer .keep-touch .keep-touch__socials .socials__link
{
  margin: 0 7px;

  color: #ffffff;
  font-size: 28px;
}

footer .keep-touch .keep-touch__title
{
  margin: 7px 0 40px;

  color: #ffffff;
  font-family: "Grota Rounded";
  font-size: 38px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

footer .keep-touch .keep-touch__newsletter
{
  text-align: center;
}

footer .keep-touch .keep-touch__newsletter .button-effect
{
  color: #ffffff;

  border-color: #ffffff;
}

footer .keep-touch .keep-touch__newsletter .button-effect::after
{
  background-color: #ffffff;
}

footer .contact-us
{
  padding: 80px 0;
}

footer .contact-us .contact-us__title .title__line
{
  color: black;
  font-family: "Grota Rounded";
  font-size: 36px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

footer .contact-us .contact-us__title .title__line:first-child
{
  font-weight: 900;
}

footer .contact-us .contact-us__subtitle
{
  margin-top: 20px;

  font-family: "Source Sans Pro";
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

footer .contact-us .contact-us__subtitle a
{
	font-size: 15px;
  font-weight: 600;
	color:#000000;
}

footer .contact-us .contact-us__list
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-top: 70px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

footer .contact-us .contact-us__list .list__item .item__logo
{
  position: relative;

  display: block;
  margin: 0 20px 30px;

  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

footer .contact-us .contact-us__list .list__item .item__logo::after
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  content: "";

  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  opacity: 0;
}

footer .contact-us .contact-us__list .list__item .item__logo:hover::after
{
  opacity: 1;
}

footer .contact-us .contact-us__list .list__item .item__logo.is-anniviers
{
  width: 210px;
  height: 36px;

  background-image: url(/template/image/logo/anniviers-grey.svg);
}

footer .contact-us .contact-us__list .list__item .item__logo.is-anniviers::after
{
  background-image: url(/template/image/logo/anniviers.svg);
}



footer .contact-us .contact-us__list .list__item .item__logo.is-sierre
{
  width: 138px;
  height: 50px;

  background-image: url(/template/image/logo/sierre-grey.svg);
}

footer .contact-us .contact-us__list .list__item .item__logo.is-sierre::after
{
  background-image: url(/template/image/logo/sierre.svg);
}

footer .contact-us .contact-us__list .list__item .item__logo.is-vercorin
{
  width: 176px;
  height: 50px;

  background-image: url(/template/image/logo/vercorin-grey-FR.svg);
}

footer .contact-us .contact-us__list .list__item .item__logo.is-vercorin::after
{
  background-image: url(/template/image/logo/vercorin-FR.svg);
}

.DE footer .contact-us .contact-us__list .list__item .item__logo.is-vercorin
{
	background-image: url(/template/image/logo/vercorin-grey-DE.svg);
}
.DE footer .contact-us .contact-us__list .list__item .item__logo.is-vercorin::after
{
  background-image: url(/template/image/logo/vercorin-DE.svg);
}
.EN footer .contact-us .contact-us__list .list__item .item__logo.is-vercorin
{
	background-image: url(/template/image/logo/vercorin-grey-EN.svg);
}
.EN footer .contact-us .contact-us__list .list__item .item__logo.is-vercorin::after
{
  background-image: url(/template/image/logo/vercorin-EN.svg);
}


footer .powered-by
{
  margin: 40px 0 200px;

  font-size: 12px;
  font-weight: 300;
  text-align: center;
}

footer .powered-by a
{
  color: #000000;
  font-weight: 300;
}

footer .keep-touch
{
  background-color: #003857;
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  footer .powered-by
  {
    margin: 40px 0 120px;
  }
}

@media screen and (min-width: 720px)
{
  footer .powered-by
  {
    margin: 60px 0 180px;
  }
}

.anniviers footer .keep-touch
{
  background-color: #003857;
}

footer .keep-touch .keep-touch__newsletter .button-effect:hover,
.anniviers footer .keep-touch .keep-touch__newsletter .button-effect:hover,
.vercorin footer .keep-touch .keep-touch__newsletter .button-effect:hover
{
  color: #003857;
}

.sierre footer .keep-touch
{
  background-color: #440b40;
}

.sierre footer .keep-touch .keep-touch__newsletter .button-effect:hover
{
  color: #440b40;
}

.bottom-bar
{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 51;

  width: 100vw;

  background-color: #ffffff;
}

#mainPanel.open .bottom-bar
{
  display: none;
}

.bottom-bar .bottom-bar__container
{
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.bottom-bar .bottom-bar__skew
{
  position: absolute;
  right: 0;
  bottom: -webkit-calc(100% - 1px);
  bottom:         calc(100% - 1px);
  left: 0;
  z-index: 2;

  display: none;
  width: 100%;
  height: 4vw;

  visibility: hidden;
}

.bottom-bar .bottom-bar__news
{
  position: absolute;
  bottom: 100%;
  z-index: 2;

  width: 100%;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.bottom-bar .bottom-bar__news .news__cartouche
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.bottom-bar .bottom-bar__news .news__cartouche.open .cartouche__popup
{
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);

  opacity: 1;
  visibility: visible;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button
{
  position: relative;
  bottom: 0;

  display: none;
  width: 120px;
  height: 56px;
  margin-left: 97.5px;

  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button .button__inner
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  z-index: 2;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  cursor: pointer;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::before,
.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::after
{
  position: absolute;
  bottom: 0;

  display: block;

  content: "";

  border-style: solid;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::before
{
  right: 100%;

  border-width: 0 0 54px 5px;
  -webkit-transform: translateX(.1%);
      -ms-transform: translateX(.1%);
          transform: translateX(.1%);
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::after
{
  left: 100%;

  border-width: 54px 0 0 5px;
  -webkit-transform: translateX(-.1%);
      -ms-transform: translateX(-.1%);
          transform: translateX(-.1%);
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button .inner__number
{
  position: absolute;
  top: -7px;
  right: 7px;

  height: 15px;
  padding: 0 4px;

  color: #003857;
  font-size: 13px;
  font-weight: 900;
  line-height: 15px;
  text-align: center;

  -webkit-border-radius: 15px;
          border-radius: 15px;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__button .inner__label
{
  font-family: "Grota Rounded";
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  overflow: hidden;

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  opacity: 0;
  visibility: hidden;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close
{
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 51;

  width: 50px;
  height: 85px;

  color: #000000;
  font-size: 32px;

  background-color: #ffffff;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close::before
{
  position: absolute;
  top: 0;
  right: 100%;

  display: block;

  content: "";

  border-color: transparent #ffffff transparent transparent;
  border-style: solid;
  border-width: 0 5px 83px 0;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close::after
{
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;

  display: block;

  content: "";

  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 83px 5px 0 0;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close .icon
{
  position: absolute;
  bottom: 10px;
  left: 50%;

  padding: 8px;

  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);

  cursor: pointer;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list
{
  position: relative;

  width: 100%;
  height: 100%;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list::before
{
  display: block;
  width: 100%;
  padding-top: 50%;

  content: "";
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item
{
  position: absolute;
  top: 0;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;

  -webkit-transition: opacity .4s ease;
       -o-transition: opacity .4s ease;
          transition: opacity .4s ease;

  opacity: 0;
	z-index:0;
}


.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item.active
{
  opacity: 1;
	z-index:1;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__image
{
  width: 50%;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__image .img
{
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__image .img::before
{
  display: block;
  width: 100%;
  padding-top: 100%;

  content: "";
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content
{
  position: relative;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  color: #ffffff;
  text-align: center;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__title
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;

  font-family: "Grota Rounded";
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__text
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;

  font-weight: 400;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation
{
  position: absolute;

  color: #ffffff;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation .navigation
{
  width: 100%;
  margin: 0 auto;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation .navigation::after
{
  display: block;
  clear: both;

  content: "";
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation .navigation .navigation__icon
{
  position: absolute;
  z-index: 2;

  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 15px;

  cursor: pointer;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation .navigation .navigation__icon.is-left
{
  left: 0;
}

.bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation .navigation .navigation__icon.is-right
{
  right: 0;
}

.bottom-bar .bottom-bar__news .news__over
{
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;

  display: none;

  visibility: hidden;
}

.bottom-bar .bottom-bar__news .news__over > svg
{
  position: absolute;
  bottom: 0;
  left: 50%;

  width: 100vw;
  height: 4vw;

  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bottom-bar .bottom-bar__wrapper
{
  position: relative;
  z-index: 2;

  background-color: #ffffff;
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list
{
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item
{
  width: 20%;

  text-align: center;
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item
{
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 20px 0;

  color: #000000;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item::after
{
  position: absolute;
  bottom: 0;

  display: block;
  width: 100%;
  height: 5px;

  content: "";

  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item:hover::after
{
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item .item__icon
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  font-size: 28px;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item .item__label
{
  font-size: 13px;
  font-weight: 300;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-preferred-size: 50%;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item
{
  padding: 14px 0;

  cursor: pointer;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content
{
  color: #ffffff;
  font-family: "Grota Rounded";
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item.popup__open .item__content
{
  color: #dcdd3a;
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__skew
  {
    display: block;

    visibility: visible;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news
  {
    bottom: 0;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche
  {
    padding: 0 10px;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button
  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    visibility: visible;
  }
}

@media screen and (min-width: 1400px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button
  {
    height: 64px;
  }
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::before
  {
    border-width: 0 0 62px 5px;
  }
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::after
  {
    border-width: 62px 0 0 5px;
  }
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button .inner__label
  {
    margin-top: -10px;
  }
}

@media screen and (min-width: 1600px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button
  {
    height: 70px;
  }
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::before
  {
    border-width: 0 0 68px 5px;
  }
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button::after
  {
    border-width: 68px 0 0 5px;
  }
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__button .inner__label
  {
    margin-top: -10px;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup
  {
    position: absolute;
    bottom: 0;

    width: 100%;
    height: -webkit-calc(100vh - 100%);
    height:         calc(100vh - 100%);

    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup
  {
    position: absolute;
    bottom: 0;
    z-index: -1;

    width: 650px;

    background-color: rgba(0, 0, 0, .6);
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close
  {
    width: 40px;
    height: 60px;

    font-size: 20px;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close
  {
    right: 26px;

    width: 34px;
    height: 46px;

    color: #ffffff;
    font-size: 12px;

    background-color: #000000;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close::before
  {
    right: 99%;

    border-color: transparent #000000 transparent transparent;
    border-width: 0 4px 44px 0;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close::before
  {
    border-width: 0 4px 58px 0;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close::after
  {
    left: 99%;

    border-color: #000000 transparent transparent transparent;
    border-width: 44px 4px 0 0;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close::after
  {
    border-width: 58px 4px 0 0;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close .icon
  {
    top: 50%;
    bottom: auto;

    padding: 19px 16px 13px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__close .icon
  {
    bottom: 5px;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item
  {
    top: 47%;
    -webkit-align-items: center;
            align-items: center;
    -ms-flex-align: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__image
  {
    width: 70%;
    max-width: 300px;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__image
  {
    max-width: 200px;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content
  {
    width: 90%;
    max-width: 420px;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content
  {
    width: 50%;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__title
  {
    position: absolute;
    bottom: 60%;

    padding: 0 40px;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__title
  {
    margin: 10px 0 15px;

    font-size: 30px;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__title
  {
    font-size: 20px;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__text
  {
    position: absolute;
    top: 45%;

    padding: 0 30px;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__text
  {
    font-size: 20px;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__list .list__item .item__content .content__text
  {
    font-size: 16px;
  }
}

@media screen and (max-width: 719px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation
  {
    top: 39%;
    left: 50%;
    z-index: 10;

    width: 90%;
    max-width: 450px;
    margin: 0 auto;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__cartouche .cartouche__popup .popup__navigation
  {
    top: 32%;
    right: 0;

    width: 50%;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__news .news__over
  {
    display: block;

    visibility: visible;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item
  {
    padding: 10px 0;
  }
}

@media screen and (min-width: 720px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item
  {
    padding: 10px 0 10px;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item .item__icon
  {
    margin-bottom: 10px;

    font-size: 25px;
  }
}

@media screen and (max-width: 720px)
{
  .bottom-bar .bottom-bar__wrapper .bottom-bar__list .list__item .item .item__label
  {
    display: none;

    visibility: hidden;
  }
}

@media screen and (min-width: 720px)
{
  .bottom-bar .bottom-bar__wrapper.is-mobile
  {
    display: none;

    visibility: hidden;
  }
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item
  {
    padding: 8px 0;
  }
}

.anniviers .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item.popup__open .item__content,
.vercorin .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item.popup__open .item__content
{
  color: #dcdd3a;
}

.sierre .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item.popup__open .item__content
{
  color: #ffd854;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content .inner__number
{
  display: inline-block;
  width: 31px;
  height: 31px;
  margin-left: 5px;

  color: #002b47;
  font-size: 22px;
  line-height: 31px;

  background-color: #dcdd3a;
  -webkit-border-radius: 31px;
          border-radius: 31px;
}

.anniviers .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content .inner__number,
.vercorin .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content .inner__number
{
  color: #002b47;

  background-color: #dcdd3a;
}

.sierre .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content .inner__number
{
  color: #440b40;

  background-color: #ffd854;
}

@media screen and (max-height: 700px), screen and (max-width: 479px)
{
  .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content
  {
    font-size: 20px;
  }
  .bottom-bar .bottom-bar__wrapper.is-mobile .list__item .item .item__content .inner__number
  {
    width: 25px;
    height: 25px;
    margin-top: -3px;

    font-size: 18px;
    line-height: 28px;

    -webkit-border-radius: 25px;
            border-radius: 25px;
  }
}

.bottom-bar .bottom-bar__news .cartouche__button,
.anniviers .bottom-bar .bottom-bar__news .cartouche__button,
.vercorin .bottom-bar .bottom-bar__news .cartouche__button
{
  background-color: #003857;
}

.bottom-bar .bottom-bar__news .cartouche__button::before,
.anniviers .bottom-bar .bottom-bar__news .cartouche__button::before,
.vercorin .bottom-bar .bottom-bar__news .cartouche__button::before
{
  border-color: transparent transparent #003857 transparent;
}

.bottom-bar .bottom-bar__news .cartouche__button::after,
.anniviers .bottom-bar .bottom-bar__news .cartouche__button::after,
.vercorin .bottom-bar .bottom-bar__news .cartouche__button::after
{
  border-color: transparent transparent transparent #003857;
}

.bottom-bar .bottom-bar__news .cartouche__button .inner__number,
.anniviers .bottom-bar .bottom-bar__news .cartouche__button .inner__number,
.vercorin .bottom-bar .bottom-bar__news .cartouche__button .inner__number
{
  color: #003857;

  background-color: #dcdd3a;
}

.bottom-bar .bottom-bar__news .cartouche__button .inner__label,
.anniviers .bottom-bar .bottom-bar__news .cartouche__button .inner__label,
.vercorin .bottom-bar .bottom-bar__news .cartouche__button .inner__label
{
  color: #dcdd3a;
}

.bottom-bar .bottom-bar__wrapper .list__item .item::after,
.anniviers .bottom-bar .bottom-bar__wrapper .list__item .item::after,
.vercorin .bottom-bar .bottom-bar__wrapper .list__item .item::after,
.bottom-bar .bottom-bar__wrapper.is-mobile,
.anniviers .bottom-bar .bottom-bar__wrapper.is-mobile,
.vercorin .bottom-bar .bottom-bar__wrapper.is-mobile
{
  background-color: #003857;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item:first-child,
.anniviers .bottom-bar .bottom-bar__wrapper.is-mobile .list__item:first-child,
.vercorin .bottom-bar .bottom-bar__wrapper.is-mobile .list__item:first-child
{
  border-right: 1px solid #004f74;
}

.bottom-bar .bottom-bar__wrapper.is-mobile .list__item:last-child,
.anniviers .bottom-bar .bottom-bar__wrapper.is-mobile .list__item:last-child,
.vercorin .bottom-bar .bottom-bar__wrapper.is-mobile .list__item:last-child
{
  border-left: 1px solid #004f74;
}

.sierre .bottom-bar .bottom-bar__news .cartouche__button
{
  background-color: #440b40;
}

.sierre .bottom-bar .bottom-bar__news .cartouche__button::before
{
  border-color: transparent transparent #440b40 transparent;
}

.sierre .bottom-bar .bottom-bar__news .cartouche__button::after
{
  border-color: transparent transparent transparent #440b40;
}

.sierre .bottom-bar .bottom-bar__news .cartouche__button .inner__number
{
  color: #440b40;

  background-color: #ffd854;
}

.sierre .bottom-bar .bottom-bar__news .cartouche__button .inner__label
{
  color: #ffd854;
}

.sierre .bottom-bar .bottom-bar__wrapper .list__item .item::after
{
  background-color: #440b40;
}

.sierre .bottom-bar .bottom-bar__wrapper.is-mobile
{
  background-color: #440b40;
}

.sierre .bottom-bar .bottom-bar__wrapper.is-mobile .list__item:first-child
{
  border-right: 1px solid #661660;
}

.sierre .bottom-bar .bottom-bar__wrapper.is-mobile .list__item:last-child
{
  border-left: 1px solid #661660;
}

.climb-to-top__wrapper
{
  position: relative;
}

.climb-to-top__wrapper .climb-to-top
{
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;

  width: 50px;
  height: 45px;

  color: #ffffff;
  font-size: 25px;

  background-color: #000000;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;

  cursor: pointer;
}

.climb-to-top__wrapper .climb-to-top::before,
.climb-to-top__wrapper .climb-to-top::after
{
  position: absolute;
  right: 0;

  display: block;

  content: "";

  border-style: solid;
}

.climb-to-top__wrapper .climb-to-top::before
{
  bottom: 100%;

  border-color: transparent transparent #000000 transparent;
  border-width: 0 0 2px 45px;
  -webkit-transform: translateY(.1%);
      -ms-transform: translateY(.1%);
          transform: translateY(.1%);
}

.climb-to-top__wrapper .climb-to-top::after
{
  top: 100%;

  border-color: transparent #000000 transparent transparent;
  border-width: 0 45px 2px 0;
  -webkit-transform: translateY(-.1%);
      -ms-transform: translateY(-.1%);
          transform: translateY(-.1%);
}

.climb-to-top__wrapper .climb-to-top .icon
{
  position: absolute;
  top: 50%;
  left: 50%;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 720px)
{
  .climb-to-top__wrapper
  {
    position:fixed;
  	top:530px;
  	right:0;
  	z-index:60;
  	transition:all 0.5s;
  }
  .scrolling  .climb-to-top__wrapper
	{
		top:400px;
	}
}


/* ZONE HTML */
.htmlcontent img
{
  height: auto !important;
  max-width: 100%;
}

.htmlcontent iframe
{
  max-width: 100%;
}

/* STYLE GENERIQUE*/
.divwrapper
{
  clear: both;
}

.lastcol
{
  margin-right: 0 !important;
}

/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width: 1200px)
{
  table
  {
    width: 100% !important;

    table-layout: fixed;
  }
  table td
  {
    width: auto !important;
  }
  table img
  {
    height: auto !important;
    max-width: 100%;
  }
  table.responsived
  {
    display: block;
    width: 100% !important;
  	border:0!important;
  }
  table.responsived tbody,
  table.responsived tr,
  table.responsived td
  {
    display: block;
    width: 100% !important;
  }
  table tbody.originaltbody
  {
    display: none;
  }
  table.responsived th p,
  table.responsived td p
  {
    text-align: left;
  }
  table tbody.responsivedtbody div.tr
  {
    display: block;
    margin-bottom: 20px;
  }
  table tbody.responsivedtbody div.tr:after
  {
    display: block;
    padding-top: 20px;

    content: "";

    border-bottom: 1px dashed #999999;
  }
  table tbody.responsivedtbody div.tr.noth
  {
    margin-bottom: 0;
  }
  table tbody.responsivedtbody div.tr.noth:after
  {
    content: none;
  }
  table tbody.responsivedtbody div.td
  {
    margin-bottom: 5px;
  }
  table tbody.responsivedtbody div.td:after
  {
    display: block;
    clear: both;

    content: "";
  }
  table tbody.responsivedtbody div.td .tdlabel
  {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    float: left;
    width: 40%;
    max-width: 120px;
    padding-right: 10px;
    overflow: hidden;
    clear: both;
	margin:7px 0 7px 0;
    font-weight: bold;
  }
  table tbody.responsivedtbody div.td .tdlabel.asline
  {
    float: none;
    width: auto;
    max-width: none;
    padding: 0;
  }
  table tbody.responsivedtbody div.td .tdlabel.firstlevel
  {
    float: none;
    width: auto;
    max-width: none;
    padding: 0;
    margin-bottom: 10px;

    text-transform: uppercase;
  }
  table tbody.responsivedtbody div.td .tdlabel.firstlevel + .tdlabel
  {
    float: none;
    width: auto;
    max-width: none;
    padding: 0;
    margin-bottom: 10px;

    text-transform: uppercase;
  }
  table tbody.responsivedtbody div.td .tdlabel.firstlevel:empty
  {
    display: none;
  }
  table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):after
  {
    content: " : ";
  }
  table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):empty:after
  {
    content: "\00a0";
    /* */
  }
  table tbody.responsivedtbody div.td + div.td .tdlabel.asline
  {
    padding-top: 20px;
    margin-top: 20px;

    border-top: 1px dashed #999999;
  }
  table tbody.responsivedtbody div.td .tddata
  {
    display: block;
    overflow: hidden;
  }
  
  table tbody.responsivedtbody div.td .tddata p
  {
	text-align:left!important;
  }
}

/* STYLES INVARIABLES */
.desactivatepage
{
  color: red;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

/* MANDATORY FIELD */
.mandatory,
.mandatoryCustom
{
  background-color: #d7d5d5;
}

.mandatoryFailed,
.mandatoryCustomFailed
{
  background-color: #ffe3e8;
  border: 1px dotted red;
}

.error
{
  color: red;
}

.helpMsg
{
  color: green;
}

/*-- END MANDATORY FIELD --*/
/*-- FIELDSET --*/
legend
{
  color: black;
  font-family: arial;
  font-size: 11px;
}

fieldset
{
  margin: 6px;

  background-color: #fdfdfd;
  border: 1px solid #888888;
}

fieldset table,
fieldset div
{
  margin: 5px;
}

fieldset table table,
fieldset div div,
fieldset table div,
fieldset div table
{
  margin: 0;
}

/*-- FIN FIELDSET --*/
.tdAdmin
{
  width: 90px;
  padding: 5px;

  vertical-align: top;
}

.tdListAdmin
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.tableListAdmin
{
  margin: 10px;
}

/*Style icone dossier en admin*/
.stdZoneFixed .cms_icons-doc_folder_1
{
  color: #666666;
  font-size: 17px;
}

.admin_scroll
{
  position: relative;

  float: left;
  width: 300px;
  height: 250px;
  overflow-y: auto;

  background: transparent;
}

.popupBloc
{
  padding: 10px;

  color: black;
  font-family: arial;
  font-size: 11px;

  background-image: url("/template/image/admin/bgadmin.gif");
  border: #101010 1px solid;
}

.popupTitle
{
  padding-left: 10px;

  color: black;
  font-family: Arial;
  font-size: 11px;

  background-image: url("/template/image/admin/titlebar.gif");
}

.popupTd
{
  padding: 5px 10px 5px 10px;

  vertical-align: top;
}

/*Style pour la navigation*/
.loadmore
{
  padding: 10px 0 10px 0;

  text-align: center;

  visibility: hidden;
}

.loadmore img
{
       opacity: .50;
  filter: alpha(opacity=50);

  -moz-opacity: .50;
}

/*Style pour le jqDdD*/
.drag
{
  cursor: move;
  opacity: .5;
}

.drop
{
  outline: 1px dashed black;

  cursor: move;
}

.drag a,
.drop a,
.drag textarea,
.drop textarea,
.drag input,
.drop input
{
  cursor: move!important;
}

/*************** FIN STYLE DE BASE  *******************/
/*************** ADMIN ZONE ********************/
.hilightZone
{
  position: relative;

  width: 100%;
  height: auto !important;
  min-height: 60px;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;

  vertical-align: top;
  /*Pour IE 6*/

  background-image: url(/template/image/admin/bgzone.png);
  outline: 1px solid #aaaaaa;

  -height: 60px;
}

.stdZone
{
  position: relative;

  width: 100%;
  height: auto !important;
  min-height: 60px;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;

  vertical-align: top;
  /*Pour IE 6*/

  background-image: url(/template/image/admin/bgzone.png);
  outline: 1px solid #eeeeee;

  -height: 60px;
}

.stdZoneFixed
{
  position: relative;

  width: 100%;
  height: auto !important;
  min-height: 60px;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;

  vertical-align: top;
  /*Pour IE 6*/

  background-image: url("/template/image/admin/bgadmin.gif");
  outline: 1px solid #666666;

  -height: 60px;
}

.zoneMenu
{
  position: absolute;
  top: -35px;
  left: -1px;

  width: 100%;
  padding: 0;
  margin: 0;
}

.zoneMenuFixed
{
  position: relative;
  top: 0;
  left: 0;

  width: 100%;
  padding: 0;
  margin: 0;
}

.stdZoneFixed table
{
  table-layout: auto !important;
  /*contré le fixed setté pour le responsive*/
}

.tblContextMenuTitle
{
  width: 100%;
  height: 18px;
  padding: 0;
  margin: 0;

  color: #86081d;
  font-size: 11px;

  background-image: url("/template/image/admin/titlebar.gif");
  table-layout: auto !important;
  /*contré le fixed setté pour le responsive*/
}

.tblContextMenu
{
  width: 100%;
  height: 19px;
  padding: 0;
  margin: 0;
  /*contré le fixed setté pour le responsive*/

  font-size: 11px;

  background-image: url(/template/image/admin/bgmenu.png);
  border: 0;
  table-layout: auto;
}

.tblContextMenu table
{
  /*contré le fixed setté pour le responsive*/
  width: auto !important;

  table-layout: auto;
  /*contré le fixed setté pour le responsive*/
}

.stdContextMenu
{
  height: 19px;
  padding: 0;
  margin: 0;

  border: 0;
}

.stdContextMenuSep
{
  height: 19px;
  padding: 0;
  margin: 0;

  background-image: url(/template/image/admin/bgmenusep.png);
  background-repeat: no-repeat;
  border: 0;
}

.hilightContextMenu
{
  height: 18px;
  padding: 0;
  margin: 0;

  background-image: url(/template/image/admin/bgmenusel.png);
}

.stdTextContextMenu
{
  margin-right: 5px;
  margin-left: 5px;

  color: #000000;
  font-size: 11px;
  text-decoration: none;
}

.hilightTextContextMenu
{
  margin-right: 5px;
  margin-left: 5px;

  color: #ab0404;
  font-size: 11px;
  text-decoration: none;
}

/*************** FIN ADMIN ZONE ********************/
/*************** CROP IMG ZONE ********************/
.admimgcropholder
{
  position: relative;

  min-width: 404px;
  margin: 10px 0 10px 0;
  /* 400 + 4 de bordure */
}

.imgcropctn
{
  position: relative;

  display: block;
  width: 400px;
  margin: 0 auto 0 auto;
  overflow: hidden;

  border: 2px solid #000000;
}

.imgcropctn.landscape
{
  cursor: ew-resize;
}

.imgcropctn.portrait
{
  cursor: ns-resize;
}

.imgcropctn:before
{
  display: block;
  padding-top: 100%;

  content: "";
}

.imgcropctn > img
{
  position: absolute;

  display: block;

  opacity: 0;
}

.imgcropctn.landscape > img
{
  width: auto;
  height: 100%;
}

.imgcropctn.portrait > img
{
  width: 100%;
  height: auto;
}

.imgcropctn > .imgcrop
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
}

.imgcropctn > .msg
{
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 100%;
  left: 0;

  display: block;
  overflow: hidden;

  background: black;
  background: rgba(0, 0, 0, .5);

  -webkit-transition: opacity .5s;
       -o-transition: opacity .5s;
          transition: opacity .5s;

  opacity: 0;
}

.imgcropctn > .msg.show
{
  right: 0;
  bottom: 0;

  opacity: 1;
}

.imgcropctn > .msg > span
{
  display: block;
  width: 85%;
  margin: 20px auto 20px auto;

  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
}

.imgcropctn.landscape > .msg > span.portrait,
.imgcropctn.portrait > .msg > span.landscape
{
  display: none;
}

/*************** FIN CROP IMG ZONE ********************/
#bodyprint .content__scroll,
#bodyprint .separator__skew
{
  display: none !important;
}

#bodyprint article
{
  margin-top: 30px;
}

#bodyprint.anniviers .iconPageSierre,
#bodyprint.anniviers .iconPageVercorin,
#bodyprint.sierre .iconPageAnniviers,
#bodyprint.sierre .iconPageVercorin,
#bodyprint.vercorin .iconPageAnniviers,
#bodyprint.vercorin .iconPageSierre
{
  display: none;
}

/**
 * Juicer
 */
section.juicer .juicer-feed
{
  max-width: 1780px;
  padding: 0 10px;
}

section.juicer .juicer-banner
{
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 20px 0;
  margin-bottom: 30px;

  background-color: #000000;

  -webkit-box-pack: center;
}

section.juicer .juicer-banner a
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  color: #ffffff;
  font-family: "Grota Rounded";
  font-size: 20px;
  font-weight: 900;

  -webkit-box-align: center;
}

section.juicer .juicer-banner .icon
{
  margin-right: 10px;

  font-size: 22px;
}

.juicer-feed .j-text a
{
  color: #8b8b8b;
}

.home section.juicer .juicer-feed .j-display-filters
{
  display: none;
}

section.juicer .juicer-feed li.feed-item
{
  position: relative;

  margin-bottom: 75px !important;

  border: none;
}

section.juicer .juicer-feed li.feed-item.words::before
{
  display: block;
  width: 100%;
  padding-top: 80%;

  content: "";
}
section.juicer .juicer-feed li.feed-item.words .j-text
{
  background-color: rgba(220,220,220,.9);

  opacity: 1!important;
}
section.juicer .juicer-feed li.feed-item.words .j-message
{
  font-size: 14px!important;
  line-height: 25px!important;
}
.j-post-overlay.juicer-feed .j-overlay-text.words .j-message
{
  font-family: "Source Sans Pro"!important;
}

section.juicer .juicer-feed li.feed-item.j-instagram .j-poster h3::before
{
  background-image: url(/template/image/icons/instagram-grey.svg);
}

section.juicer .juicer-feed li.feed-item.j-twitter .j-poster h3::before
{
  background-image: url(/template/image/icons/twitter-grey.svg);
}

section.juicer .juicer-feed li.feed-item.j-facebook .j-poster h3::before
{
  background-image: url(/template/image/icons/facebook-grey.svg);
}

section.juicer .juicer-feed li.feed-item.j-youtube .j-poster h3::before
{
  background-image: url(/template/image/icons/youtube-grey.svg);
}

section.juicer .juicer-feed li.feed-item:hover .j-text
{
  opacity: 1;
}


section.juicer .juicer-feed li.feed-item .j-poster
{
  position: absolute;
  bottom: -50px;

  width: 100%;
  height: 50px;

  color: #6d6d6d;

  background-color: #e6e6e6;
}

section.juicer .juicer-feed li.feed-item .j-poster h3
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 2px 0 0;

  -webkit-box-align: center;
}

section.juicer .juicer-feed li.feed-item .j-poster h3::before
{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;

  content: "";

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
          background-size: contain;
}

section.juicer .juicer-feed li.feed-item .j-poster img
{
  display: none;
}

section.juicer .juicer-feed li.feed-item .j-poster .j-date
{
  display: none;
}

section.juicer .juicer-feed li.feed-item .j-text
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  overflow: hidden;

  background-color: rgba(255, 255, 255, .9);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  opacity: 0;

  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

section.juicer .juicer-feed li.feed-item .j-text br + br
{
  display: none;
}

section.juicer .juicer-feed li.feed-item .j-text .j-meta
{
  width: 100%;
  margin-top: 0;
}

section.juicer .juicer-feed li.feed-item .j-text .j-meta nav
{
  display: none;
}

section.juicer .juicer-feed li.feed-item .j-text .j-message
{
  width: 100%;
  max-height: 80%;
  overflow: hidden;
}

.anniviers .juicer-feed a:hover,
.vercorin .juicer-feed a:hover
{
  color: #003857;
}

.sierre .juicer-feed a:hover
{
  color: #440b40;
}

.j-post-overlay.juicer-feed a.juicer-button
{
  width: 100% !important;
  padding: 14px 70px !important;

  color: #000000 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: none !important;

  border-color: #000000 !important;
  border-width: 1px !important;
}

.j-post-overlay.juicer-feed a.juicer-button:hover
{
  color: #ffffff !important;

  background-color: #000000 !important;
}

.juicer-feed .j-paginate
{
  width: 100% !important;
  max-width: 250px;
  padding: 14px 70px !important;

  color: #000000 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: none !important;

  border-color: #000000 !important;
  border-width: 1px !important;
}

.juicer-feed .j-paginate:hover
{
  color: #ffffff !important;

  background-color: #000000 !important;
}

.anniviers section.juicer .juicer-feed .j-meta a:hover,
.vercorin section.juicer .juicer-feed .j-meta a:hover
{
  color: #003857;
}

.sierre section.juicer .juicer-feed .j-meta a:hover
{
  color: #440b40;
}

/**
** remonter le bloc gris
**/
.shorten .header-container
{
  margin-bottom: 200px;
}

.shorten .list-container
{
  margin-top: -290px;
}

@media screen and (min-width: 720px)
{
  .shorten .list-container
  {
    margin-top: -500px;
  }
}

section.booking
{
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  z-index: 51;

  background-color: #ffffff;
  -webkit-border-radius: 7px;
          border-radius: 7px;
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;
}

@media screen and (min-width: 720px)
{
  section.booking
  {
    top: auto;
    right: auto;
    left: auto;
    z-index: 55;

    width: 100%;
    min-height: 100vh;

    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media screen and (max-width: 719px)
{
  section.booking.open
  {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (min-width: 720px)
{
  section.booking.open
  {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
            box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}

section.booking .booking__content
{
  position: relative;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1470px;
  padding: 90px 0 50px;
  margin: 0 auto;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

@media screen and (min-width: 460px)
{
  section.booking .booking__content
  {
    padding: 100px 0 80px;
  }
}

@media screen and (min-width: 720px)
{
  section.booking .booking__content
  {
    padding: 130px 0 100px;
  }
}

section.booking .booking__content .column__wrapper
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__content .column__wrapper
  {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}

section.booking .booking__content .column__wrapper .column
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 20px;
}

@media screen and (min-width: 460px)
{
  section.booking .booking__content .column__wrapper .column
  {
    padding: 30px 30px 0;
  }
}

@media screen and (min-width: 720px)
{
  section.booking .booking__content .column__wrapper .column
  {
    width: 33%;
    padding: 30px 20px 0;
  }
  section.booking .booking__content .column__wrapper .column:nth-child(2),
  section.booking .booking__content .column__wrapper .column:nth-child(3)
  {
    border-left: 1px solid #bdbdbd;
  }
}

@media screen and (min-width: 960px)
{
  section.booking .booking__content .column__wrapper .column
  {
    padding: 30px 50px 0;
  }
}

@media screen and (min-width: 1200px)
{
  section.booking .booking__content .column__wrapper .column
  {
    padding: 30px 100px 0 70px;
  }
}

section.booking .booking__content .column__wrapper .column:first-child .column__title
{
  margin-bottom: 40px;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__content .column__wrapper .column:first-child .column__title
  {
    margin-bottom: 65px;
  }
}

section.booking .booking__content .column__wrapper .column .column__title
{
  margin-bottom: 30px;

  font-family: "Grota Rounded";
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__content .column__wrapper .column .column__title
  {
    margin-bottom: 60px;
  }
}

section.booking .booking__content .column__wrapper .column .column__content
{
  padding: 0 0 20px;

  border-bottom: 1px solid #bdbdbd;
}

@media screen and (min-width: 460px)
{
  section.booking .booking__content .column__wrapper .column .column__content
  {
    padding: 0 0 30px;
  }
}

@media screen and (min-width: 720px)
{
  section.booking .booking__content .column__wrapper .column .column__content
  {
    padding: 0;

    border-bottom: none;
  }
}

section.booking .booking__content .column__wrapper .column .column__content .list__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 20px 15px;

  color: #000000;
  text-transform: uppercase;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  -webkit-box-align: center;
}

section.booking .booking__content .column__wrapper .column .column__content .list__item .item__icon
{
  height: 33px;
  margin-right: 15px;

  font-size: 33px;
  font-weight: normal;
  line-height: 1;
}

section.booking .booking__content .column__wrapper .column .column__content .list__item .item__text
{
  display: inline-block;

  font-weight: 600;
}

section.booking .booking__content .column__wrapper .column .column__content .list__item:hover
{
  background-color: #f4f4f4;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa *
{
  font-size: 16px;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa label
{
  margin: 10px 0;

  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  vertical-align: middle;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa label.label_apres
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  cursor: pointer;

  -webkit-box-align: center;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=checkbox]
{
  display: none;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=radio] + label,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=checkbox] + label
{
  text-transform: none;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_selection_type_prestataire_select,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_select_date_resa_classique_champs,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_select_adultes_enfants
{
  margin-bottom: 20px;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=radio] + label::before,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=checkbox] + label::before
{
  display: block;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;

  content: "";

  background-color: transparent;
  border: 1px solid #000000;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=radio] + label::after,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=checkbox] + label::after
{
  position: absolute;
  top: 50%;
  left: 6px;

  width: 10px;
  height: 18px;
  margin-right: 3px;

  content: "X";
  font-family: Arial;
  font-weight: 400;

  background-color: transparent;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);

  -webkit-transition: -webkit-transform 150ms ease-in;
       -o-transition:         transform 150ms ease-in;
          transition: -webkit-transform 150ms ease-in;
          transition:         transform 150ms ease-in;
          transition:         transform 150ms ease-in, -webkit-transform 150ms ease-in;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=radio]:checked + label::after,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=checkbox]:checked + label::after
{
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=button]
{
  min-width: 120px;

  color: #000000;

  background-color: transparent !important;
  border: solid 1px #000000 !important;
  -webkit-border-radius: 0 !important;
          border-radius: 0 !important;

  -webkit-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;

  cursor: pointer;
  opacity: 1;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa input[type=button]:hover
{
  color: #ffffff;

  background-color: #000000 !important;

  opacity: 1;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .more-personnes-detail fieldset > .ligne_form_moteur
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-align: center;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .more-personnes-detail fieldset > .ligne_form_moteur .choixPersonne
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-align: center;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .type_recherche_activites ul li
{
  list-style: none;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_select_adultes_enfants .choixAges
{
  -ms-flex-pack: left;
  -webkit-justify-content: left;
          justify-content: left;

  background-color: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;

  -webkit-box-pack: left;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_select_adultes_enfants .choixAges .libelle_age_enfant
{
  padding: 0;
  margin-left: 5px;

  color: #000000;
  text-align: left;

  background: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_select_adultes_enfants .choixAges .forms_champType_select
{
  padding: 0 5px;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .bloc_select_adultes_enfants .choixAges:not(:empty)
{
  margin: 0 -5px;

  border: none;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .form-resa
{
  font-size: 15px;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .form-resa select,
section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .form-resa input
{
  width: 100%;
  padding: 15px;
  margin-top: 5px;
  margin-bottom: 5px;

  -webkit-appearance: none;
  border-color: #000000;
  -webkit-border-radius: 3px !important;
          border-radius: 3px !important;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .form-resa select
{
  width: 100%;

  background-image: url(/template/image/select.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa .form-resa select::-ms-expand
{
  display: none;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa-generic.ing-widget-resa-vertical .form-recherche
{
  padding: 0;
}

section.booking .booking__content .column__wrapper .column .column__content .ing-widget-resa-generic.ing-widget-resa-vertical .form-recherche input[type=text].datepicker
{
  background-image: url(/template/image/icons/calendar.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  -webkit-background-size: 17px 18px;
          background-size: 17px 18px;
}

section.booking .booking__close
{
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 51;

  width: 50px;
  height: 85px;

  color: #ffffff;
  font-size: 32px;

  background-color: #000000;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__close
  {
    top: 0;

    height: 72px;

    font-size: 18px;

    background-color: #000000;
  }
}

section.booking .booking__close::before
{
  position: absolute;
  top: 0;
  right: 100%;

  display: block;

  content: "";

  border-color: transparent #000000 transparent transparent;
  border-style: solid;
  border-width: 0 5px 83px 0;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__close::before
  {
    border-width: 0 5px 70px 0;
  }
}

section.booking .booking__close::after
{
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;

  display: block;

  content: "";

  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 83px 5px 0 0;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__close::after
  {
    border-width: 70px 5px 0 0;
  }
}

section.booking .booking__close .icon
{
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;

  padding: 15px;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  cursor: pointer;
}

@media screen and (min-width: 720px)
{
  section.booking .booking__close .icon
  {
    top: 50%;
    bottom: auto;

    padding: 15px;
  }
}

#ui-datepicker-div
{
  z-index: 10000 !important;

  display: none;
  width: 240px;
  overflow: hidden;

  color: #666666;

  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 0;
          border-radius: 0;
}

#ui-datepicker-div table
{
  width: 100%;
  margin: 0 0 .4em;

  font-size: .9em;

  border-collapse: collapse;
}

#ui-datepicker-div .ui-datepicker-header
{
  position: relative;

  padding: .2em 0;
  margin: 1em 0;

  color: #453821;
  font-weight: bold;

  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon
{
  background-image: none;
}

#ui-datepicker-div .ui-datepicker-header select
{
  height: 25px;

  font-size: 1.4em;
  line-height: 25px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next
{
  position: absolute;
  top: 2px;

  display: inline-block;
  width: 1.8em;
  height: 25px;

  font-weight: bold;
  vertical-align: top;

  background-color: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;

  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev
{
  left: 8px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next
{
  right: 8px;

  text-align: right;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover
{
  top: 2px;

  color: #000000;

  border: 0;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:before
{
  display: inline-block;

  content: "\f104";
  font-family: "FontAwesome";
  font-size: 1.7em;
  line-height: 30px;
  vertical-align: top;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:before
{
  display: inline-block;

  content: "\f104";
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 1.7em;
  line-height: 30px;
  vertical-align: top;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span
{
  display: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title
{
  margin: 0 2.3em;

  line-height: 1.8em;
  text-align: center;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select
{
  width: 49%;
  height: 25px;
  margin: 1px 0;

  font-size: 14px;
  line-height: 25px;
}

#ui-datepicker-div .ui-datepicker-calendar
{
  border-spacing: 0;
}

#ui-datepicker-div .ui-datepicker-calendar th
{
  padding: 0;
  padding-top: .5em;

  font-size: .9em;
}

#ui-datepicker-div .ui-datepicker-calendar td
{
  padding: 0;

  text-align: center;

  border: 2px solid #ebeceb;
}

#ui-datepicker-div .ui-datepicker-calendar td .ui-state-default
{
  padding: 0;

  font-size: 1.2em;
  line-height: 34px;
  text-align: center;

  border: 0;
}

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default
{
  display: block;

  color: #565a5c;
  font-weight: bold;
  text-decoration: none;
}

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default.ui-state-active
{
  color: #ffffff;
  font-weight: bold;

  background-color: #666666;
}

#ui-datepicker-div .ui-datepicker-calendar td.enable a.ui-state-default:hover
{
  color: #ffffff;
  font-weight: bold;

  background-color: #666666;
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled
{
  color: #654b24;
  font-weight: bold;

  opacity: .35;
}


body.oax-detailmap-visible section.sidebar {
  display: none;
}
body.oax-detailmap-visible div.bottom-bar {
  display: none;
}/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
}

.cartoucheCtn h5
{
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.cartoucheCtn .more
{
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:right;
}

.cartoucheCtn .rss
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}
.cartoucheCtn .archive
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:5px 0px 5px 0px;
}
.cartoucheCtn .archive > a
{
	margin-left:3px;
	text-decoration:none;
	color:grey;
}

.cartoucheElementCtn
{
	position:relative;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
}

.cartoucheElement .img
{
	position:relative;
	display:block;
	float:left;
	width:30%;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
.cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:75%;
}
.cartoucheElement:hover .img
{
	opacity:0.75;
}

.cartoucheElement .txt
{
	display:block;
	position:relative;
	padding:14px 14px 14px 14px;
	overflow:hidden;
}

.cartoucheElement h6
{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#000000;
	
}
.cartoucheElement .resume
{
	display:block;
	color:#000000;	
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement
{
	padding-bottom:18px;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	position:absolute;
	display:block;
	bottom:5px;
	right:7px;
	color:grey;
	font-size:11px;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.cartoucheElement .img
	{
		float:none;
		width:100%;
	}
}#documentListCtn {
  margin-top: 30px;
}

.content-container.doc
{
	margin-top:-80px;
}

#documentListCtn .listElement {
  float: none;
  width: 100%;
  margin: 0;
  overflow: visible;
}

#documentListCtn .listElement::before {
  display: none;
}

#documentListCtn .listElement .txt, #documenteventListCtn .listElement .txt {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: inherit;
}

#documentListCtn .listElement h5 {
  padding-bottom: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}

#documentListCtn .listElement .resume {
  font-weight: 300;
}

#documentListCtn .listElement h5,
#documentListCtn .listElement .resume {
  color: #000000;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

#documentListCtn .listElement:hover a::before {
  opacity: 0;
}

#documentListCtn .listElement:hover a::after {
  opacity: 1;
}

#documentListCtn .listElement:hover h5,
#documentListCtn .listElement:hover .resume {
  color: #ffffff;
}

#documentListCtn .listElement:nth-child(5n + 1):hover .txt,
.anniviers #documentListCtn .listElement:nth-child(5n + 1):hover .txt,
.vercorin #documentListCtn .listElement:nth-child(5n + 1):hover .txt {
  background-color: #a8ce5f;
}

#documentListCtn .listElement:nth-child(5n + 2):hover .txt,
.anniviers #documentListCtn .listElement:nth-child(5n + 2):hover .txt,
.vercorin #documentListCtn .listElement:nth-child(5n + 2):hover .txt {
  background-color: #61d19e;
}

#documentListCtn .listElement:nth-child(5n + 3):hover .txt,
.anniviers #documentListCtn .listElement:nth-child(5n + 3):hover .txt,
.vercorin #documentListCtn .listElement:nth-child(5n + 3):hover .txt {
  background-color: #51bab4;
}

#documentListCtn .listElement:nth-child(5n + 4):hover .txt,
.anniviers #documentListCtn .listElement:nth-child(5n + 4):hover .txt,
.vercorin #documentListCtn .listElement:nth-child(5n + 4):hover .txt {
  background-color: #50b3d8;
}

#documentListCtn .listElement:nth-child(5n + 5):hover .txt,
.anniviers #documentListCtn .listElement:nth-child(5n + 5):hover .txt,
.vercorin #documentListCtn .listElement:nth-child(5n + 5):hover .txt {
  background-color: #266fac;
}

.sierre #documentListCtn .listElement:nth-child(5n + 1):hover .txt {
  background-color: #e5b468;
}

.sierre #documentListCtn .listElement:nth-child(5n + 2):hover .txt {
  background-color: #d57c5d;
}

.sierre #documentListCtn .listElement:nth-child(5n + 3):hover .txt {
  background-color: #a94557;
}

.sierre #documentListCtn .listElement:nth-child(5n + 4):hover .txt {
  background-color: #7a3a58;
}

.sierre #documentListCtn .listElement:nth-child(5n + 5):hover .txt {
  background-color: #5f3557;
}

#documentListCtn .listElement > a {
  position: relative;
  display: block;
  text-decoration: none;
}

#documentListCtn .listElement > a::before, #documentListCtn .listElement > a::after,
#documenteventListCtn .listElement > a::before, #documenteventListCtn .listElement > a::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  width: 30px;
  height: 32px;
  content: "";
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

#documentListCtn .listElement > a::after {
  opacity: 0;
}

#documentListCtn .listElement > a.doc_file:before {
  background: url(/plugin/document/template/images/picto-txt.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_file:after {
  background: url(/plugin/document/template/images/picto-txt_white.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_html:before {
  background: url(/plugin/document/template/images/picto-html.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_html:after {
  background: url(/plugin/document/template/images/picto-html_white.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_pdf:before {
  background: url(/plugin/document/template/images/picto-pdf.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_pdf:after {
  background: url(/plugin/document/template/images/picto-pdf_white.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_ppt:before {
  background: url(/plugin/document/template/images/picto-ppt.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_ppt:after {
  background: url(/plugin/document/template/images/picto-ppt_white.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_word:before {
  background: url(/plugin/document/template/images/picto-doc.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_word:after {
  background: url(/plugin/document/template/images/picto-doc_white.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_xls:before {
  background: url(/plugin/document/template/images/picto-xls.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_xls:after {
  background: url(/plugin/document/template/images/picto-xls_white.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_zip:before {
  background: url(/plugin/document/template/images/picto-zip.svg) no-repeat;
}

#documentListCtn .listElement > a.doc_zip:after {
  background: url(/plugin/document/template/images/picto-zip_white.svg) no-repeat;
}

#documentListCtn .listElement .txt, #documenteventListCtn .listElement .txt {
  height: auto;
  padding: 10px 15px 10px 45px;
}

#documentListCtn .listElement .txt:before {
  display: none;
}

#documentListCtn .listElement .admin {
  position: absolute;
  top: 5px;
  left: -12px;
  display: block;
}
#documenteventListCtn .listElement .admin {
  position: absolute;
  top: 5px;
  left: -12px;
  display: block;
}
#documentListCtn .listElement .admin .styleMenuAdmin,
#documenteventListCtn .listElement .admin .styleMenuAdmin {
  right: 0;
}
#galleryimageList {
  padding: 0;
  margin: 0 -10px 30px -10px;
}

#galleryimageList #gallerywithfancybox {
  display: none;
}

@media screen and (min-width: 640px) {
  #galleryimageList #gallerywithfancybox {
    display: block;
  }
}

#galleryimageList #galleryimageListCtn {
  width: 100%;
  padding: 0;
  margin-top: 20px;
  overflow: hidden;
}

@media screen and (min-width: 720px) {
  #galleryimageList #galleryimageListCtn {
    margin-top: 100px;
  }
}

#galleryimageList #galleryimageListCtn .listElement {
  margin-bottom: 20px;
  overflow: visible;
}

#galleryimageList #galleryimageListCtn .listElement:before {
  display: block;
  padding-top: 100%;
  content: "";
}

#galleryimageList #galleryimageListCtn .listElement:after {
  display: none;
}

#galleryimageList #galleryimageListCtn .listElement .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  background-position: top center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#galleryimageList #galleryimageListCtn .listElement .img:after {
  display: none;
  content: "";
}

#galleryimageList #galleryimageListCtn .listElement .img:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}

#galleryimageList #galleryimageListCtn .listElement[rel="1"] .img:before {
  display: none;
}

#galleryimageList #galleryimageListCtn .listElement .admin {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px;
  background: #ffffff;
}

#galleryimageList #galleryimageListCtn .listElement .admin > a {
  color: #000000;
  text-decoration: none;
}

#galleryimageList #galleryimageListCtn .navigation {
  position: absolute;
  top: 50%;
  right: 0;
  right: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 50;
  display: none;
  width: 45px;
  height: 75px;
  background-color: #000000;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#galleryimageList #galleryimageListCtn .navigation::before, #galleryimageList #galleryimageListCtn .navigation::after {
  position: absolute;
  right: 0;
  display: block;
  content: "";
  border-style: solid;
}

#galleryimageList #galleryimageListCtn .navigation::before {
  bottom: 100%;
  border-color: transparent transparent #000000 transparent;
  border-width: 0 0 3px 42px;
}

#galleryimageList #galleryimageListCtn .navigation::after {
  top: 100%;
  border-color: transparent #000000 transparent transparent;
  border-width: 0 42px 3px 0;
}

#galleryimageList #galleryimageListCtn .navigation .navigation__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 5px;
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

#galleryimageList.animated #galleryimageListCtn:before {
  display: block;
  padding-top: 65%;
  content: "";
}

#galleryimageList.animated #galleryimageListCtn .listElement {
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
  opacity: 0;
  visibility: visible;
}

#galleryimageList.animated #galleryimageListCtn .listElement:before {
  display: none;
}

#galleryimageList.animated #galleryimageListCtn .listElement[rel="1"] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}

#galleryimageList.animated #galleryimageListCtn .listElement[rel="0"] {
  left: -100%;
  z-index: 0;
}

#galleryimageList.animated #galleryimageListCtn .listElement[rel="0"], #galleryimageList.animated #galleryimageListCtn .listElement[rel="2"] {
  opacity: .2;
}

#galleryimageList.animated #galleryimageListCtn .navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* Style pour plugin langsite */
#linksCtn
{
  position: relative;
}
#linksCtn .links__title
{
  margin: 45px 0 60px;

  text-align: center;
}
@media screen and (min-width: 720px)
{
  #linksCtn .links__title
  {
    margin: 100px 0 80px;
  }
}
#linksCtn .links__title .title__first-line
{
  margin: 0;

  color: #dcdd3a;
  font-family: "Grota Rounded";
  font-size: 200px;
  font-weight: 900;
  line-height: 1.1;
}
.sierre #linksCtn .links__title .title__first-line
{
  color: #ffd854;
}
#linksCtn.suggestions .links__title .title__first-line
{
  color: #50b3d8;
}
.sierre #linksCtn.suggestions .links__title .title__first-line
{
  color: #c24459;
}
#linksCtn .links__title .title__second-line
{
  color: black;
  font-family: "Grota Rounded";
  font-size: 29px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}
#linksCtn .links__title .title__third-line
{
  margin-top: 5px;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 20px;
  font-weight: normal;
  line-height: 1.1;
  text-transform: uppercase;
}

.linksElementCtn
{
  position: relative;
}
@media screen and (max-width: 1099px)
{
  .linksElementCtn
  {
    height: 650px;
  }
}
@media screen and (min-width: 1100px)
{
  .linksElementCtn
  {
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: center;
  }
}
.linksElementCtn .linksElement
{
  display: block;
  width: 33%;
  margin-bottom: 60px;
  overflow: hidden;

  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 1099px)
{
  .linksElementCtn .linksElement
  {
    position: absolute;

    display: block;
    min-width: 100%;

    -webkit-transition: opacity .6s ease;
         -o-transition: opacity .6s ease;
            transition: opacity .6s ease;

    opacity: 0;
  }
  .linksElementCtn .linksElement.active
  {
    opacity: 1;
  }
}
.linksElementCtn .linksElement .link
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  max-width: 380px;
  padding: 0 50px;
  margin: 0 auto;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.linksElementCtn .linksElement .link .link__img
{
  width: 78%;
  margin: 0 auto;

  background-color: orange;
}
.linksElementCtn .linksElement .link .link__img .img__wrapper
{
  position: relative;

  display: block;
  overflow: hidden;

  background-color: #ffffff;
}
.linksElementCtn .linksElement .link .link__img .img__wrapper::after
{
  display: block;
  padding-top: 111.5%;

  content: "";
}
.linksElementCtn .linksElement .link .link__img .img__wrapper::before
{
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: 2;

  display: block;

  content: "";

  background-image: url(/template/image/reverse-pinpoint.svg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.linksElementCtn .linksElement .link .link__img .img__wrapper .icon
{
  position: absolute;
  top: 45%;
  left: 50%;

  color: #ffffff;
  font-size: 24px;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}
.linksElementCtn .linksElement .link .link__img .img__wrapper .img
{
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;

  display: block;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}
.linksElementCtn .linksElement .link .link__img .img__wrapper:hover .img
{
          filter: blur(2px);

  -webkit-filter: blur(2px);
}
.linksElementCtn .linksElement .link .link__img .img__wrapper:hover .icon
{
  color: #000000;

  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.linksElementCtn .linksElement .link .link__text
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 20px 0 30px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-pack: center;
}
.linksElementCtn .linksElement .link .link__text h6
{
  color: #000000;
  font-weight: bold;
}
.linksElementCtn .linksElement .link .link__text .resume
{
  display: block;
  margin-top: 30px;

  color: #000000;
  font-weight: normal;
}
.linksElementCtn .linksElement .link .link__favorite
{
  color: #000000;
  font-size: 25px;
}
.linksElementCtn .linksElement .link .link__button
{
  margin-top: 15px;
}
.linksElementCtn .list__navigation
{
  position: absolute;
  top: 25%;
  z-index: 50;

  width: 100%;

  color: #000000;
}
@media screen and (min-width: 1100px)
{
  .linksElementCtn .list__navigation
  {
    display: none;
  }
}
.linksElementCtn .list__navigation .navigation
{
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
.linksElementCtn .list__navigation .navigation::after
{
  display: block;
  clear: both;

  content: "";
}
.linksElementCtn .list__navigation .navigation .navigation__icon
{
  position: absolute;

  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 15px;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  cursor: pointer;
}
.linksElementCtn .list__navigation .navigation .navigation__icon.is-left
{
  left: 0;
}
.linksElementCtn .list__navigation .navigation .navigation__icon.is-right
{
  right: 0;
}
/*Gestion de l'affichage des pictos*/
#adresseMap [src*="/plugin/POI/template/images/icon-"]   
{
	border-radius:100%;
	border:2px solid #FFFFFF!important;
    box-sizing:border-box!important;
	
}
.sierre img[src="/plugin/POI/template/images/icon-activite.svg"]{
   background:#7A3A58;
 }
.sierre img[src="/plugin/POI/template/images/icon-event.svg"]{
   background:#440B40;
 }
.sierre img[src="/plugin/POI/template/images/icon-hebergement.svg"]{
   background:#A94557;
 }
.sierre img[src="/plugin/POI/template/images/icon-restaurant.svg"]{
   background:#D57C5D;
 }
.sierre img[src="/plugin/POI/template/images/icon-service.svg"]{
   background:#E5B468;
 }
.anniviers img[src="/plugin/POI/template/images/icon-activite.svg"],
 .vercorin img[src="/plugin/POI/template/images/icon-activite.svg"]{
   background:#266FAC;
 }
.anniviers img[src="/plugin/POI/template/images/icon-event.svg"],
 .vercorin img[src="/plugin/POI/template/images/icon-event.svg"]{
   background:#003857;
 }
.anniviers img[src="/plugin/POI/template/images/icon-hebergement.svg"],
 .vercorin img[src="/plugin/POI/template/images/icon-hebergement.svg"]{
   background:#50B3D8;
 }
.anniviers img[src="/plugin/POI/template/images/icon-restaurant.svg"],
 .vercorin img[src="/plugin/POI/template/images/icon-restaurant.svg"]{
   background:#61D19E;
 }
.anniviers img[src="/plugin/POI/template/images/icon-service.svg"],
 .vercorin img[src="/plugin/POI/template/images/icon-service.svg"]{
   background:#DCDD3A;
 }
 
/*Info bulle*/
#infoWindowForMobile
{
	position:absolute;
	bottom:50px;
	width:100%;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	transition:all 0.5s;
	z-index:1;
	
}
#infoWindowForMobile.on
{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition:all 0.5s;
}
.gmInfoBox, .gmInfoBoxMobile
{
	position:relative;
	box-sizing:border-box;
	padding:45px 0 45px 0;
	background-color:#FFFFFF;
	width:calc(100% - 40px);
	margin:0 ;
	min-height:170px;
	border:1px solid #c8c8c8;
	border-radius:2px;
}

.gmInfoBoxMobile
{
	min-height:auto;
}

.gmInfoBoxMobile
{
	padding:10px;
	overflow:hidden;
}

.gmInfoBox .closebtn
{
	
	position:absolute;
	top:15px;
	right:15px;
	font-weight:normal;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

.gmInfoBox .txt
{
	padding:0 30px 25px 30px;
	text-align:center;
}

.gmInfoBox h5, .gmInfoBoxMobile h5
{
	margin:0;
	padding:0 0 15px 0;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	line-height:1.1;
}


.gmInfoBox .infos, .gmInfoBox .infos a,
.gmInfoBoxMobile .infos, .gmInfoBoxMobile .infos a
{
	font-size:13px;
	color:#000000;	
	font-weight:normal;
	line-height:1.5;
}

.gmInfoBox .infos .adr:empty,
.gmInfoBox .infos .infos:empty,
.gmInfoBoxMobile .infos .adr:empty,
.gmInfoBoxMobile .infos .infos:empty
{
	display:none;
}

.infoBox > img /*redefini le button close*/ 
{
	display:none;
}

.gmInfoBox .img, .gmInfoBoxMobile .img
{
	
  -webkit-background-size: cover;
  background-size: cover;
	position:relative;
}


.gmInfoBoxMobile .img
{
	display:inline-block;
	width:130px;
	vertical-align:middle;
}
.gmInfoBoxMobile .txt
{
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 180px);
	padding-left:16px;
	box-sizing:border-box;
}
.gmInfoBox .img:before, .gmInfoBoxMobile .img:before
{
display: block;
  width: 100%;
  padding-top: 47.88%;
  content: "";
	
}

.gmInfoBox .img:after, .gmInfoBoxMobile .img:after
{
	content:"";
	display:block;
	width:100%;
	padding-top: 47.88%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.3);
}

.gmInfoBoxMobile .img:before, .gmInfoBoxMobile .img:after
{
	padding-top: 100%;
}

.gmInfoBox .buttons, .gmInfoBoxMobile .buttons
{
	position:absolute;
	top:calc(50% - 13px);
	left:calc(50% - 13px);
	z-index:1;
}

.gmInfoBox .buttons svg, .gmInfoBoxMobile .buttons svg
{
	color:#FFFFFF;
	width:27px;
	height:27px;
}

.gmInfoBox .icone
{
	background-image:url(/plugin/POI/template/images/iconanniviersOn.svg);
	background-size:100%;
	background-repeat:no-repeat;
	width:46px;
	height:55px;
	position:absolute;
	bottom:-26px;
	left:calc(50% - 25px);
	display:block;
	z-index:2;
}
.sierre .gmInfoBox .icone
{
	background-image:url(/plugin/POI/template/images/iconsierreOn.svg);
}

.gmInfoBox .icone.byType
{
	width:65px;
	height:65px;
	bottom:-32px;
	left:calc(50% - 32px);
	background-image:none;
}

.gmInfoBox .icone.byType img
{
	width:65px;
	height:65px;
}

.sierre .gmInfoBox .icone.byType
{
	background-image:none;
}

@media only screen and (min-width:900px)
{
	#infoWindowForMobile
	{
		display:none;
		z-index:0;
	}
	
	.gmInfoBox
	{
		top:20px;
		left:0;
		min-height:335px;
		width:284px;
		margin:0;
	}
}
/*Style pour les mentions legales */
a.mentionslegales
{
  text-decoration: none;
}

#disclaimerCtn
{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;

  display: block;
  max-height: 500px;
  overflow: hidden;

  --background: #656464;
	background: #000000;
  --background-color: #003857;

  -webkit-transition: max-height .5s;
       -o-transition: max-height .5s;
          transition: max-height .5s;

  opacity: 0.7;
}

#disclaimerCtn,
.anniviers #disclaimerCtn,
.vercorin #disclaimerCtn
{
  --background-color: #003857;
}

.sierre #disclaimerCtn
{
  --background-color: #440b40;
}

#disclaimerCtn.hide
{
  max-height: 0;
}

#disclaimerCtn .disclaimer
{
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; 
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  max-width: 1200px;
  padding: 20px 10px 10px;
  margin: 0 auto 0;

  color: #ffffff;
  font-size: .8em;

  -webkit-box-pack: justify;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
@media screen and (min-width: 720px)
{
  #disclaimerCtn .disclaimer
  {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    font-size: 15px; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}
#disclaimerCtn .disclaimer .left
{
  padding-right: 10px;
}
#disclaimerCtn .disclaimer .txt
{
  /*margin-bottom:10px; attente validation */
  margin-bottom: 5px;
}
#disclaimerCtn .disclaimer a.read
{
  position: relative;

  margin-bottom: 5px;
  display: block;

  color: #ffffff;
  text-decoration: none;

  -webkit-transition: opacity .5s;
       -o-transition: opacity .5s;
          transition: opacity .5s;
}
#disclaimerCtn .disclaimer a.read:before
{
  margin-right: 5px;

  content: ">";
}
#disclaimerCtn .disclaimer a.read:hover
{
  opacity: 1;
}
#disclaimerCtn .disclaimer .button-effect
{
  width: 100%;

  color: #ffffff;
  text-align: center;

  padding: 5px 50px;

  border-color: #ffffff;
}
#disclaimerCtn .disclaimer .button-effect::after
{
  background-color: #ffffff;
}
#disclaimerCtn .disclaimer .button-effect:hover
{
  color: #000000;
}

#menuPanel
{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 100;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  min-height: 100vh;
  overflow: hidden;

  background: #ffffff;
  -webkit-transform: translateY(-105%);
      -ms-transform: translateY(-105%);
          transform: translateY(-105%);

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

#menuPanel.scrolling
{
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);

  overflow-scrolling: touch;
}

@media screen and (min-width: 720px)
{
  #menuPanel
  {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  }
}

#menuPanel .menu-container
{
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu-container
  {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}

#menuPanel .menu__left,
#menuPanel .menu__right
{
  -webkit-flex-grow: 1;
          flex-grow: 1;

  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}

#menuPanel .menu__left
{
  padding-bottom: 60px;

  background-color: #ffffff;
}

#menuPanel .menu__left .menu__wrapper
{
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__left .menu__wrapper
  {
    padding: 100px 20px 50px 0;
  }
}

@media screen and (min-width: 1200px)
{
  #menuPanel .menu__left .menu__wrapper
  {
    padding: 180px 110px 100px 90px;
  }
}

#menuPanel .menu__right
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  background-color: #f4f4f4;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__right
  {
    min-height: 100vh;
  }
}

#menuPanel .menu__right:after
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;

  width: 600%;
  height: 100%;

  content: "";

  background-color: #f4f4f4;
}

#menuPanel .menu__right .right__header
{
  max-width: 255px;
  margin-top: 70px;

  text-align: center;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__right .right__header
  {
    margin-top: 100px;
  }
}

@media screen and (min-width: 1200px)
{
  #menuPanel .menu__right .right__header
  {
    margin-top: 170px;
  }
}

#menuPanel .menu__right .right__header .header__title
{
  font-family: "Grota Rounded";
  font-size: 70px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}
@media screen and (min-width: 1100px)
{
  #menuPanel .menu__right .right__header .header__title
  {
    font-size: 97px;
  }
}

#menuPanel .menu__right .right__header .header__subtitle
{
  padding-bottom: 10px;

  font-family: "Grota Rounded";
  font-size: 20px;
  font-weight: 300;
  line-height: 1.08;
  text-transform: uppercase;
}

#menuPanel .menu__right .right__cartouche
{
  width: 100%;
  margin-top: 30px;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item
{
  display: block;
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;

  text-align: center;
  text-decoration: none;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  max-width: 260px;
  margin: 0 auto;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img
{
  width: 78%;
  max-width: 150px;
  margin: 0 auto;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper
{
  position: relative;

  display: block;
  overflow: hidden;

  background-color: #f4f4f4;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper::after
{
  display: block;
  padding-top: 111.5%;

  content: "";
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper::before
{
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: 2;

  display: block;

  content: "";

  background-image: url(/template/image/reverse-pinpoint-grey.svg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper .icon
{
  position: absolute;
  top: 45%;
  left: 50%;

  color: #ffffff;
  font-size: 24px;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper .img
{
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;

  display: block;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper:hover .img
{
          filter: blur(2px);

  -webkit-filter: blur(2px);
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__img .img__wrapper:hover .icon
{
  color: #000000;

  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__text
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 10px 0 15px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__text h6
{
  color: #000000;
  font-weight: bold;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__text h6
  {
    font-size: 17px;
  }
}

#menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__text .resume
{
  display: block;
  margin-top: 5px;

  color: #000000;
  font-weight: normal;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__right .right__cartouche .cartouche__list .list__item .link .link__text .resume
  {
    font-size: 15px;
  }
}

#menuPanel .menu__close-mobile,
#menuPanel .menu__close-desktop
{
  position: absolute;
  z-index: 51;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50px;

  color: #000000;
  font-size: 20px;

  background-color: #ffffff;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
}

#menuPanel .menu__close-mobile::before,
#menuPanel .menu__close-mobile::after,
#menuPanel .menu__close-desktop::before,
#menuPanel .menu__close-desktop::after
{
  position: absolute;
  top: 0;

  display: block;

  content: "";

  border-style: solid;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

#menuPanel .menu__close-mobile::before,
#menuPanel .menu__close-desktop::before
{
  right: 100%;

  -webkit-transform: translateX(1%);
      -ms-transform: translateX(1%);
          transform: translateX(1%);
}

#menuPanel .menu__close-mobile::after,
#menuPanel .menu__close-desktop::after
{
  left: 100%;
  z-index: -1;

  -webkit-transform: translateX(-1%);
      -ms-transform: translateX(-1%);
          transform: translateX(-1%);
}

#menuPanel .menu__close-mobile .icon,
#menuPanel .menu__close-desktop .icon
{
  position: absolute;
  bottom: 5px;
  left: 50%;

  padding: 8px;

  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__close-mobile .icon,
  #menuPanel .menu__close-desktop .icon
  {
    bottom: 4px;
  }
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__close-mobile .icon,
  #menuPanel .menu__close-desktop .icon
  {
    top: 50%;
    bottom: auto;

    padding: 15px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

#menuPanel .menu__close-mobile
{
  top: -10px;
  right: 10px;

  height: 74px;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__close-mobile
  {
    font-size: 22px;
  }
}

#menuPanel .menu__close-mobile::before
{
  border-color: transparent #ffffff transparent transparent;
  border-width: 0 5px 72px 0;
}

#menuPanel .menu__close-mobile::after
{
  border-color: #ffffff transparent transparent transparent;
  border-width: 72px 5px 0 0;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__close-mobile
  {
    height: 85px;
  }
  #menuPanel .menu__close-mobile::before
  {
    border-width: 0 5px 83px 0;
  }

  #menuPanel .menu__close-mobile::after
  {
    border-width: 83px 5px 0 0;
  }
}

#menuPanel .menu__close-desktop
{
  top: 0;
  left: 10px;

  height: 72px;

  color: #ffffff;
  font-size: 18px;

  background-color: #000000;
}

@media screen and (min-width: 1250px)
{
  #menuPanel .menu__close-desktop
  {
    left: -10px;
  }
}

#menuPanel .menu__close-desktop::before
{
  border-color: transparent #000000 transparent transparent;
  border-width: 0 5px 70px 0;
}

#menuPanel .menu__close-desktop::after
{
  border-color: #000000 transparent transparent transparent;
  border-width: 70px 5px 0 0;
}

@media screen and (max-width: 719px)
{
  #menuPanel .menu__close-mobile
  {
    display: block;
  }
  #menuPanel .menu__close-desktop
  {
    display: none;
  }
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__close-mobile
  {
    display: none;
  }
  #menuPanel .menu__close-desktop
  {
    display: block;
  }
}

#menuPanel .menu__blackbar
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;
  padding: 20px 10px;

  background-color: #000000;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  -webkit-box-align: center;
  -webkit-box-pack: justify;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__blackbar
  {
    padding: 30px;
  }
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__blackbar
  {
    display: none;
  }
}

#menuPanel .menu__blackbar .blackbar__lang
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

#menuPanel .menu__blackbar .blackbar__lang .langsite,
#menuPanel .menu__blackbar .blackbar__lang .langsiteActiv
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 5px;

  color: #ffffff;
  font-size: 18px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__blackbar .blackbar__lang .langsite,
  #menuPanel .menu__blackbar .blackbar__lang .langsiteActiv
  {
    font-size: 20px;
  }
}

#menuPanel .menu__blackbar .blackbar__lang .langsite:not(:last-child),
#menuPanel .menu__blackbar .blackbar__lang .langsiteActiv:not(:last-child)
{
  margin-right: 5px;
}

#menuPanel .menu__blackbar .blackbar__lang .langsite
{
  font-weight: normal;
}

#menuPanel .menu__blackbar .blackbar__lang .langsiteActiv
{
  font-weight: 600;
}

#menuPanel .menu__blackbar .blackbar__access
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-right: 55px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__blackbar .blackbar__access
  {
    margin-right: 40px;
  }
}

#menuPanel .menu__blackbar .blackbar__access .access__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 5px;

  color: #ffffff;
  font-size: 20px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__blackbar .blackbar__access .access__item
  {
    font-size: 26px;
  }
}

#menuPanel .menu__blackbar .blackbar__access .access__item:not(:first-child)
{
  margin-left: 15px;
}

#menuPanel .menu__blackbar .blackbar__access .access__item .icon
{
  vertical-align: middle;
}

#menuPanel .menu__greybar
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 20px 10px;

  background-color: #f4f4f4;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

#menuPanel .menu__greybar.padding
{
	padding: 0 10px 20px 10px;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__greybar
  {
    padding: 30px;
  }
	#menuPanel .menu__greybar.padding
  {
    padding: 0 30px 30px 30px;
  }
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__greybar
  {
    display: none;
  }
}

#menuPanel .menu__greybar .greybar__item
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  color: #000000;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

#menuPanel .menu__greybar .greybar__item:not(:last-child)
{
  margin-right: 30px;
}

.sierre #menuPanel .menu__greybar:not(.padding) .greybar__item:not(:last-child)
{
  margin-right: 15px;
}
.sierre #menuPanel .menu__greybar.padding .greybar__item:not(:last-child)
{
	 margin-right: 70px;
}

#menuPanel .menu__greybar .greybar__item.onlyFR
{
	display:none!important;
}
.FR #menuPanel .menu__greybar .greybar__item.onlyFR
{
	display: -webkit-box!important;
  	display: -webkit-flex!important;
  	display: -ms-flexbox!important;
  	display: flex!important;
}

#menuPanel .menu__greybar .greybar__item .item__icon
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-right: 7px;

  font-size: 30px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

#menuPanel .menu__greybar .greybar__item .item__label
{
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .05em;
}

#menuPanel .menu__searchbar
{
  padding: 20px 10px 10px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

@media screen and (min-width: 460px)
{
  #menuPanel .menu__searchbar
  {
    padding: 20px 30px 10px;
  }
}
@media screen and (min-width: 720px)
{
  #menuPanel .menu__searchbar
  {
    display: none;
  }
}

#menuPanel .menu__searchbar .search
{
  position: relative;
}

@media screen and (min-width: 720px)
{
  #menuPanel .menu__searchbar .search
  {
    display: none;
  }
}

#menuPanel .menu__searchbar .search .search__bar #searchquery-api
{
  width: 100%;

  -webkit-border-radius: 5px;
          border-radius: 5px;
}

#menuPanel .menu__searchbar .search .search__icon
{
  position: absolute;
  top: 12px;
  right: 10px;

  font-size: 22px;
}

/*@media screen and (max-width: 641px)
{
  .nooverflow
  {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}*/
.neutralizer
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;

  cursor: pointer;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuAnniviersMain,
#menuVercorinMain,
#menuSierreMain
{
  display: block;
  padding: 0;
  margin: 0;
}

#menuAnniviersMain::after,
#menuVercorinMain::after,
#menuSierreMain::after
{
  display: block;
  clear: both;

  content: "";
}

#menuAnniviersMain .col-left,
#menuAnniviersMain .col-right,
#menuVercorinMain .col-left,
#menuVercorinMain .col-right,
#menuSierreMain .col-left,
#menuSierreMain .col-right
{
  float: left;
  width: 100%;
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain .col-left,
  #menuAnniviersMain .col-right,
  #menuVercorinMain .col-left,
  #menuVercorinMain .col-right,
  #menuSierreMain .col-left,
  #menuSierreMain .col-right
  {
    width: -webkit-calc(50% - 45px);
    width:         calc(50% - 45px);
  }
}

#menuAnniviersMain .col-left,
#menuVercorinMain .col-left,
#menuSierreMain .col-left
{
  float: left;
}

#menuAnniviersMain .col-right,
#menuVercorinMain .col-right,
#menuSierreMain .col-right
{
  float: right;
}

#menuAnniviersMain ul,
#menuVercorinMain ul,
#menuSierreMain ul
{
  position: relative;

  padding: 0;
  margin: 0;
}

#menuAnniviersMain ul.menu0,
#menuVercorinMain ul.menu0,
#menuSierreMain ul.menu0
{
  display: block;
}

@media screen and (max-width: 720px)
{
  #menuAnniviersMain ul.menu1,
  #menuVercorinMain ul.menu1,
  #menuSierreMain ul.menu1
  {
    display: none;
    padding: 10px 0;
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul.menu1,
  #menuVercorinMain ul.menu1,
  #menuSierreMain ul.menu1
  {
    margin-top: 20px;
  }
}

#menuAnniviersMain ul.menu2,
#menuVercorinMain ul.menu2,
#menuSierreMain ul.menu2
{
  display: none;  
  margin-bottom: 10px;
}

@media screen and (max-width: 720px)
{
  #menuAnniviersMain ul.menu2,
  #menuVercorinMain ul.menu2,
  #menuSierreMain ul.menu2
  {
    padding: 10px 0;
    margin-bottom: 0;

    background-color: #f4f4f4;
  }
}

#menuAnniviersMain ul li,
#menuVercorinMain ul li,
#menuSierreMain ul li
{
  position: relative;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;

  list-style: none;
}

#menuAnniviersMain ul li.menu0 > .styleDivArrowAdmin,
#menuVercorinMain ul li.menu0 > .styleDivArrowAdmin,
#menuSierreMain ul li.menu0 > .styleDivArrowAdmin
{
  top: 10px;
}

@media screen and (max-width: 459px)
{
  #menuAnniviersMain ul li.menu0 a.menu0::after,
  #menuVercorinMain ul li.menu0 a.menu0::after,
  #menuSierreMain ul li.menu0 a.menu0::after
  {
    right: 15px;
  }
}

@media screen and (min-width: 460px) and (max-width: 720px)
{
  #menuAnniviersMain ul li.menu0 a.menu0::after,
  #menuVercorinMain ul li.menu0 a.menu0::after,
  #menuSierreMain ul li.menu0 a.menu0::after
  {
    right: 45px;
  }
}

@media screen and (max-width: 720px)
{
  #menuAnniviersMain ul li.menu0.has-submenu a.menu0::after,
  #menuVercorinMain ul li.menu0.has-submenu a.menu0::after,
  #menuSierreMain ul li.menu0.has-submenu a.menu0::after
  {
    position: absolute;
    top: 13px;

    display: block;
    width: 17px;
    height: 25px;

    content: "";

    background-image: url(/template/image/icons/chevron-right.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;

    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
  }
  #menuAnniviersMain ul li.menu0.has-submenu.open a.menu0::after,
  #menuVercorinMain ul li.menu0.has-submenu.open a.menu0::after,
  #menuSierreMain ul li.menu0.has-submenu.open a.menu0::after
  {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul li.menu0,
  #menuVercorinMain ul li.menu0,
  #menuSierreMain ul li.menu0
  {
    margin: 0 0 40px;
  }
}

#menuAnniviersMain ul li.menu1 > .styleDivArrowAdmin,
#menuVercorinMain ul li.menu1 > .styleDivArrowAdmin,
#menuSierreMain ul li.menu1 > .styleDivArrowAdmin
{
  top: 3px;
}

@media screen and (max-width: 459px)
{
  #menuAnniviersMain ul li.menu1 a.menu1::before,
  #menuVercorinMain ul li.menu1 a.menu1::before,
  #menuSierreMain ul li.menu1 a.menu1::before
  {
    right: 22px;
  }
  #menuAnniviersMain ul li.menu1 a.menu1::after,
  #menuVercorinMain ul li.menu1 a.menu1::after,
  #menuSierreMain ul li.menu1 a.menu1::after
  {
    right: 16px;
  }
}

@media screen and (min-width: 460px) and (max-width: 720px)
{
  #menuAnniviersMain ul li.menu1 a.menu1::before,
  #menuVercorinMain ul li.menu1 a.menu1::before,
  #menuSierreMain ul li.menu1 a.menu1::before
  {
    right: 52px;
  }
  #menuAnniviersMain ul li.menu1 a.menu1::after,
  #menuVercorinMain ul li.menu1 a.menu1::after,
  #menuSierreMain ul li.menu1 a.menu1::after
  {
    right: 46px;
  }
}

@media screen and (max-width: 720px)
{
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1::after,
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1::before,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1::after,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1::before,	
  #menuSierreMain ul li.menu1.has-submenu a.menu1::after,
  #menuSierreMain ul li.menu1.has-submenu a.menu1::before
  {
    position: absolute;
    top: -11px;

    display: block;

    content: "";

    background-color: #000000;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;

    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
  }
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1::before,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1::before,
  #menuSierreMain ul li.menu1.has-submenu a.menu1::before
  {
    top: 9px;

    width: 2px;
    height: 14px;
  }
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1::after,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1::after,
  #menuSierreMain ul li.menu1.has-submenu a.menu1::after
  {
    top: 15px;

    width: 14px;
    height: 2px;
  }
  #menuAnniviersMain ul li.menu1.has-submenu.open a.menu1,
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1.menuselected,
  #menuVercorinMain ul li.menu1.has-submenu.open a.menu1,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1.menuselected,  
  #menuSierreMain ul li.menu1.has-submenu.open a.menu1,
  #menuSierreMain ul li.menu1.has-submenu a.menu1.menuselected
  {
    color: #ffffff;

    background-color: #000000;
  }
  #menuAnniviersMain ul li.menu1.has-submenu.open a.menu1::after,
  #menuAnniviersMain ul li.menu1.has-submenu.open a.menu1::before,
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1.menuselected::after,
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1.menuselected::before,
  #menuVercorinMain ul li.menu1.has-submenu.open a.menu1::after,
  #menuVercorinMain ul li.menu1.has-submenu.open a.menu1::before,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1.menuselected::after,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1.menuselected::before,  
  #menuSierreMain ul li.menu1.has-submenu.open a.menu1::after,
  #menuSierreMain ul li.menu1.has-submenu.open a.menu1::before,
  #menuSierreMain ul li.menu1.has-submenu a.menu1.menuselected::after,
  #menuSierreMain ul li.menu1.has-submenu a.menu1.menuselected::before
  {
    background-color: #ffffff;
  }
  #menuAnniviersMain ul li.menu1.has-submenu.open a.menu1::after,
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1.menuselected::after,
  #menuVercorinMain ul li.menu1.has-submenu.open a.menu1::after,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1.menuselected::after,  
  #menuSierreMain ul li.menu1.has-submenu.open a.menu1::after,
  #menuSierreMain ul li.menu1.has-submenu a.menu1.menuselected::after
  {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #menuAnniviersMain ul li.menu1.has-submenu.open a.menu1::before,
  #menuAnniviersMain ul li.menu1.has-submenu a.menu1.menuselected::before,
  #menuVercorinMain ul li.menu1.has-submenu.open a.menu1::before,
  #menuVercorinMain ul li.menu1.has-submenu a.menu1.menuselected::before,
  #menuSierreMain ul li.menu1.has-submenu.open a.menu1::before,
  #menuSierreMain ul li.menu1.has-submenu a.menu1.menuselected::before
  {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul li.menu1:hover a.menu1,
  #menuAnniviersMain ul li.menu1 a.menu1.menuselected,
  #menuAnniviersMain ul li.menu1.open a.menu1,
  #menuVercorinMain ul li.menu1:hover a.menu1,
  #menuVercorinMain ul li.menu1 a.menu1.menuselected,
  #menuVercorinMain ul li.menu1.open a.menu1,	
  #menuSierreMain ul li.menu1:hover a.menu1,
  #menuSierreMain ul li.menu1 a.menu1.menuselected,
  #menuSierreMain ul li.menu1.open a.menu1
  {
    color: #ffffff;

    background-color: #000000;
  }
  #menuAnniviersMain ul li.menu1.open a.menu1::before,
  #menuAnniviersMain ul li.menu1 a.menu1.menuselected::before,
  #menuVercorinMain ul li.menu1.open a.menu1::before,
  #menuVercorinMain ul li.menu1 a.menu1.menuselected::before,  
  #menuSierreMain ul li.menu1.open a.menu1::before,
  #menuSierreMain ul li.menu1 a.menu1.menuselected::before
  {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

#menuAnniviersMain ul li > a,
#menuVercorinMain ul li > a,
#menuSierreMain ul li > a
{
  position: relative;

  display: block;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

@media screen and (max-width: 459px)
{
  #menuAnniviersMain ul li > a,
  #menuVercorinMain ul li > a,
  #menuSierreMain ul li > a
  {
    padding-right: 40px;
  }
}

@media screen and (min-width: 460px) and (max-width: 720px)
{
  #menuAnniviersMain ul li > a,
  #menuVercorinMain ul li > a,
  #menuSierreMain ul li > a
  {
    padding-right: 70px;
  }
}

#menuAnniviersMain ul li > a.menu0,
#menuVercorinMain ul li > a.menu0,
#menuSierreMain ul li > a.menu0
{
  color: #000000;
  font-family: "Grota Rounded";
  font-size: 27px;
  font-weight: 900;
  line-height: 1.3;
  text-transform: uppercase;
}

@media screen and (max-width: 459px)
{
  #menuAnniviersMain ul li > a.menu0,
  #menuVercorinMain ul li > a.menu0,	
  #menuSierreMain ul li > a.menu0
  {
    padding-left: 10px;
  }
}

@media screen and (min-width: 460px) and (max-width: 720px)
{
  #menuAnniviersMain ul li > a.menu0,
  #menuVercorinMain ul li > a.menu0,
  #menuSierreMain ul li > a.menu0
  {
    padding-left: 30px;
  }
}

@media screen and (max-width: 720px)
{
  #menuAnniviersMain ul li > a.menu0,
  #menuVercorinMain ul li > a.menu0,
  #menuSierreMain ul li > a.menu0
  {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul li > a.menu0,
  #menuVercorinMain ul li > a.menu0,
  #menuSierreMain ul li > a.menu0
  {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1100px)
{
  #menuAnniviersMain ul li > a.menu0,
  #menuVercorinMain ul li > a.menu0,
  #menuSierreMain ul li > a.menu0
  {
    font-size: 33px;
  }
}

#menuAnniviersMain ul li > a.menu1,
#menuVercorinMain ul li > a.menu1,
#menuSierreMain ul li > a.menu1
{
  position: relative;
  z-index: 2;

  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 18px;
  font-weight: normal;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

@media screen and (max-width: 459px)
{
  #menuAnniviersMain ul li > a.menu1,
  #menuVercorinMain ul li > a.menu1,	
  #menuSierreMain ul li > a.menu1
  {
    padding-left: 30px;
  }
}

@media screen and (min-width: 460px) and (max-width: 720px)
{
  #menuAnniviersMain ul li > a.menu1,
  #menuVercorinMain ul li > a.menu1,	
  #menuSierreMain ul li > a.menu1
  {
    padding-left: 70px;
  }
}

@media screen and (max-width: 720px)
{
  #menuAnniviersMain ul li > a.menu1,
  #menuVercorinMain ul li > a.menu1,
  #menuSierreMain ul li > a.menu1
  {
    font-size: 20px;
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul li > a.menu1,
  #menuVercorinMain ul li > a.menu1,
  #menuSierreMain ul li > a.menu1
  {
    padding-left: 30px;
  }
  #menuAnniviersMain ul li > a.menu1::before,
  #menuVercorinMain ul li > a.menu1::before,
  #menuSierreMain ul li > a.menu1::before
  {
    position: absolute;
    top: 7px;
    left: 11px;

    display: block;
    width: 10px;
    height: 14px;

    content: "";

    background-image: url(/template/image/icons/chevron-right-white.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;

    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
  }
}

#menuAnniviersMain ul li > a.menu2,
#menuVercorinMain ul li > a.menu2,
#menuSierreMain ul li > a.menu2,
#menuAnniviersMain ul li > a.menu3,
#menuVercorinMain ul li > a.menu3,
#menuSierreMain ul li > a.menu3,
#menuAnniviersMain ul li > a.menu4,
#menuVercorinMain ul li > a.menu4,
#menuSierreMain ul li > a.menu4,
#menuAnniviersMain ul li > a.menu5,
#menuVercorinMain ul li > a.menu5,
#menuSierreMain ul li > a.menu5,
#menuAnniviersMain ul li > a.menu6,
#menuVercorinMain ul li > a.menu6,
#menuSierreMain ul li > a.menu6
{
  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 300;
}

@media screen and (max-width: 459px)
{
  #menuAnniviersMain ul li > a.menu2,
  #menuVercorinMain ul li > a.menu2,
  #menuSierreMain ul li > a.menu2
  {
    padding-left: 60px;
  }
  #menuAnniviersMain ul li > a.menu3,
  #menuVercorinMain ul li > a.menu3,
  #menuSierreMain ul li > a.menu3,
  #menuAnniviersMain ul li > a.menu4,
  #menuVercorinMain ul li > a.menu4,
  #menuSierreMain ul li > a.menu4,
  #menuAnniviersMain ul li > a.menu5,
  #menuVercorinMain ul li > a.menu5,
  #menuSierreMain ul li > a.menu5,
  #menuAnniviersMain ul li > a.menu6,
  #menuVercorinMain ul li > a.menu6,
  #menuSierreMain ul li > a.menu6
  {
    padding-left: 70px;
  }
}

@media screen and (min-width: 460px) and (max-width: 720px)
{
  #menuAnniviersMain ul li > a.menu2,
  #menuVercorinMain ul li > a.menu2,
  #menuSierreMain ul li > a.menu2
  {
    padding-left: 90px;
  }
  #menuAnniviersMain ul li > a.menu3,
  #menuVercorinMain ul li > a.menu3,
  #menuSierreMain ul li > a.menu3,
  #menuAnniviersMain ul li > a.menu4,
  #menuVercorinMain ul li > a.menu4,
  #menuSierreMain ul li > a.menu4,
  #menuAnniviersMain ul li > a.menu5,
  #menuVercorinMain ul li > a.menu5,
  #menuSierreMain ul li > a.menu5,
  #menuAnniviersMain ul li > a.menu6,
  #menuVercorinMain ul li > a.menu6,
  #menuSierreMain ul li > a.menu6
  {
    padding-left: 100px;
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul li > a.menu2,
  #menuVercorinMain ul li > a.menu2,
  #menuSierreMain ul li > a.menu2
  {
    padding-left: 45px;
  }
  #menuAnniviersMain ul li > a.menu3,
  #menuVercorinMain ul li > a.menu3,
  #menuSierreMain ul li > a.menu3,
  #menuAnniviersMain ul li > a.menu4,
  #menuVercorinMain ul li > a.menu4,
  #menuSierreMain ul li > a.menu4,
  #menuAnniviersMain ul li > a.menu5,
  #menuVercorinMain ul li > a.menu5,
  #menuSierreMain ul li > a.menu5,
  #menuAnniviersMain ul li > a.menu6,
  #menuVercorinMain ul li > a.menu6,
  #menuSierreMain ul li > a.menu6 {
    padding-left: 55px;
  }
}

@media screen and (min-width: 720px)
{
  #menuAnniviersMain ul li > a.menu2:hover,
  #menuVercorinMain ul li > a.menu2:hover,
  #menuSierreMain ul li > a.menu2:hover,
  #menuAnniviersMain ul li > a.menu3:hover,
  #menuVercorinMain ul li > a.menu3:hover,
  #menuSierreMain ul li > a.menu3:hover,
  #menuAnniviersMain ul li > a.menu4:hover,
  #menuVercorinMain ul li > a.menu4:hover,
  #menuSierreMain ul li > a.menu4:hover,
  #menuAnniviersMain ul li > a.menu5:hover,
  #menuVercorinMain ul li > a.menu5:hover,
  #menuSierreMain ul li > a.menu5:hover,
  #menuAnniviersMain ul li > a.menu6:hover,
  #menuVercorinMain ul li > a.menu6:hover,
  #menuSierreMain ul li > a.menu6:hover
  {
    background-color: #f4f4f4;
  }
}

#menuAnniviersBottomMain ul,
#menuVercorinBottomMain ul,
#menuSierreBottomMain ul
{
  padding: 0;
  margin: 0;
}

#menuAnniviersBottomMain ul.menu0,
#menuVercorinBottomMain ul.menu0,
#menuSierreBottomMain ul.menu0
{
  -webkit-align-content: center;
          align-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -ms-flex-line-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

@media screen and (min-width: 720px)
{
  #menuAnniviersBottomMain ul.menu0,
  #menuVercorinBottomMain ul.menu0,
  #menuSierreBottomMain ul.menu0
  {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}

#menuAnniviersBottomMain ul li,
#menuVercorinBottomMain ul li,
#menuSierreBottomMain ul li
{
  position: relative;

  display: inline-block;
  padding: 0;
  margin: 0;

  list-style: none;
}

#menuAnniviersBottomMain ul li .styleDivArrowAdmin,
#menuVercorinBottomMain ul li .styleDivArrowAdmin,
#menuSierreBottomMain ul li .styleDivArrowAdmin
{
  position: relative;
  left: auto;

  display: inline-block;
  float: left;
  padding-top: 2px;
  padding-right: 2px;
}

#menuAnniviersBottomMain ul li.menu0,
#menuVercorinBottomMain ul li.menu0,
#menuSierreBottomMain ul li.menu0
{
  padding: 0 5px;

  text-align: center;
}

#menuAnniviersBottomMain ul li a.menu0,
#menuVercorinBottomMain ul li a.menu0,
#menuSierreBottomMain ul li a.menu0
{
  color: #767474;
  font-size: 15px;
  font-weight: 300;
  text-align: center;

  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

#menuAnniviersBottomMain ul li a.menu0:hover,
#menuVercorinBottomMain ul li a.menu0:hover
{
  color: #003857;
}
#menuSierreBottomMain ul li a.menu0:hover
{
  color: #440b40;
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin
{
  position: absolute;
  z-index: 999;

  display: none;
  padding: 0;
  margin: 0;

  font-size: 11px;

  background-color: #f5f5f5;
  border: 1px solid #999999;
}

div.styleMenuAdmin div
{
  padding: 2px 5px 2px 5px;

  text-align: left !important;
}

div.styleMenuAdmin div:hover
{
  background-color: #dddddd;
}

div.styleMenuAdmin a
{
  color: black;
  font-family: Arial;
  font-size: 11px;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

.myArrowAdmin
{
  cursor: pointer;
}

.styleDivArrowAdmin
{
  position: absolute;
  left: -20px;

  display: inline-block;
  padding-top: 0;
  padding-right: 5px;
}

.styleDivArrowAdmin.first
{
  float: none !important;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

/*
#menuBottomMain
{
  ul
  {
    padding: 0;
    margin: 0;
    li
    {
      padding: 0;
      margin: 0;

      list-style: none;
    }
  }
  li.menu0
  {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    padding: 10px 0;
  }
  a.menu0
  {
    display: inline-block;

    color: #babab9;
    font-size: .85rem;

    -webkit-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    &:hover
    {
      color: #000000;
    }
  }
  li.menu0
  {
    a.menu0
    {
      padding-right: 20px;
      margin-right: 20px;
    }
    &:nth-child(odd) a.menu0
    {
      border-right: 1px solid #babab9;
    }
  }
  ul.menu1
  {
    position: absolute;
    z-index: 10;

    display: none;
    min-width: 100px;
    padding: 15px;
    margin-left: -15px;

    background-color: #6188bb;
  }
  a.menu1
  {
    color: #ffffff;
  }
}

@media screen and (min-width: 400px)
{
  #menuBottomMain
  {
    a.menu0
    {
      font-size: 1rem;
    }
    li.menu0
    {
      &:nth-child(odd) a.menu0
      {
        border-right: none;
      }
      &:not(:last-child) a.menu0
      {
        border-right: 1px solid #babab9;
      }
    }
  }
}
*/
@charset "UTF-8";
.infosnowctn
{
  position: relative;
  z-index: 2;

  margin-top: 60px;
}
.infosnowctn .infosnow__container
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1080px;
  padding: 0 10px;
  margin: 0 auto;
}
@media screen and (max-width: 719px)
{
  .infosnowctn .infosnow__header
  {
    margin-bottom: 40px;
  }
}
.infosnowctn .infosnow__header .stations
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 368px;
  padding: 10px;
  margin: 0 auto;
}
.infosnowctn .infosnow__header .stations select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;

  -webkit-border-radius: 3px;
          border-radius: 3px;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__header .stations
  {
    display: none;
  }
}
.infosnowctn .infosnow__header .groups
{
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 0 auto;
}
@media screen and (max-width: 719px)
{
  .infosnowctn .infosnow__header .groups
  {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;

    max-width: 368px;

    -webkit-box-pack: center;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__header .groups
  {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;

    width: 100%;

    -webkit-box-pack: center;
  }
}
@media screen and (max-width: 719px)
{
  .infosnowctn .infosnow__header .groups .group
  {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    min-width: 70px;

    -webkit-box-pack: center;
  }
}
.infosnowctn .infosnow__header .groups a,
.infosnowctn .infosnow__header .groups span
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 72px;
  height: 50px;
  margin: 0 6px;

  color: #949393;
  font-size: 46px;

  background-color: #ffffff;
  border: 1px solid #949393;
  -webkit-border-radius: 3px;
          border-radius: 3px;

  -webkit-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.infosnowctn .infosnow__header .groups a.ete
{
	width: 144px;
  	height: 100px;
}

.infosnowctn .infosnow__header .groups .group.has-text
{
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.infosnowctn .infosnow__header .groups .group.has-text a,
.infosnowctn .infosnow__header .groups .group.has-text span
{
  width: auto;
  width: 100%;
  height: 50px;
  padding: 0 10px;

  font-size: 16px;
}
.infosnowctn .infosnow__header .groups .group.has-text .icon
{
  font-size: 22px;
}
.infosnowctn .infosnow__header .groups .group.has-text .group-mobile
{
  margin-left: 5px;

  font-weight: 300;
}
@media screen and (max-width: 719px)
{
  .infosnowctn .infosnow__header .groups a,
  .infosnowctn .infosnow__header .groups span
  {
    width: 70px;
    height: 70px;
    margin: 10px;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__header .groups .group.has-text
  {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .infosnowctn .infosnow__header .groups .group.has-text a,
  .infosnowctn .infosnow__header .groups .group.has-text span
  {
    width: auto;
  }
  .infosnowctn .infosnow__header .groups .group.has-text .group-mobile
  {
    display: none;
  }
  .infosnowctn .infosnow__header .groups a,
  .infosnowctn .infosnow__header .groups span
  {
    color: #8b8a8a;
    font-size: 26px;

    border: none;
    -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;

            filter: drop-shadow(0px 0px 2px #f4f4f4);

    -webkit-filter: drop-shadow(0px 0px 2px #f4f4f4);
  }
  .infosnowctn .infosnow__header .groups a.ete
  {
	font-size: 48px;
  }
}
.infosnowctn .infosnow__header .groups a:hover,
.infosnowctn .infosnow__header .groups a.selected,
.infosnowctn .infosnow__header .groups span:hover,
.infosnowctn .infosnow__header .groups span.selected
{
  color: #ffffff;

  background-color: #000000;
}
@media screen and (max-width: 719px)
{
  .infosnowctn .infosnow__header .groups a:hover,
  .infosnowctn .infosnow__header .groups a.selected,
  .infosnowctn .infosnow__header .groups span:hover,
  .infosnowctn .infosnow__header .groups span.selected
  {
    border-color: #000000;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__header .groups a:hover,
  .infosnowctn .infosnow__header .groups a.selected,
  .infosnowctn .infosnow__header .groups span:hover,
  .infosnowctn .infosnow__header .groups span.selected
  {
    color: #000000;

    background-color: #f4f4f4;
  }
  .infosnowctn .infosnow__header .groups a:hover::before,
  .infosnowctn .infosnow__header .groups a.selected::before,
  .infosnowctn .infosnow__header .groups span:hover::before,
  .infosnowctn .infosnow__header .groups span.selected::before
  {
    border-color: transparent transparent #f4f4f4 transparent;
  }
  .infosnowctn .infosnow__header .groups a:hover::after,
  .infosnowctn .infosnow__header .groups a.selected::after,
  .infosnowctn .infosnow__header .groups span:hover::after,
  .infosnowctn .infosnow__header .groups span.selected::after
  {
    border-color: transparent transparent transparent #f4f4f4;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__header .groups a::before,
  .infosnowctn .infosnow__header .groups a::after,
  .infosnowctn .infosnow__header .groups span::before,
  .infosnowctn .infosnow__header .groups span::after
  {
    position: absolute;
    top: 0;
    bottom: 0;

    display: block;

    content: "";

    -webkit-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
  }
  .infosnowctn .infosnow__header .groups a::before,
  .infosnowctn .infosnow__header .groups span::before
  {
    right: 100%;

    display: block;

    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 0 0 48px 3px;
  }
  .infosnowctn .infosnow__header .groups a::after,
  .infosnowctn .infosnow__header .groups span::after
  {
    left: 100%;
    z-index: -1;

    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 48px 0 0 3px;
  }
}
.infosnowctn .infosnow__header .groups span
{
  width: 150px;

  font-size: 15px;

  cursor: pointer;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__header .groups span
  {
    font-size: 13px;
  }
}
.infosnowctn .infosnow__wrapper
{
  padding: 50px 0;

  background-color: #f4f4f4;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .infosnow__wrapper
  {
    padding: 130px 0;
  }
}
.infosnowctn .infosnow__wrapper .infosnow__content
{
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-pack: justify;
}
.infosnowctn .content__left
{
  position: relative;
}
@media screen and (max-width: 719px)
{
  .infosnowctn .content__left
  {
    display: none;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .content__left
  {
    width: 25%;
    padding-right: 10%;
  }
}
.infosnowctn .content__left .stations a
{
  display: block;
  padding: 15px 20px;
  margin: 0 0 5px 0;

  color: #000000;
  font-size: 15px;
  font-weight: normal;

  border: 1px solid #000000;
  -webkit-border-radius: 3px;
          border-radius: 3px;

  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
.infosnowctn .content__left .stations a:hover,
.infosnowctn .content__left .stations a.selected
{
  color: #ffffff;

  background: #000000;
}
.infosnowctn .content__right
{
  width: 100%;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .content__right
  {
    width: 100%;
  }
}
.infosnowctn .content__right .labels
{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  float: right;
}
.infosnowctn .content__right .labels .label
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 0 10px;

  text-transform: lowercase;

  -webkit-box-align: center;
}
.infosnowctn .content__right .labels .label:last-child
{
  margin-right: 0;
}
.infosnowctn .content__right .labels .label svg
{
  margin-right: 7px;
}
.infosnowctn .content__right .labels .label.close svg
{
  color: #e72d2d;
}
.infosnowctn .content__right .labels .label.open svg
{
  color: #25a13a;
}
.infosnowctn .content__right .labels .label.preparation svg
{
  color: #ffa800;
}
.infosnowctn .datas .infos
{
  position: relative;

  display: block;
  margin-bottom: 40px;
}
.infosnowctn .datas .infos.waiting:before
{
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: 1;

  display: block;
  width: 40px;
  height: 40px;
  margin-left: -20px;

  content: "";

  background: url(/template/image/loading.gif) no-repeat center center;
}
.infosnowctn .datas .infos.waiting > *
{
  opacity: .5;
}
.infosnowctn .datas .infos h1
{
  margin: -10px 0 40px 0;

  color: #000000;
  font-size: 28px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}
.infosnowctn .datas .infos .info
{
  position: relative;

  display: block;
  padding: 20px 100px 20px 10px;

  font-size: 15px;

  background-repeat: no-repeat;
  background-position: 10px center;
  -webkit-background-size: auto auto;
          background-size: auto;
  border-bottom: 1px solid #b0b0b0;
}
.infosnowctn .datas .infos .info.has-remarks {
  background-position: 10px 12px;
}
.infosnowctn .datas .infos .info .name
{
  position: relative;

  display: block;
  padding-left: 50px;
  font-weight: 400;
}
.infosnowctn .datas .infos .info.none .name
{
  padding-left: 10px;
}
.infosnowctn .datas .infos .info .remarks {
  display: block;
  padding-left: 50px;
  color: #696969;
  font-style: italic;
  font-weight: 400;
  margin-top: 10px;
}
.infosnowctn .datas .infos .info .remarks:empty {
  margin-top: 0;
  display: none;
}
.infosnowctn .datas .infos .info .status
{
  position: absolute;
  top: 25px;
  right: 10px;

  font-style: italic;
  line-height: 12px;
}
.infosnowctn .datas .infos .info .status.close
{
  color: #e72d2d;
}
.infosnowctn .datas .infos .info .status.open
{
  color: #25a13a;
}
.infosnowctn .datas .infos .info .status.preparation
{
  color: #ffa800;
}
.infosnowctn .datas .infos .carte
{
  position: relative;

  display: block;
  margin-top: 60px;
}
.infosnowctn .datas .infos .carte a
{
  display: block;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}
.infosnowctn .datas .infos .carte a:before
{
  display: block;
  padding-top: 56.29%;

  content: "";
}
.infosnowctn .datas .infos .carte a[rel=gz]
{
  background-image: url(/plugin/infosnow/template/images/carte-gz.jpg);
}
.infosnowctn .datas .infos .carte a[rel=slc]
{
  background-image: url(/plugin/infosnow/template/images/carte-slc.jpg);
}
.infosnowctn .datas .infos .carte a[rel=v]
{
  background-image: url(/plugin/infosnow/template/images/carte-v.jpg);
}
.infosnowctn .datas .infos .prev3day
{
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.infosnowctn .datas .infos .prev3day .day
{
  position: relative;
  -webkit-flex-grow: 1;
          flex-grow: 1;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%;

  color: #000000;
  font-size: 16px;
  font-weight: normal;

  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .prev3day .day
  {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    width: auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}
.infosnowctn .datas .infos .prev3day .day:first-child
{
  margin-left: 0;
}
.infosnowctn .datas .infos .prev3day .day .icone
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-bottom: 20px;

  color: #8b8a8a;
  font-size: 90px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .prev3day .day .icone
  {
    font-size: 110px;
  }
}
@media screen and (max-width: 719px)
{
  .infosnowctn .datas .infos .prev3day .day:last-child .txt
  {
    border-bottom: none;
  }
}
.infosnowctn .datas .infos .prev3day .day .txt
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .prev3day .day .txt
  {
    text-align: center;
  }
}
@media screen and (max-width: 719px)
{
  .infosnowctn .datas .infos .prev3day .day .txt
  {
    -webkit-flex-grow: 1;
            flex-grow: 1;

    margin-left: 7%;

    border-bottom: 1px solid #8b8a8a;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
  }
}
.infosnowctn .datas .infos .prev3day .day .txt .name
{
  font-size: 21px;
  font-weight: 600;
}
.infosnowctn .datas .infos .prev3day .day .txt .temp .descr
{
  text-transform: lowercase;
}
.infosnowctn .datas .infos .prev3day .day .txt .temp .temperature:after
{
  content: "°C";
}
.infosnowctn .datas .infos .prev3day .day .txt .temp span + span:before
{
  content: " / ";
}
.infosnowctn .datas .infos .tabel
{
  position: relative;

  display: block;
  margin-top: 20px;
}
.infosnowctn .datas .infos .prev3day + .tabel
{
  margin-top: 30px;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .prev3day + .tabel
  {
    margin-top: 60px;
  }
}
.infosnowctn .datas .infos .tabel .line
{
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 0 10px 10px 10px;
  margin-bottom: 10px;

  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;

  border-bottom: 1px solid #b0b0b0;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .tabel .line
  {
    padding: 0 10px 15px 10px;
    margin-bottom: 15px;
  }
}
.infosnowctn .datas .infos .tabel .line.header
{
  margin-bottom: 15px;

  font-size: 26px;
  font-weight: bold;

  border-bottom: none;
}
@media screen and (max-width: 719px)
{
  .infosnowctn .datas .infos .tabel .line.header
  {
    display: none;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .tabel .line.header .label
  {
    display: block;

    font-size: 15px;
    font-weight: 400;
    text-transform: lowercase;
  }
}
.infosnowctn .datas .infos .tabel .line > div
{
  -webkit-flex-grow: 1;
          flex-grow: 1;

  width: 33%;

  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .tabel .line > div
  {
    width: 22%;

    text-align: center;
  }
}
.infosnowctn .datas .infos .tabel .line > div .label
{
  color: #696969;
  font-size: 12px;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .tabel .line > div .label
  {
    display: none;
  }
}
.infosnowctn .datas .infos .tabel .line > div.name
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding-right: 20px;
  margin-bottom: 10px;

  font-size: 18px;
  font-weight: 400;
  text-align: left;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .tabel .line > div.name
  {
    width: 32%;
    margin-bottom: 0;

    font-size: 16px;
    font-weight: 400;
  }
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .tabel .line > div.temperature .value,
  .infosnowctn .datas .infos .tabel .line > div.directionvent .value
  {
    font-weight: 600;
  }
}
.infosnowctn .datas .infos .tabel .line:not(.header) .enneigement .value:after,
.infosnowctn .datas .infos .tabel .line:not(.header) .neigefraiche .value:after
{
  content: "cm";
}
.infosnowctn .datas .infos .tabel .line:not(.header) .temperature .value span:after
{
  content: "°C";
}
.infosnowctn .datas .infos .tabel .line:not(.header) .speed .value:after
{
  content: " km/h";
}
.infosnowctn .datas .infos .tabel + h1
{
  margin-top: 60px;
}
.infosnowctn .datas .infos .avalanche
{
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 3px;

  background-color: #ffffff;
  border: 1px solid #8b8a8a;
  -webkit-border-radius: 3px;
          border-radius: 3px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
@media screen and (min-width: 720px)
{
  .infosnowctn .datas .infos .avalanche
  {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}
.infosnowctn .datas .infos .avalanche .level
{
  -webkit-flex-grow: 1;
          flex-grow: 1;

  padding: 10px;

  color: #8b8a8a;
  font-size: 15px;
  font-weight: 400;
  text-align: center;

  -webkit-border-radius: 2px;
          border-radius: 2px;

  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}
.infosnowctn .datas .infos .avalanche .level.lvl0:not(.active)
{
  display: none;
}
.infosnowctn .datas .infos .avalanche .level.hide
{
  display: none;
}
.infosnowctn .datas .infos .avalanche .level.active
{
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
}
.infosnowctn .datas .infos .avalanche .level.active.lvl0
{
  text-transform: none;

  background-color: #000000;
}
.infosnowctn .datas .infos .avalanche .level.active.lvl1
{
  background-color: #93bf4e;
}
.infosnowctn .datas .infos .avalanche .level.active.lvl2
{
  background-color: #f2e200;
}
.infosnowctn .datas .infos .avalanche .level.active.lvl3
{
  background-color: #fbbd00;
}
.infosnowctn .datas .infos .avalanche .level.active.lvl4
{
  background-color: #d81c16;
}
.infosnowctn .datas .infos .avalanche .level.active.lvl5
{
  background-color: #910008;
}

.sierre .infosnowctn .content__right
{
  width: 100%;
}
@media screen and (min-width: 720px)
{
  .sierre .infosnowctn .content__right
  {
    width: 100%;
  }
}
.sierre .infosnowctn .content__right .copy
{
  margin-top: 40px;
}

.infosnow-iframe
{
  position: relative;

  width: 100%;
  max-width: 1080px;
  margin: 100px auto;
  overflow: auto;

  -webkit-overflow-scrolling: touch;
}
.infosnow-iframe::before
{
  display: block;
  width: 100%;
  padding-top: 100%;

  content: "";
}
.infosnow-iframe iframe
{
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  min-width: 100%;
}
@media screen and (min-width: 720px)
{
  .infosnow-iframe::before
  {
    padding-top: 65%;
  }
}


.alert__infosnow {
  position: relative;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
  transition: all .6s ease;
}
.alert__infosnow.hide {
  transform: translateY(-200%);
  display: none;
}
.alert__infosnow .alert__close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 51;
  width: 45px;
  height: 51px;
  color: #ffffff;
  font-size: 15px;
  background-color: #000000;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.alert__infosnow .alert__close .icon {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  padding: 15px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.alert__infosnow .alert__container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 25px 10px;
  position: relative;
}
.alert__infosnow .alert__container .alert__content .content__title {
  display: flex;
  align-items: center;
  color: #000;
}
.alert__infosnow .alert__container .alert__content .content__title .icon {
  font-size: 24px;
  margin-right: 20px;
}
.alert__infosnow .alert__container .alert__content .content__title .has-smallcaps
{
  text-transform: uppercase;
  font-family: "Grota Rounded";
  font-weight: 900;
  font-size: 21px;
}
.alert__infosnow .alert__container .alert__content .content__resume {
  font-weight: 500;
  margin-top: 5px;
  color: #000;
  margin-left: 43px; 
}
.alert__infosnow .alert__container .alert__content .content__date {
  font-weight: 400;
  margin-top: 5px;
  font-size: 12px;
  margin-left: 43px;
}

.infoalert {
  margin-bottom: 70px;
}

.infoalert .content__title {
  display: flex;
  align-items: center;
  color: #000;
}
.infoalert .content__title .has-smallcaps
{
  text-transform: uppercase;
  font-family: "Grota Rounded";
  font-weight: 900;
  font-size: 21px;
}
.infoalert .content__resume {
  font-weight: 500;
  margin-top: 5px;
  color: #000;
  
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top: 800px;
		right:0;
		z-index:1005;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#000000;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#dcdcdc;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn.open .infos,
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:800px;
		padding:10px;
		border:1px solid #000000;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		color:#000000;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px;
	color:#656578;
	background-color:#DDDC22;
	font-family:Trebuchet MS;
	font-size:12px;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.txtPopupLoginConchita
{
	color:#4e4e4e;
	font-family:Trebuchet MS;
	font-size:12px;
}#newsListCtn .listElement .date
{
	font-family: "Grota Rounded";
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	font-weight: 300;
	width: 100%;
	color: #fff;
}

#newsListCtn .listElement .resume {
	margin: 15px 0 0;
}/*Formulaire de contact*/

.POIctn .zonecontact
{
	display:none;
	margin-top:30px;
}
.POIctn .zonecontact .bloc
{
	box-sizing:border-box;
	padding:0;
	color:#000000;
	margin-bottom:20px;
	width:100%;
	border:0;
}

.POIctn .offrespecialCtn .contact
{
	padding: 0 10px 20px 0;
}

.POIctn .offrespecialCtn .bloc.fist
{
	padding-bottom:20px;
}

@media only screen and (min-width:900px)
{
	.POIctn .offrespecialCtn .contact
	{
		padding: 0 10px 20px 20px;
	}
}

.POIctn .zonecontact .bloc input[type=text], .POIctn .zonecontact .bloc textarea, .POIctn .zonecontact .bloc input[type=checkbox]
{

	border-radius:2px;
	width:100%;
	margin-bottom:10px;
	padding:3px;
}


.POIctn .zonecontact .bloc div.date span
{
	display:inline-block;
	vertical-align:middle;
	line-height:3;
}
.POIctn .zonecontact .bloc div.date span:nth-child(4)
{
	margin-left:10px;
}
.POIctn .zonecontact .bloc div.date span:nth-child(3),
.POIctn .zonecontact .bloc div.date span:nth-child(6)
{

	line-height:0;
}

.POIctn .zonecontact .bloc input[type=text].mandatoryFailed, .POIctn .zonecontact .bloc textarea.mandatoryFailed
{
	 background-color: #FFE3E8;
}

.POIctn .zonecontact .bloc input[type=checkbox]
{
	height:20px;
	width:20px;
	margin-bottom:0;
}

.POIctn .zonecontact .bloc .small
{
	font-size:17px;
	line-height:normal;
}

.POIctn .zonecontact .bloc div.entete
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:17px;
	padding-top:10px;
}

.POIctn .zonecontact input[type=submit]
{
	margin-top:70px;
	font-size:20px;
	font-weight:700;
	padding:10px 20px 10px 20px;
	border-radius: 2px;
	background:#003857;
	color:#FFFFFF;
	opacity:1;
	cursor:pointer;
	transition:all 0.5s;
}

.sierre .POIctn .zonecontact input[type=submit]
{
	background:#440b40;
	color:#FFFFFF;
}

.POIctn .zonecontact input[type=submit][disabled=disabled]:hover
{
	background:#003857;
	color:#FFFFFF;
}

.sierre .POIctn .zonecontact input[type=submit][disabled=disabled]:hover
{
	background:#440b40;
	color:#FFFFFF;
}

.POIctn .zonecontact input[type=submit]:hover
{
	background:#FFFFFF;
	color:#000000;
}

.POIctn .zonecontact input[type=submit][disabled=disabled]
{
	 opacity:0.5;
	
}

#demanderOffre
{
	cursor:pointer;
	margin-top:30px;
	background:#003857;
	color:#FFFFFF;
	font-family:"Grota Rounded";
	font-weight: 900;
    text-transform: uppercase;
	font-size:20px;
	padding:8px 25px 10px 25px;
}

.sierre #demanderOffre
{
	background:#440b40;
}

#demanderOffre.button-effect::after
{
	background:#FFFFFF;
}

#demanderOffre.button-effect:hover .texte, #demanderOffre.button-effect:active .texte {
 position: relative;
  z-index: 2;
	color:#000000;
}

.POIctn .zonecontact .right
{
	text-align:right;
}

.POIctn .QapTcha
{
	width:100%;
}
.POIctn .QapTcha .TxtStatus
{
	line-height:normal;
	font-size:15px!important;
	width:100%;
}

/*Gestion de la liste*/
#offrespecialeListCtn .listElement .txt .txt__wrapper .resume, #offrespecialeListCtn .listElement .txt .txt__wrapper .buttons
{
	 max-height: none;
    margin: 0;
	transform:none;
    transition: none;
    opacity: 1;
    visibility: visible;
}

#offrespecialeListCtn .listElement .txt
{
	text-align:center;
}

#offrespecialeListCtn .listElement .txt .txt__wrapper .resume
{
	font-size:15px;
	font-weight:400;
	margin-bottom:23px;
}

#offrespecialeListCtn .listElement .locality
{
	font-family: "Source Sans Pro";
    font-weight: 900;
    letter-spacing: 4px;
    text-transform: uppercase;
	color:#FFFFFF;
	
}

#offrespecialeListCtn .listElement .locality:before, #offrespecialeListCtn .listElement .locality:after
{
	content:"-";
	display:inline-block;
}

#offrespecialeListCtn .listElement .prix
{
	font-size:11px;
	font-weight:400;
	text-transform:uppercase;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	width:193px;
	padding:15px 0 15px 0;
	display:block;
	margin:30px auto 0 auto;
	
}
#offrespecialeListCtn .listElement .prix span{
	display:inline-block;
	vertical-align:middle;
	
}
#offrespecialeListCtn .listElement .prix span:nth-child(2)
{
	font-size:28px;
	font-family:"Grota Rounded";
	font-weight:900;
	line-height:0;
	margin-left:7px;
}

#offrespecialeListCtn .listElement .prix.Safari span:nth-child(2)
{
	margin-top:6px;
}

#offrespecialeListCtn .listElement
{
	margin-bottom:40px;
}



@media screen and (min-width: 520px) {
  #offrespecialeListCtn .listElement {
    width: 48.6%;
  	margin-right:2.8%;
  }
  
	#offrespecialeListCtn .listElement:nth-child(2n+0)
	{
		margin-right:0;
	}
}

@media screen and (min-width: 960px) {
	#offrespecialeListCtn .listElement 
	{
	  width:31.45%;
	}
	
	#offrespecialeListCtn .listElement:nth-child(2n+0)
	{
		margin-right:2.8%;
	}
  
	#offrespecialeListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0;
	}
}/*Styles spécifiques du plugin page en T1 */
#pageEditScenarios .cms_icons-plus_1
{
	color:green;
	cursor:pointer;
}
#pageEditScenarios .cms_icons-plus_1:before
{
	margin-right:5px;
}
.addScenarios .cms_icons-croix_3
{
	color:red;
	font-size:14px;
	cursor:pointer;
}

.addScenarios td:nth-child(1), .addScenarios td:nth-child(2)
{
	width:49%;
}

.addScenarios td select
{
	width:98%;
}

#pageEditScenarios thead, #pageEditScenarios .tag
{
	font-weight:bold;
}

.content-container.gestionScenarios
{
	max-width:1200px;
	margin-bottom:200px;
}

.content-container.gestionScenarios fieldset
{
	background:#CACACA;
}

.content-container.gestionScenarios fieldset legend
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.content-container.gestionScenarios input[type=submit]
{
	cursor:pointer;
}
.content-container.gestionScenarios input[type=submit]:hover
{
	background:#333333;
	color:#FFFFFF;
}
.content-container.gestionScenarios .tableAdmin
{
	border:4px solid white;
}
.content-container.gestionScenarios .tableAdmin thead
{
	background:#333333
}
.content-container.gestionScenarios .tableAdmin thead td
{
	font-weight:bold;
	padding:10px 0 10px 5px;
	color:#FFFFFF;
	vertical-align:middle;
}

.content-container.gestionScenarios .tableAdmin td a
{
	color:#000000;
}

.content-container.gestionScenarios .tableAdmin tbody tr:nth-child(even)
{
	background:#DEDEDE;
}

.container-Vercorin
{
	max-width:830px;
	width:100%;
	margin:0 auto 0 auto;
	
}

.container-Vercorin span
{
	display:block;
	background-image:url(/template/image/logo/vercorin.svg);
	width:155px;
	height:33px;
	background-size:100%;
	margin:30px auto 0 auto;
}

@media screen and (min-width: 720px)
{
	.container-Vercorin span
	{
		margin:27px auto 10px auto;
	}
	
}
/* Search poi */
.clear:after
{
	content:"";
	display:block;
	clear:both;
}

/* List poi */
#POIList
{
 margin: 0 10px 0 10px;
}
#POIList .listElement
{
	border:1px solid #dddddd;
	border-radius:5px;
	box-sizing:border-box;
	margin-bottom:20px;
	float:none;
	width:100%;
	z-index:1;
}

#POIList .listElement:before
{
	display:none;
}

#POIList .listElement .border
{
	border:10px solid #FFFFFF;
	border-radius:5px;
}

#POIList .listElement:hover .border
{
	border:10px solid #dddddd;

}

#POIList .listElement .img
{
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
}

#POIList .listElement .img:before
{
	content:"";
	display:block;
	 padding-top: 47.88%;
}

#POIList .listElement .img:after
{
	content:"";
	display:block;
	width:100%;
	padding-top: 47.88%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.3);
}

#POIList .listElement .img .buttons
{
	position:absolute;
	top:calc(50% - 13px);
	left:calc(50% - 38px);
	z-index:1;
}

#POIList .listElement .img .buttons svg
{
	color:#FFFFFF;
	width:27px;
	height:27px;
}

#POIList .listElement .img .buttons .add-favoris svg
{
	width:29px;
	height:25px;
	margin-left:18px;
}

#POIList .listElement .img .reserved
{
	display:block;
	background:#FFFFFF;
	width:100px;
	height:40px;
	border:1px solid #000000;
	position:absolute;
	bottom:-20px;
	left:calc(50% - 52px);
	z-index:1;
	font-size:17px;
	color:#000000;
	font-family: "Source Sans Pro";
	font-weight: normal;
	text-align:center;
	line-height:42px;
}

#POIserviceListCtn .listElement .img .reserved
{
	display:none;
}

#POIList .listElement:hover .img .reserved
{
	background:#000000;
	color:#FFFFFF;
}
#POIList .listElement .text
{
	padding:40px 30px 30px 30px;
	text-align:center;
	display:block;
}

#POIList .listElement .text h5
{
	font-size:18px;
	line-height:20px;
}

#POIList .listElement .text .resume
{
	 font-size: 15px;
    color: #000000;
    font-weight: normal;
    line-height: 1.5;
	font-family: "Source Sans Pro";
}
@media only screen and (min-width:900px)
{
	#POIList
	{
	 	margin: 0;
	}
}


/* Detail poi */
section.content .POIctn.content-container
{
	max-width: 1080px;
	padding-top:35px;
	margin-bottom:200px;
}

.POIctn h3
{
	margin:0 0 20px;
}

.POIctn h4
{
	font-size:18px;
	margin-bottom:0;
}

.POIctn .description
{
	padding-bottom:20px;
}

.POIctn .description:empty
{
	display:none;
}

.POIctn .htmlcontent
{
	padding-bottom:40px;
	margin-top:40px;
}

.POIctn .htmlcontent:empty
{
	display:none;
}

.POIctn .bloc
{
	border:1px solid #d3d3d3;
	padding:24px 30px 0 30px;
	margin-bottom:20px;
}

.POIctn .bloc ul
{
	margin:10px 0 30px 4px;
}

.POIctn div:empty:not(.Slider)
{
	display:none;
}
.POIctn .contact
{
	padding:0 10px 20px 20px;
}
.POIctn .contact a
{
	/*font-weight: 300;
	color:#000000;*/
	text-decoration:none;
}
.POIctn .contact .adresse
{
	padding-bottom:20px;
}
.POIctn .reseaux
{
	margin-top:27px;
}
.POIctn .reseaux a
{
	display:inline-block;
	background-repeat:no-repeat;
	background-size:100%;
	margin-right:11px;
	transition:all 0.5s;
}
.POIctn .reseaux a:hover
{
	opacity:0.5;
}
.POIctn .reseaux a.facebook
{
	width:10px;
	height:19px;
	background-image:url(/plugin/POI/template/images/facebook.svg);
}
.POIctn .reseaux a.twitter
{
	width:20px;
	height:16px;
	background-image:url(/plugin/POI/template/images/twitter.svg);
}
.POIctn .reseaux a.instagram
{
	width:19px;
	height:19px;
	background-image:url(/plugin/POI/template/images/instagram.svg);
}
.POIctn .reseaux a.youtube
{
	width:19px;
	height:19px;
	background-image:url(/plugin/POI/template/images/youtube.svg);
}
.POIctn .reseaux a.pinterest
{
	width:20px;
	height:20px;
	background-image:url(/plugin/POI/template/images/pinterest.svg);
}
.POIctn .ouverture
{
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	padding:20px 10px 20px 20px;
	margin-bottom:50px;
}
.POIctn .dataTexte
{
	margin-bottom:20px;
}
.POIctn .dataTexte .entete
{
	font-weight:bold;
	
}

.POIctn #btnBackSearch
{
	padding:14px 30px;
}


@media only screen and (min-width:900px)
{

	section.content .POIctn.content-container
	{
		padding-top:150px;
	}
	.POIctn.content-container .colLeft
	{
		float:left;
		width:56%;
		margin-right:7%;
	}
	
	.POIctn.content-container .colRight
	{
		float:left;
		width:37%;
	}	
	
	.POIctn .description
	{
		padding-bottom:80px;
	}
	

}

/*Le de doc*/
.POIctn .documents
{
	padding-bottom:30px;
}
.POIctn .documents #documentListCtn div.styleMenuAdmin,
.POIctn .documents #documenteventListCtn div.styleMenuAdmin
{
	left:10px;
	top:0;
}
.POIctn .documents h4
{
	margin-bottom:10px;
}
.documents.forSearch 
{
	padding:0 10px 20px 10px;
}
@media only screen and (min-width:900px)
{
	.documents.forSearch 
	{
		padding:0;
	}
}
.documents.forSearch h4
{
	margin-top:30px;	
}
.POIctn #documentListCtn .listElement, .documents.forSearch #documentListCtn .listElement,
.documents.forSearch #documenteventListCtn .listElement
{
	width:100%;
	float:none;
	margin:0;
}
.documents.forSearch #documentListCtn .listElement:hover .txt,
.documents.forSearch #documenteventListCtn .listElement:hover .txt
{
	background-color:transparent!important;
}
.POIctn #documentListCtn .listElement:nth-child(5n + 1):hover .txt, 
.POIctn #documentListCtn .listElement:nth-child(5n + 2):hover .txt, 
.POIctn #documentListCtn .listElement:nth-child(5n + 3):hover .txt, 
.POIctn #documentListCtn .listElement:nth-child(5n + 4):hover .txt, 
.POIctn #documentListCtn .listElement:nth-child(5n + 5):hover .txt
{
	background:none;
}
.POIctn #documentListCtn .listElement:before,
.POIctn #documentListCtn .listElement > a:after,
.documents.forSearch #documentListCtn .listElement:before,
.documents.forSearch #documentListCtn .listElement > a:after,
.documents.forSearch #documenteventListCtn .listElement:before,
.documents.forSearch #documenteventListCtn .listElement > a:after
{
	display:none;
}
.POIctn #documentListCtn .listElement .txt
{
	position:relative;
	background:none;
	padding:0 0 0 17px;
}
 .POIctn #documentListCtn .listElement > a:before,
 .documents.forSearch #documentListCtn .listElement > a:before,
.documents.forSearch #documenteventListCtn .listElement > a:before
{
	content: "•";
    color: #000000;
    margin-left: 0;
    margin-right: 0;
    font-size: 22px;
	background:none;
	left:auto;
	top:calc(50% - 3px);
}
 .documents.forSearch #documentListCtn .listElement > a:before,
.documents.forSearch #documenteventListCtn .listElement > a:before
{
	top:20px;
}
 .documents.forSearch #documentListCtn .listElement .txt,
.documents.forSearch #documenteventListCtn .listElement .txt
{
	padding:10px 15px 10px 25px;
}

 .POIctn #documentListCtn .listElement:hover a::before,
.documents.forSearch #documentListCtn .listElement:hover a::before,
.documents.forSearch #documenteventListCtn .listElement:hover a::before
{
	opacity:1;
}
.POIctn #documentListCtn .listElement > a:before,
.documents.forSearch #documentListCtn .listElement > a:before,
.documents.forSearch #documenteventListCtn .listElement > a:before
{
	background:none;
}

 .POIctn #documentListCtn .listElement h5, 
.documents.forSearch #documentListCtn .listElement h5,  
.documents.forSearch #documenteventListCtn .listElement h5
{
	color: #005693;
    font-family: "Source Sans Pro";
    font-size: 17px;
    font-weight: 600;
	text-transform:none;
	margin:0;
}
.sierre .POIctn #documentListCtn .listElement h5, 
.sierre .documents.forSearch #documentListCtn .listElement h5,  
.sierre .documents.forSearch #documenteventListCtn .listElement h5
{
	color: #a94557;
}

.POIctn #documentListCtn .listElement .resume,
.documents.forSearch #documentListCtn .listElement .resume,
.documents.forSearch #documenteventListCtn .listElement .resume
{
	    color: black;
    font-family: "Source Sans Pro";
    font-size: 17px;
    font-weight: 300;
	text-transform:none;
	margin:0;
}
/*Carte Google*/
.EditMoreTbl .soustitre
{
	font-weight:bold;
	padding-top:20px;
}

#adresseAdminMap
{
	width:100%;
	height:350px;
	margin:15px 0 0 0;
}

.POIctn.content-container .mapCtn
{
	height:400px;
	position:relative;
	margin:30px 10px 30px 10px;
	z-index:0;
}

.POIctn.content-container .mapCtn .searchclose-mobile
{
	display:none;
}

#adresseMap
{
	width:100%;
	height:100%;
}

#poiElementList .listElement
{
	width:100%;		
}

@media only screen and (min-width:900px)
{
	.POIctn.content-container .mapCtn
	{
		margin:0 0 48px 0;
	}
}

/*ADMIN*/
#poiEditMoreTbl, #offrespecialeEditMoreTbl
{
	margin-bottom:10px;
}
#poiEditMoreTbl input[type=text], #poiEditMoreTbl select,
#offrespecialeEditMoreTbl input[type=text], #offrespecialeEditMoreTbl select
{
	width:350px;
}

#offrespecialeEditMoreTbl input[type=text].middle
{
	width:292px;
}
#poiEditMoreTbl input[type=text].date, #offrespecialeEditMoreTbl input[type=text].date
{
	width:90px;
}
#poiEditMoreTbl .tdDate, #offrespecialeEditMoreTbl .tdDate
{
	width:135px;
}
#poiEditMoreTbl .tdDate img, #offrespecialeEditMoreTbl .tdDate img
{
	margin-top:3px;
}
#poiEditMoreTbl legend.format, #offrespecialeEditMoreTbl legend.format  
{
	font-size: 17px;
	font-family: "Source Sans Pro";
    font-weight: 600;
}
#poiEditMoreTbl .zoneConfigDate
{
	padding:5px 0 0 20px;
}
#poiEditMoreTbl .cms_icons-plus_1
{
	color:green;
	cursor:pointer;
}

#poiEditMoreTbl .cms_icons-plus_1:before
{
	margin-right:5px;
}
#poiEditMoreTbl .cms_icons-croix_3
{
	color:red;
	font-size:14px;
	cursor:pointer;
}
#poiEditMoreTbl textarea, #offrespecialeEditMoreTbl textarea
{
	width:350px;
	height:4em;
}
#poiEditMoreTbl textarea.big, #offrespecialeEditMoreTbl textarea.big
{
	width:350px;
	height:10em;
}


#poiEditMoreTbl .colsCheckbox div:not(.divwrapper),
#listCartePOI .searchPOI .colsCheckbox div:not(.divwrapper),
#listPOIevent .searchPOI .colsCheckbox div:not(.divwrapper)
{
	width:50%;
	float:left;
	position:relative;
	padding:2px 0 2px 20px;
	box-sizing:border-box;
	line-height:normal;
}

#poiEditMoreTbl .colsCheckbox input[type=checkbox],
#listCartePOI .searchPOI .colsCheckbox input[type=checkbox],
#listPOIevent .searchPOI .colsCheckbox input[type=checkbox]
{
	position:absolute;
	top:2px;
	left:0;
}

#POIrestaurantEdit fieldset > table,
#POIhebergementEdit fieldset > table,
#POIeventEdit fieldset > table,
#POIactiviteEdit fieldset > table,
#POIserviceEdit fieldset > table
{
	width:500px;
}
#POIrestaurantEdit .tdAdmin,
#POIhebergementEdit .tdAdmin,
#POIeventEdit .tdAdmin,
#POIactiviteEdit .tdAdmin,
#POIserviceEdit .tdAdmin
{
	width:110px;
}



/*Filtre version mobile*/
#btnFiltreCarte
{
	box-sizing:border-box;
	padding:0 0 35px 0;
	text-align:center;
}
 #btnFiltreCarte > div
{
	width:calc(32% - 3px);
	box-sizing:border-box;
	margin-right:3px;
	display:inline-block;
	background:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
	padding:7px 0 7px 0;
	text-align:center;
	cursor:pointer;
	max-width:150px;
}
#btnFiltreCarte > div:hover, #btnFiltreCarte > div.selected
{
	background:#000000;
	color:#FFFFFF;
}
#btnFiltreCarte > div:nth-child(3)
{
	margin-right:0;
}
#listCartePOI .searchPOI, #listPOIevent .searchPOI, #listCartePOI .mapCtn
{
	top:-100%;
	transition:all 0.5s;
	
}
 #listCartePOI.globale .mapCtn
{
	top:auto;
	position:relative;
	width:100%;
	z-index:1;
}
 #listCartePOI.globale .mapCtn .searchclose-mobile
{
	display:none;
}
 #listCartePOI.globale #btnFiltreCarte div.filtre[rel='3']
{
	display:none;
}
#listCartePOI .searchPOI.openFiltreMobile, #listPOIevent .searchPOI.openFiltreMobile,
#listCartePOI .mapCtn.openFiltreMobile
{
	/*top:0;*/
	
}

#listCartePOI .mapCtn.openFiltreMobile
{
	margin:15px;
	
}

body.greyForFiltre:before
{
	content:"";
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:49;
	background:black;
	opacity:0.5;
}

@media only screen and (min-width:900px)
{
	#listCartePOI .searchPOI, #listPOIevent .searchPOI, #listCartePOI .mapCtn
	{
		top:0;
	}
	#btnFiltreCarte
	{
		display:none;
	}
}
/*fin filtre version mobile*/

/*Admin des options*/
#zoneChampsLangue
{
	padding:10px;	
}

.addOption:hover
{
	/*text-decoration:underline;*/
}

#zoneChampsLangue #optiontexte td
{
	position:relative;
}
#zoneChampsLangue #optiontexte div
{
	padding-bottom:5px;
}
#zoneChampsLangue .delete
{
	position:absolute;
	top:0;
	right:-30px;
}

/*Affichage des listes en cartes*/
section.content article.paddingsmall
{
	padding:0 0 0 0;
}
	
.containerbig
{
	max-width:1920px;
	padding:0;
	width:100%;
}


#listCartePOI .colRight
{
	width:100%;
	box-sizing:border-box;
	
}
#listCartePOI .colLeft:after
{
	content:" ";
	display:block;
	height:1px;
	width:1px;
}
@media only screen and (min-width:900px)
{
	#listCartePOI .colLeft
	{
		float:left;
		width:68.6%;
		box-sizing:border-box;
	}
	
	.containermiddle
	{
		padding:0 10px 0 10px!important;
		box-sizing:border-box;;		
	}
	#listCartePOI
	{
		position:relative;
	}
	section.content article.paddingsmall
	{
		padding:45px 0 0 0;
	}
	

	#listCartePOI .colRight
	{
		float:left;
		width:31.4%;
		padding-left:3.5%;
		padding-right:10px;
	}
}

@media only screen and (min-width:1200px)
{
	#listCartePOI .colRight
	{
		padding-right:8.4%;
	}
}
/*Affichage des recherches*/
#listCartePOI .searchPOI, #listPOIevent .searchPOI
{

	position:absolute;
	width:calc(100% - 30px);
	margin:15px;
	box-sizing:border-box;
	background-color:rgb(255,255,255);
	padding:110px 10px 40px 10px;
	z-index:50;
	left:0;
	border-radius:5px;
	overflow:hidden;
}

.gmInfoBoxMobile .closebtn
{
	display:block;
	width:100%;
	height:100%;
}

.searchclose-mobile, .gmInfoBoxMobile .closebtn
{
	 top: -40px;
    right: 10px;
    height: 92px;
	display: block;
	position: absolute;
    z-index: 51;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 35px;
    color: #000000;
    font-size: 20px;
    background-color: #000000;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}
.searchclose-mobile:after,  .gmInfoBoxMobile .closebtn:after
{
	content:"";
	display:block;
	position: absolute;
    top: 0;
    display: block;
  
    border-style: solid;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	    left: 100%;
    z-index: -1;
	    border-color: #000000 transparent transparent transparent;
    border-width: 90px 5px 0 0;
}

.searchclose-mobile:before , .gmInfoBoxMobile .closebtn:before
{
    content:"";
	display:block;
	border-color: transparent #000000 transparent transparent;
    border-width: 0 5px 90px 0;
	    position: absolute;
    top: 0;
    display: block;
    content: "";
    border-style: solid;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	right:100%;
}

.searchclose-mobile .icon , .gmInfoBoxMobile .closebtn .icon
{
	
    position: absolute;
    bottom: 5px;
    left: 50%;
    padding: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}
.searchclose-mobile svg, .gmInfoBoxMobile .closebtn svg
{
	color:#FFFFFF;
}
.mapCtn
{
	width:100%;
	overflow:hidden;
	z-index:50;
	
	position:absolute;
	width:calc(100% - 30px);
	
}
@media only screen and (min-width:900px)
{
	#listCartePOI .searchPOI, #listPOIevent .searchPOI
	{
		display:block;
		position:relative;	
		border-radius:0;	
		padding:0;
		margin: 0;
    	width: 100%;
		overflow:visible;
		z-index:2;
	}
	
	.searchclose-mobile
	{
		display:none;
	}
	
	.mapCtn
	{
		width:100%;
		height:100%;
		margin:0 0 0 0;
		position:relative;
		top:0;
		z-index:1;
	}
}

#listCartePOI .searchPOI .searchField
{
	display:none;
}

#listCartePOI.globale .searchPOI .searchField
{
	display:block;
}

#listCartePOI .searchPOI .list, #listPOIevent .searchPOI .list,
#listCartePOI.globale .searchPOI .searchField
{
	border:1px solid #1a1b1a;
	margin-bottom:5px;
	border-radius:5px;
	padding:10px 22px 9px 22px;
	font-size:15px;
	font-weight:normal;
	position:relative;
	cursor:pointer;
}

#listCartePOI.globale .searchPOI .searchField input[type=text]
{
	border:0;
	padding:0;
	width:100%;
	color:#8b8b8b;
	font-style:italic;
}

 #listCartePOI .searchPOI .list.open, #listPOIevent .searchPOI .list.open
{
	background:#000000;
	color:#FFFFFF;
}

#listCartePOI .searchPOI .list.searchBtn, #listPOIevent .searchPOI .list.searchBtn
{
	background:#000000;
	color:#FFFFFF;
	text-align:center;
	margin-top:40px;
}

#listCartePOI .searchPOI .list.searchBtn:before, #listPOIevent .searchPOI .list.searchBtn:before
{
	display:none;
}

#listCartePOI .searchPOI .list:before, #listPOIevent .searchPOI .list:before
{
	position: absolute;
    top: 13px;
    right: 19px;
    display: block;
    width: 11px;
    height: 17px;
    content: "";
    background-image: url(/template/image/icons/chevron-right.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#listCartePOI .searchPOI .list.open:before, #listPOIevent .searchPOI .list.open:before
{
	transform:rotateZ(90deg);
	background-image: url(/template/image/icons/chevron-right-white.svg);
	
}

#listCartePOI .searchPOI .souslist, #listPOIevent .searchPOI .souslist
{
	position:relative;
	background:#FFFFFF;
	font-size:15px;
	transition:all 0.2s;
	height:0;
	padding:0 10px 0 10px;
	opacity:0;
	z-index:0;
}
#listCartePOI .searchPOI .souslist.open, #listPOIevent .searchPOI .souslist.open
{
	padding:20px 10px 20px 10px;
	height:auto;
	opacity:1;
	z-index:2;
}


#listCartePOI .searchPOI .souslist a.close, #listPOIevent .searchPOI .souslist a.close
{
	display:none;
}
#listCartePOI .searchPOI .souslist .colsCheckbox, #listPOIevent .searchPOI .souslist .colsCheckbox
{
	display:none;
}
#listCartePOI .searchPOI .souslist.open .colsCheckbox, #listPOIevent .searchPOI .souslist.open .colsCheckbox
{
	display:block;
}
#listCartePOI .searchPOI .souslist .colsCheckbox  > div,
#listPOIevent .searchPOI .souslist .colsCheckbox  > div
{
	padding-bottom:7px;
}

#listCartePOI .searchPOI .colsCheckbox div:not(.divwrapper),
#listPOIevent .searchPOI .colsCheckbox div:not(.divwrapper)
{
	padding-left:30px;
	padding-right:5px;
}

#listCartePOI .searchPOI span.checkbox > a,
#listPOIevent .searchPOI span.checkbox > a
{
	position:absolute;
	top:2px;
	left:0;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:18px;
	height:18px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #1a1b1a;
	margin-right:11px;
}

#listCartePOI .searchPOI span.checkbox > input[type=checkbox],
#listPOIevent .searchPOI span.checkbox > input[type=checkbox]
{
	display:none;
}
#listCartePOI .searchPOI span.checkbox > input[type=checkbox]:checked + a:before,
#listPOIevent .searchPOI span.checkbox > input[type=checkbox]:checked + a:before
{
	content:"x";
	display:block;
	font-size:15px;
	color:#373737;
	position:absolute;
	top:-3px;left:5px;right:0;bottom:0;
	
}

#listCartePOI .searchPOI .colsCheckbox div:not(.divwrapper),
#listPOIevent .searchPOI .colsCheckbox div:not(.divwrapper)
{
	float:none;
	width:100%;
}

#listCartePOI .searchPOI .resultat, #listPOIevent .resultat
{
	display:none;
}
#listCartePOI .searchPOI .resultatForMobile .cas2, #listCartePOI .searchPOI .resultatForMobile .cas3,
#listPOIevent .searchPOI .resultatForMobile .cas2, #listPOIevent .searchPOI .resultatForMobile .cas3
{
	display:none;
}
#listCartePOI .searchPOI .criteres, #listPOIevent .searchPOI .criteres
{
	background:#dddddd;
	border-radius:5px;
	padding:0px 30px 0px 12px;
	box-sizing:border-box;
	display:inline-block;
	width:32%;
	font-weight:300;
	font-size:15px;
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-right:3px;
	margin-top:12px;
}

#listCartePOI .searchPOI .criteres:after, #listPOIevent .searchPOI .criteres:after
{
	content:"";
	display:block;
	position:absolute;
	top:7px;
	right:8px;
	background-image:url(/template/image/icons/close.svg);
	background-size:100%;
	width:9px;
	height:9px;
}
@media only screen and (min-width:900px)
{
	/*Pour Vercorin affichage différent*/
	.vercorin #listCartePOI .searchPOI .souslist.village .colsCheckbox div:not(.divwrapper),
	.vercorin #listPOIevent .searchPOI .souslist.village .colsCheckbox div:not(.divwrapper)
	{
		float:right;
		clear:both;
	}
	.vercorin #listCartePOI .searchPOI .souslist.village .colsCheckbox div:nth-child(-n+8):not(.divwrapper),
	.vercorin #listPOIevent .searchPOI .souslist.village .colsCheckbox div:nth-child(-n+8):not(.divwrapper)
	{
		clear:none;
	}
	
	#listCartePOI .searchPOI .colsCheckbox div:not(.divwrapper),
	#listPOIevent .searchPOI .colsCheckbox div:not(.divwrapper)
	{
		float:left;
		width:48%;
	}

	#listCartePOI .searchPOI .souslist.idcategory .colsCheckbox div:not(.divwrapper)
	{
		float:none;
		width:100%;
	}
	#listCartePOI.globale .searchPOI .souslist.village
	{
		max-width:500px;
	}
	#listCartePOI .searchPOI .resultatForMobile, #listPOIevent .searchPOI .resultatForMobile
	{
		display:none;
	}
	#listCartePOI .searchPOI .resultat, #listPOIevent .resultat
	{
		display:block;
	}
	#listCartePOI .searchPOI .souslist, #listPOIevent .searchPOI .souslist
	{
		position:absolute;
		border-radius:5px;
		-webkit-box-shadow: 0px 0px 20px -5px rgba(166,165,163,1);
		-moz-box-shadow: 0px 0px 20px -5px rgba(166,165,163,1);
		box-shadow: 0px 0px 20px -5px rgba(166,165,163,1);
		/*margin-right:8.4%;*/
		padding:0 20px 0 20px;
	}
	
	#listCartePOI .searchPOI .souslist.open, #listPOIevent .searchPOI .souslist.open
	{
		padding:45px 20px 40px 20px;
		
	}
	
	#listCartePOI .searchPOI .souslist a.close, #listPOIevent .searchPOI .souslist a.close
	{
		display:block;
		position:absolute;
		top:17px;
		right:16px;
		color:#000000;
		font-size:16px;
		z-index:2;
	}
	
	/*Pour la carte globale*/
	#listCartePOI.globale .border
	{
		border-top:1px solid #d3d3d3;
		padding:20px 0 15px 0;		
	}
	#listCartePOI.globale .searchPOI .list, #listCartePOI.globale .searchPOI .searchField
	{
		display:inline-block;		
		width:26%;
		margin-right:7px;
	}
	
	#listCartePOI.globale .searchPOI .resultat
	{
		display:none;
	}
	
	#listCartePOI.globale .searchPOI #criteresSelected
	{
		display:none;
	}

}

#listCartePOI .resultat, #POIList .resultat
{
	font-weight:300px;
	font-size:14px;
	padding:30px 0 10px 0;
	border-bottom:1px solid #a6a6a6;
	margin-bottom:16px;
}
#listCartePOI .resultat .nbreResultCarte, #listPOIevent .resultat .nbreResultCarte
{
	font-weight:bold;
}

/*Style du menu dans le moncompte*/
#menupoiMain ul
{
	margin: 0;
}
#menupoiMain ul a
{
	padding-left:0!important;
}
#menupoiMain ul a:before
{
	position: absolute;
    display: block;
    left: -10px!important;
    top: 50%;
    margin-top: -.5em;
    font-size: 8px;
    content: "\e903";

    font-family: 'cms_icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#menupoiMain ul li
{
	list-style-type:none;
}

#menupoiMain .styleDivArrowAdmin
{
	left:45px;
}

#widget-reservationview
{
	margin-bottom:20px;
}

#widget-reservationview.ing-widget-resa-fiche .titre
{
	border-radius:0;
}

#widget-reservationview.ing-widget-resa-fiche .titre, #widget-reservationview.ing-widget-resa-fiche .sous-titre,
#widget-reservationview.ing-widget-resa .more-personnes-detail fieldset legend
{
	background-color:#003857;
}

.sierre #widget-reservationview.ing-widget-resa-fiche .titre, .sierre #widget-reservationview.ing-widget-resa-fiche .sous-titre,
.sierre #widget-reservationview.ing-widget-resa .more-personnes-detail fieldset legend
{
	background-color:#440b40;
}

#widget-reservationview.ing-widget-resa input[type=button]
{
	background-color:#FFFFFF!important;
	color:#000000;
	padding:14px 30px;
	border: 1px solid #000000!important;
	border-radius:0!important;
	box-shadow:none;
	opacity:1;
}

#widget-reservationview.ing-widget-resa input[type=button]:hover
{
	background-color:#000000!important;
	color:#FFFFFF;
	opacity:1;
}

.proinfirmisctn
{
	margin-top:10px;
	position:relative;
}
.proinfirmisctn:after
{
	content:"";
	display:block;
	clear:both;
}
.proinfirmisctn > img
{
	position:relative;
	display:block;
	float:left;
	width:42px;
	height:auto;
	margin:0 15px 15px 0;
	border-radius:10px;
}

.proinfirmisctn > a
{

	font-size:16px;
	display:block;
	clear:both;
	text-transform:lowercase;
}

@media only screen and (min-width:900px)
{
	.proinfirmisctn > a
	{
		position:absolute;
		right:0;
		bottom:10px;
	}
}

.containermiddle
{
	max-width:1330px;
	padding:0;
	width:100%;
}

.containermiddle1430
{
	max-width:1430px;
	padding:0 10px 0 10px;
	width:100%;
	box-sizing:Border-box;
}


@media only screen and (min-width:900px)
{
	
	
	#listPOIevent .colLeft
	{
		float:left;
		width:36.39%;
		box-sizing:border-box;
		padding-right:8.8%;
	}
	
	#listPOIevent .colRight
	{
		float:left;
		width:63.61%;
		box-sizing:border-box;
		
	}
}

#listPOIevent  .searchPOI .souslist
{
	/*margin-right:72.41%;*/
	width:100%;
	box-sizing:border-box;
}

#listPOIevent .searchPOI .label
{
	display:block;
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
	box-sizing:border-box;
    vertical-align: top;
    padding: 14px 0 0 22px;
}

#listPOIevent .searchPOI .field
{
	display:block;
	box-sizing:border-box;
	border:1px solid #1a1b1a;
	border-radius:5px;
	box-sizing:border-box;
	margin-bottom:5px;
	padding: 0 15px 0 60px;
}

#listPOIevent .datesCtn
{
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	margin:17px 0 10px 0;
	padding:16px 0 10px 0;
}
#listPOIevent .datesCtn span
{
	float:left;
}

#listPOIevent .datesCtn .field span:nth-of-type(1)
{
	width:calc(100% - 26px);
}

#listPOIevent .datesCtn .field  span:nth-of-type(2)
{
	width:26px;
}

#listPOIevent .datesCtn .noDate 
{
	position:relative;
	float:right;
}


@media only screen and (min-width:1300px)
{
	#listPOIevent .searchPOI .label
	{
		width:34%;
		display:inline-block;
	
	}
	
	#listPOIevent .searchPOI .field
	{
		display:inline-block;
		width:65%;
	}
}

#listPOIevent .searchPOI input
{
	padding:0;
}
#listPOIevent .searchPOI input.date 
{
	
    margin-top: 13px;
	border:0;
}

#listPOIevent .datesCtn img
{
	width:26px;
	height:25px;
	margin-top:8px;
}

 #listPOIevent #POIList .resultat
{
	position:relative;
	padding-top:0;
	margin-bottom:40px;
}

#listPOIevent #POIList .resultat > a.button-effect
{
	position:absolute;
	right:0;
	bottom:5px;
	padding:5px 20px;
	background:#003857;
	color:#ffffff;
}
#listPOIevent #POIList .resultat > a.button-effect:hover
{
	color:#ffffff;	
}


#listPOIevent .searchPOI .searchField
{
	display:block;
}


#listPOIevent .searchPOI .searchField
{
	border:1px solid #1a1b1a;
	margin-bottom:5px;
	border-radius:5px;
	padding:10px 22px 9px 22px;
	font-size:15px;
	font-weight:normal;
	position:relative;
	cursor:pointer;
}

#listPOIevent .searchPOI .searchField input[type=text]
{
	border:0;
	padding:0;
	width:100%;
	color:#8b8b8b;
	font-style:italic;
}


/* List poi */

#listPOIevent .listElement
{

	border:0;
	border-radius:0;
	margin-bottom:40px;
}



#listPOIevent .listElement .img:before
{
	content:"";
	display:block;
	 padding-top: 100%;
}

#listPOIevent .listElement .img:after
{
	content:"";
	display:block;
	width:100%;
	padding-top: 100%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.3);
}

#listPOIevent .listElement .text
{
	padding:40px 20px 30px 20px;
	text-align:center;
	display:block;
}

#listPOIevent .listElement .text .date
{
	font-size:21px;
	color:#000000;
	font-family: "Grota Rounded";
    font-weight: 900;
    text-transform: uppercase;
}

#listPOIevent .listElement .text h5
{
	    font-family: "Grota Rounded";
    font-size: 29px;
    text-transform: uppercase;
	font-weight: 300;
	text-align:center;
	line-height:30px;
	margin: 0 0 20px;
}

#listPOIevent .listElement .text .resume
{
	font-weight:300;
	font-size:15px;
}

@media only screen and (min-width:900px)
{
	#listPOIevent .listElement
	{
		float:left;
		width:44%;
		margin-right:12%;
	
	}
}

/*********************************************************************/
#eventDatesCtn .eventdate:after, #eventDatesCtn .eventdate .datectn .dateconfig:after, #eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn:after
{
	content:"";
	display:block;
	clear:both;
}
#eventDatesCtn .eventdate
{
	border-bottom:1px dotted #000000;
	padding-bottom:15px;
	margin-bottom:15px;
}
#eventDatesCtn .eventdate .delctn
{	
	display:block;
	float:left;
	width:20px;
}

#eventDatesCtn .eventdate .datectn
{	
	display:block;
	float:left;
	width:calc(100% - 20px);
}
#eventDatesCtn .eventdate .datectn .dateconfig
{
	margin-bottom:10px;
}
#eventDatesCtn .eventdate .datectn .dateconfig > div
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:33.33%;
	padding-right:10px;
}
#eventDatesCtn .eventdate .datectn .dateconfig > div:last-child
{
	padding-right:0;
	margin-top:5px;
}
#eventDatesCtn .eventdate .datectn .dateconfig > div > label, #eventDatesCtn .eventdate .delctn > label
{
	display:block;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype0, #eventDatesCtn .eventdate .datectn .dateconfigtype1
{
	display:none;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype0 > label
{
	display:inline-block;
	padding-right:10px;
}

#eventDatesCtn .eventdate .datectn .dateconfigtype1 > label
{
	display:block;
	margin-bottom:5px;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1.error
{
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
}

#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div
{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
	margin-bottom:5px;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div:nth-child(2n+1)
{
	clear:both;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > label
{
	display:inline-block;
	width:30px;
}

#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > input[type="text"]
{
	display:none;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > input[type="checkbox"]:checked + input[type="text"]
{
	display:inline-block;
}

#eventDatesCtn input[type=text].time
{
	width:115px!important;
}



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

/*Style pour la checkbox des no dates*/
#listPOIevent .searchPOI .noDate > a
{
	position:absolute;
	top:2px;
	left:0;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:18px;
	height:18px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #1a1b1a;
	margin-right:11px;
}

#listPOIevent .searchPOI .noDate > input[type=checkbox]
{
	display:none;
}

#listPOIevent .searchPOI .noDate > input[type=checkbox]:checked + a:before
{
	content:"x";
	display:block;
	font-size:15px;
	color:#373737;
	position:absolute;
	top:-5px;left:5px;right:0;bottom:0;
	
}

/*DateTimePicker*/
.ui-widget
{
	 font-family: "Source Sans Pro"!important;
  font-size: 16px!important;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover
{
	background:none;
}

.ui-datepicker-next:before,
.ui-datepicker-prev:before
{
	content:"";
	display:inline-block;
	width:10px;
	height:15px;
	background-image:url(/template/image/icons/chevron-right.svg);
	background-size:100% auto;
	margin-top:8px;
} 

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title
{
	text-transform:uppercase;
}

#ui-datepicker-div
{
	padding:0 15px 10px 15px;
}

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default
{
	font-weight:normal;
}

.ui-datepicker-prev:before
{
	transform:rotate(180deg);
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:before
{
	content:""!important;
}

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default.ui-state-active
{
	background:#666666;
}.share
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-align: center;
}
.share .share__icon
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 40px;
  height: 40px;
  padding: 10px;

  font-size: 22px;

  -webkit-border-radius: 2px;
          border-radius: 2px;

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.share .share__icon.share__icon_shown
{
  color: #ffffff;

  background-color: #000000;
}
.share .share__box
{
  position: absolute;
  top: -webkit-calc(100% + 15px);
  top:         calc(100% + 15px);
  right: 0;
  z-index: 50;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;

  background-color: #ffffff;
  border: 1px solid rgba(177, 177, 177, .7);
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  opacity: 0;
  visibility: hidden;
}
.share .share__box.share__box_shown
{
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);

  opacity: 1;
  visibility: visible;
}
.share .share__box .box__header
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 20px 20px 0;
  margin: 0 0 10px;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-box-align: center;
  -webkit-box-pack: justify;
}
.share .share__box .box__header .header__label
{
  font-family: "Source Sans Pro";
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
.share .share__box .box__header .header__close
{
  display: none;

  font-size: 12px;
  vertical-align: middle;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.share .share__box .box__content
{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 0 10px 10px;
}
.share .share__box .box__content > *
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 33%;
  padding: 10px;

  color: #000000;
  font-size: 29px;
  text-align: center;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
}



header .header-desktop .search
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-align: center;
}

header .header-desktop .search .search__icon
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 40px;

  font-size: 22px;
  vertical-align: middle;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-box-align: center;
  -webkit-box-pack: center;
}

header .header-desktop .search .search__bar
{
  position: absolute;
  top: 0;
  right: -webkit-calc(100% + 18px);
  right:         calc(100% + 18px);

  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  opacity: 0;
  visibility: hidden;
}

header .header-desktop .search .search__bar.search__bar_shown
{
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);

  opacity: 1;
  visibility: visible;
}

header .header-desktop .search .search__bar input
{
  width: 237px;
  height: 40px;
  padding: 10px 15px;
}

#cse-search-box-api
{
  position: relative;

  display: block;
}

#cse-search-box-api input[type=text].placeholder
{
  color: #000000;
}

#cse-search-box-api input[type=text]::-ms-clear
{
  display: none;
  width: 0;
  height: 0;
}

#leftPanel #cse-search-box-api .submit
{
  top: 20px;
  right: 20px;
}

/*STYPE POUR LES RESULTATS DE RECHERCHE*/
#searchapiResultsCtn
{
  position: relative;

  display: block;
}

#searchapiResultsCtn .headCtn
{
  display: block;
  padding-bottom: 10px;
  margin-bottom: 40px;

  border-bottom: 1px solid #f4f4f4;
}

#searchapiResultsCtn .headCtn .count
{
  display: block;
  margin-top: 30px;

  font-weight: normal;
  text-align: center;
}

#searchapiResultsCtn .noresult
{
  font-style: italic;
}

#searchapiResultsCtn .results
{
  display: block;
  margin: 20px 0 20px 0;
}

#searchapiResultsCtn .results .result
{
  display: block;
  margin-bottom: 30px;

  line-height: normal;
  /*keep color of text, not of a*/
  text-decoration: none;
}

#searchapiResultsCtn .results .result .title
{
  display: block;
  padding: 0;
  margin: 0 0 10px 0;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 1.1em;
  font-weight: 900;
  text-transform: uppercase;

  border: none;
}

#searchapiResultsCtn .results .result .link
{
  display: block;
  margin: 0 0 10px 0;
  overflow: hidden;

  font-size: .85em;
     text-overflow: ellipsis;
  white-space: nowrap;

  -o-text-overflow: ellipsis;
}

#searchapiResultsCtn .results .result .data
{
  display: block;
}

#searchapiResultsCtn .results .result .data:after
{
  display: block;
  clear: both;

  content: "";
}

#searchapiResultsCtn .results .result .data .img
{
  display: block;
  float: left;
  width: 40%;
  margin-right: 10px;
  margin-bottom: 5px;
}

#searchapiResultsCtn .results .result .data .txt
{
  display: inline;

  color: #000000;
  font-weight: 300;
}

#searchapiResultsCtn .results .result .data .img img
{
  display: block;
  width: 100%;
  height: auto;

  border: none;
}

#searchapiResultsCtn .results .result .data .img:empty
{
  display: none;
}

#searchapiResultsCtn .results .result .data .img:empty + .txt
{
  width: 100%;
}

#searchapiResultsCtn .results .result .data .txt .snippet br
{
  display: none;
}

#searchapiResultsCtn .results .result .data .txt .format
{
  display: block;
}

#searchapiResultsCtn .steps
{
  display: block;
  margin: 20px 0 20px 0;
}

#searchapiResultsCtn .steps a
{
  display: inline-block;
  padding: 5px;

  text-decoration: none;
}

#searchapiResultsCtn .steps a.bolder
{
  font-weight: bold;
}

@media only screen and (min-width: 641px)
{
  #searchapiResultsCtn .results .result .data .img
  {
    width: 20%;
    margin-right: 2%;
    margin-bottom: 0;
  }
  #searchapiResultsCtn .results .result .data .txt
  {
    float: left;
    width: 78%;
  }
}
/*Style pour le lien sur le plan du site*/
.sitemap
{
  text-decoration: none;
}

/* Style pour le plan du site */
.sm0
{
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;

  color: #000000;
  font-family: "Grota Rounded";
  font-size: 22px;
  font-weight: 900;
  line-height: 1.62;
  text-transform: uppercase;
}

.sm1
{
  margin-top: -2px;
  margin-bottom: -2px;
  margin-left: 20px;

  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 17px;
  font-weight: 400;
  line-height: 1.62;
}

.sm2
{
  margin-top: -4px;
  margin-bottom: -4px;
  margin-left: 40px;

  color: #005693;
  font-family: "Source Sans Pro";
  font-size: 15px;
  font-weight: 300;
  line-height: 1.62;
}

.sm3
{
  margin-top: -4px;
  margin-bottom: -4px;
  margin-left: 60px;

  color: #005693;
  font-family: "Source Sans Pro";
  font-size: 15px;
  font-weight: 300;
  line-height: 1.62;
}

.sierre .sm2,
.sierre .sm3
{
  color: #a94557;
}
@charset "UTF-8";
/*Style pour le montage*/
#sliderCtn
{
  position: relative;

  width: 100%;
  margin-bottom: 1px;
  overflow: hidden;
}

@media screen and (min-width: 600px)
{
  #sliderCtn
  {
    max-height: 95vh;
    margin-bottom: 0;
  }
}

@media screen and (orientation: portrait)
{
  #sliderCtn
  {
    max-height: 100vh;
  }
}

#sliderCtn:before
{
  display: block;
  padding-top: 50%;

  content: "";

  -webkit-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;
}

@media screen and (min-width: 720px)
{
  #sliderCtn:before
  {
    padding-top: 45%;
  }
}

@media screen and (min-width: 860px)
{
  #sliderCtn:before
  {
    padding-top: 35%;
  }
}

@media screen and (min-width: 1100px)
{
  #sliderCtn:before
  {
    padding-top: 25%;
  }
}

#sliderCtn::after
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;

  display: block;

  content: "";

  background: -webkit-gradient(
  linear,
  left top, left bottom,
  from(hsla(0, 0%, 0%, .5)),
  color-stop(.3%, hsla(0, 0%, 0%, .407)),
  color-stop(1.4%, hsla(0, 0%, 0%, .325)),
  color-stop(3.2%, hsla(0, 0%, 0%, .256)),
  color-stop(5.8%, hsla(0, 0%, 0%, .197)),
  color-stop(9.3%, hsla(0, 0%, 0%, .148)),
  color-stop(13.6%, hsla(0, 0%, 0%, .108)),
  color-stop(18.9%, hsla(0, 0%, 0%, .076)),
  color-stop(25.1%, hsla(0, 0%, 0%, .051)),
  color-stop(32.4%, hsla(0, 0%, 0%, .032)),
  color-stop(40.7%, hsla(0, 0%, 0%, .019)),
  color-stop(50.2%, hsla(0, 0%, 0%, .009)),
  color-stop(60.8%, hsla(0, 0%, 0%, .004)),
  color-stop(72.6%, hsla(0, 0%, 0%, .001)),
  color-stop(85.7%, hsla(0, 0%, 0%, 0)),
  to(hsla(0, 0%, 0%, 0))
  );
  background: -webkit-linear-gradient(
  top,
  hsla(0, 0%, 0%, .5) 0%,
  hsla(0, 0%, 0%, .407) .3%,
  hsla(0, 0%, 0%, .325) 1.4%,
  hsla(0, 0%, 0%, .256) 3.2%,
  hsla(0, 0%, 0%, .197) 5.8%,
  hsla(0, 0%, 0%, .148) 9.3%,
  hsla(0, 0%, 0%, .108) 13.6%,
  hsla(0, 0%, 0%, .076) 18.9%,
  hsla(0, 0%, 0%, .051) 25.1%,
  hsla(0, 0%, 0%, .032) 32.4%,
  hsla(0, 0%, 0%, .019) 40.7%,
  hsla(0, 0%, 0%, .009) 50.2%,
  hsla(0, 0%, 0%, .004) 60.8%,
  hsla(0, 0%, 0%, .001) 72.6%,
  hsla(0, 0%, 0%, 0) 85.7%,
  hsla(0, 0%, 0%, 0) 100%
  );
  background:      -o-linear-gradient(
  top,
  hsla(0, 0%, 0%, .5) 0%,
  hsla(0, 0%, 0%, .407) .3%,
  hsla(0, 0%, 0%, .325) 1.4%,
  hsla(0, 0%, 0%, .256) 3.2%,
  hsla(0, 0%, 0%, .197) 5.8%,
  hsla(0, 0%, 0%, .148) 9.3%,
  hsla(0, 0%, 0%, .108) 13.6%,
  hsla(0, 0%, 0%, .076) 18.9%,
  hsla(0, 0%, 0%, .051) 25.1%,
  hsla(0, 0%, 0%, .032) 32.4%,
  hsla(0, 0%, 0%, .019) 40.7%,
  hsla(0, 0%, 0%, .009) 50.2%,
  hsla(0, 0%, 0%, .004) 60.8%,
  hsla(0, 0%, 0%, .001) 72.6%,
  hsla(0, 0%, 0%, 0) 85.7%,
  hsla(0, 0%, 0%, 0) 100%
  );
  background:         linear-gradient(
  to bottom,
  hsla(0, 0%, 0%, .5) 0%,
  hsla(0, 0%, 0%, .407) .3%,
  hsla(0, 0%, 0%, .325) 1.4%,
  hsla(0, 0%, 0%, .256) 3.2%,
  hsla(0, 0%, 0%, .197) 5.8%,
  hsla(0, 0%, 0%, .148) 9.3%,
  hsla(0, 0%, 0%, .108) 13.6%,
  hsla(0, 0%, 0%, .076) 18.9%,
  hsla(0, 0%, 0%, .051) 25.1%,
  hsla(0, 0%, 0%, .032) 32.4%,
  hsla(0, 0%, 0%, .019) 40.7%,
  hsla(0, 0%, 0%, .009) 50.2%,
  hsla(0, 0%, 0%, .004) 60.8%,
  hsla(0, 0%, 0%, .001) 72.6%,
  hsla(0, 0%, 0%, 0) 85.7%,
  hsla(0, 0%, 0%, 0) 100%
  );
}

@media screen and (min-width: 720px)
{
  #sliderCtn::after
  {
    display: none;
  }
}

.home #sliderCtn:before
{
  display: block;
  padding-top: 150%;

  content: "";
}

@media screen and (min-width: 720px)
{
  .home #sliderCtn:before
  {
    padding-top: 100%;
  }
}

@media screen and (min-width: 860px)
{
  .home #sliderCtn:before
  {
    padding-top: 80%;
  }
}

@media screen and (min-width: 1100px)
{
  .home #sliderCtn:before
  {
    padding-top: 52%;
  }
}

#sliderCtn .sliderElementCtn
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
  overflow: hidden;

  background: url(/template/image/loading.gif) no-repeat center center;
}

#sliderCtn .sliderElementCtn .sliderElement
{
  position: absolute;

  display: block;
  width: 100%;
  height: 100%;

  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
}

#sliderCtn .sliderElementCtn .sliderElement .video__inner
{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;

  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;

  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

#sliderCtn .sliderElementCtn .sliderElement.current
{
  top: 0;
  left: 0;

  display: block;

  opacity: 1 !important;
  /*pour éviter de voir le fond pendant animation*/
}

#sliderCtn .cursor
{
  cursor: default;
}

#sliderCtn .slogan
{
  display: none;
}

#sliderCtn .slogan.empty
{
  display: none;
}

#sliderCtn .arrow,
#sliderCtn #bullets
{
  display: none;
}

/*Style pour les slogan*/
/*Style pour les flèches*/
/*Style pour les puces de navigation*/
@media only screen and (min-width: 720px)
{
  /*Style pour les slogan*/
  #sliderCtn #bullets
  {
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 4;

    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    height: 72px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  #sliderCtn #bullets a
  {
    position: absolute;
    top: 50%;

    width: 30px;

    color: #a6a4a4;
    font-family: "Source Sans Pro";
    font-size: 17px;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;

    -webkit-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;

    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  #sliderCtn #bullets a:before
  {
    position: absolute;
    top: 50%;
    right: -webkit-calc(100% + 10px);
    right:         calc(100% + 10px);

    display: block;
    width: 20px;
    height: 2px;

    content: "";

    background-color: #ffffff;
    -webkit-transform: translate(-15px, -50%);
        -ms-transform: translate(-15px, -50%);
            transform: translate(-15px, -50%);

    -webkit-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;

    opacity: 0;
    visibility: hidden;
  }
  #sliderCtn #bullets a.prev,
  #sliderCtn #bullets a.next,
  #sliderCtn #bullets a.active
  {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: 1;
  }
  #sliderCtn #bullets a.prev
  {
    top: 0;
  }
  #sliderCtn #bullets a.next
  {
    top: 100%;
  }
  #sliderCtn #bullets a.active
  {
    top: 50%;

    color: #ffffff;
    font-size: 23px;
  }
  #sliderCtn #bullets a.active:before
  {
    -webkit-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
            transform: translate(0px, -50%);

    opacity: 1;
    visibility: visible;
  }
  #sliderCtn .arrow
  {
    position: absolute;
    top: 45%;
    z-index: 2;

    display: block;
    width: 30px;
    height: 30px;

    color: rgba(255, 255, 255, .5);
    font-size: 30px;

    border: 0;

    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    cursor: pointer;
    opacity: 0;
    visibility: hidden;
  }
  #sliderCtn:hover .arrow
  {
    text-decoration: none;

    opacity: 1;
    visibility: visible;
  }
  #sliderCtn .arrow:hover
  {
    color: rgba(255, 255, 255, .8);
  }
  #sliderCtn .sliderNext
  {
    right: 10px;

    background-position: -30px 0;
  }
  #sliderCtn .sliderPrev
  {
    -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
            transform: rotateZ(180deg);
  }
  #sliderCtn .sliderBack
  {
    left: 10px;
  }
  /*Style pour les puces de navigation*/
  /*Style pour les flèches*/
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}

#formEditUser .policy
{
	display:block;
	margin:5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	max-width:300px;
	color:#474747;
}
#formEditUser .policy.error
{
	color:red;
}.webcam section.content .is-webcam
{
  padding: 70px 0;
}

.webcam section.content .is-webcam .iframe__wrapper
{
  position: relative;

  display: none;
  width: 100%;
  max-height: 750px;
  margin: 0 0 30px;

  background-image: url(/template/image/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (min-width: 720px)
{
  .webcam section.content .is-webcam .iframe__wrapper
  {
    display: block;
  }
}

.webcam section.content .is-webcam .iframe__wrapper:before
{
  display: block;
  width: 100%;
  padding-top: 40%;

  content: "";

  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

@media screen and (min-width: 720px)
{
  .webcam section.content .is-webcam .iframe__wrapper:before
  {
    padding-top: 70%;
  }
}

@media screen and (min-width: 960px)
{
  .webcam section.content .is-webcam .iframe__wrapper:before
  {
    padding-top: 60%;
  }
}

@media screen and (min-width: 1200px)
{
  .webcam section.content .is-webcam .iframe__wrapper:before
  {
    padding-top: 40%;
  }
}

.webcam section.content .iframe__wrapper .iframe__blocker
{
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: 10;

  display: flex;
  width: 100%;
  height: 100%;

  color: #ffffff;
  font-size: 16px;

  font-weight: normal;

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

  transition: all .6s ease;

  opacity: 0;
  user-select: none;
}
.webcam section.content .iframe__wrapper:hover .iframe__blocker
{
  opacity: 1;
}

.webcam section.content .is-webcam .iframe__wrapper .iframe
{
  position: absolute;
  top: 0;

  width: 100%;
  height: 100%;
}
.webcam section.content .is-webcam .iframe__wrapper  .iframe-image
{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.webcam section.content .is-webcam .webcam__wrapper
{
  margin: 0 auto 80px;

  background-color: #f4f4f4;
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container
{
  position: relative;

  width: 100%;
  max-width: 1490px;
  margin: 0 auto;
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__list
{
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__navigation
{
  display: none;
}

@media screen and (min-width: 720px)
{
  .webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__navigation
  {
    display: block;
  }
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__navigation .navigation__icon
{
  position: absolute;
  top: 50%;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  z-index: 25;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 10px;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-animation-duration: .2s;
          animation-duration: .2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;

  cursor: pointer;
  opacity: 0;
  visibility: hidden;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__navigation .navigation__icon.is-left
{
  left: 0;

  -webkit-animation-name: bounce-right;
          animation-name: bounce-right;
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__navigation .navigation__icon.is-right
{
  right: 0;

  -webkit-animation-name: bounce-left;
          animation-name: bounce-left;
}

.webcam section.content .is-webcam .webcam__wrapper .webcam__container .container__navigation .navigation__icon.visible
{
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;

  opacity: 1;
  visibility: visible;
}

.webcam section.content .is-webcam .listCtn
{
  width: 100%;
  overflow: hidden;
}

.webcam section.content .is-webcam .listCtn .listSlider
{
  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

@media screen and (min-width: 720px)
{
  .webcam section.content .is-webcam .listCtn .listSlider
  {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
}

@media screen and (min-width: 720px)
{
  .webcam section.content .is-webcam .listCtn .listElement
  {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;

    width: 33.3333%;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
  }
}

@media screen and (min-width: 960px)
{
  .webcam section.content .is-webcam .listCtn .listElement
  {
    width: 25%;
  }
}

@media screen and (min-width: 1200px)
{
  .webcam section.content .is-webcam .listCtn .listElement
  {
    width: 20%;
  }
}

.webcam section.content .is-webcam .listCtn .listElement .img
{
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.webcam section.content .is-webcam .listCtn .listElement .txt
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
}

@media screen and (max-width: 720px)
{
  .webcam section.content .is-webcam .listCtn .listElement .txt {
    background-color: transparent !important;
  }
}


.webcam section.content .is-webcam .listCtn .listElement .txt .icon
{
  color: #ffffff;
  font-size: 45px;
}

.webcam section.content .is-webcam .listCtn .listElement .txt h5
{
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
  margin: 10px auto 0;

  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}

.webcam section.content .webcam__details
{
  margin-top: 80px;
}

.webcam section.content .webcam__details iframe
{
  width: 100%;
  height: 600px;
}


.webcam section.content .webcam-button
{
  text-align: center;
}

@-webkit-keyframes bounce-left
{
  from
  {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%);
  }
  50%
  {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  to
  {
    -webkit-transform: translate(-45%, -50%);
            transform: translate(-45%, -50%);
  }
}

@keyframes bounce-left
{
  from
  {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%);
  }
  50%
  {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  to
  {
    -webkit-transform: translate(-45%, -50%);
            transform: translate(-45%, -50%);
  }
}

@-webkit-keyframes bounce-right
{
  from
  {
    -webkit-transform: translate(51%, -50%);
            transform: translate(51%, -50%);
  }
  50%
  {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  to
  {
    -webkit-transform: translate(45%, -50%);
            transform: translate(45%, -50%);
  }
}

@keyframes bounce-right
{
  from
  {
    -webkit-transform: translate(51%, -50%);
            transform: translate(51%, -50%);
  }
  50%
  {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  to
  {
    -webkit-transform: translate(45%, -50%);
            transform: translate(45%, -50%);
  }
}
#weblinksListCtn {
  margin-top: 30px;
}

.content-container.weblinks
{
	margin-top:-80px;
}


#weblinksListCtn .listElement {
  float: none;
  width: 100%;
  margin: 0;
  overflow: visible;
}

#weblinksListCtn .listElement::before {
  display: none;
}

#weblinksListCtn .listElement .txt {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: inherit;
}

#weblinksListCtn .listElement h5 {
  padding-bottom: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
	padding-left:30px;
}
#weblinksListCtn .listElement h5 .icon{
  margin-right: 5px;
	position:absolute;
	left:5px;
	top:15px;
}

#weblinksListCtn .listElement .resume {
  font-weight: 300;
}

#weblinksListCtn .listElement h5,
#weblinksListCtn .listElement .resume {
  color: #000000;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

#weblinksListCtn .listElement:hover a::before {
  opacity: 0;
}

#weblinksListCtn .listElement:hover a::after {
  opacity: 1;
}

#weblinksListCtn .listElement:hover h5,
#weblinksListCtn .listElement:hover .resume {
  color: #ffffff;
}

#weblinksListCtn .listElement:nth-child(5n + 1):hover .txt,
.anniviers #weblinksListCtn .listElement:nth-child(5n + 1):hover .txt,
.vercorin #weblinksListCtn .listElement:nth-child(5n + 1):hover .txt {
  background-color: #a8ce5f;
}

#weblinksListCtn .listElement:nth-child(5n + 2):hover .txt,
.anniviers #weblinksListCtn .listElement:nth-child(5n + 2):hover .txt ,
.vercorin #weblinksListCtn .listElement:nth-child(5n + 2):hover .txt{
  background-color: #61d19e;
}

#weblinksListCtn .listElement:nth-child(5n + 3):hover .txt,
.anniviers #weblinksListCtn .listElement:nth-child(5n + 3):hover .txt,
.vercorin #weblinksListCtn .listElement:nth-child(5n + 3):hover .txt {
  background-color: #51bab4;
}

#weblinksListCtn .listElement:nth-child(5n + 4):hover .txt,
.anniviers #weblinksListCtn .listElement:nth-child(5n + 4):hover .txt,
.vercorin #weblinksListCtn .listElement:nth-child(5n + 4):hover .txt  {
  background-color: #50b3d8;
}

#weblinksListCtn .listElement:nth-child(5n + 5):hover .txt,
.anniviers #weblinksListCtn .listElement:nth-child(5n + 5):hover .txt,
.vercorin #weblinksListCtn .listElement:nth-child(5n + 5):hover .txt {
  background-color: #266fac;
}

.sierre #weblinksListCtn .listElement:nth-child(5n + 1):hover .txt {
  background-color: #e5b468;
}

.sierre #weblinksListCtn .listElement:nth-child(5n + 2):hover .txt {
  background-color: #d57c5d;
}

.sierre #weblinksListCtn .listElement:nth-child(5n + 3):hover .txt {
  background-color: #a94557;
}

.sierre #weblinksListCtn .listElement:nth-child(5n + 4):hover .txt {
  background-color: #7a3a58;
}

.sierre #weblinksListCtn .listElement:nth-child(5n + 5):hover .txt {
  background-color: #5f3557;
}

#weblinksListCtn .listElement > a {
  position: relative;
  display: block;
  text-decoration: none;
}

#weblinksListCtn .listElement > a::before, #weblinksListCtn .listElement > a::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  width: 30px;
  height: 32px;
  content: "";
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

#weblinksListCtn .listElement > a::after {
  opacity: 0;
}

#weblinksListCtn .listElement > a.doc_file:before {
  background: url(/plugin/document/template/images/picto-txt.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_file:after {
  background: url(/plugin/document/template/images/picto-txt_white.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_html:before {
  background: url(/plugin/document/template/images/picto-html.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_html:after {
  background: url(/plugin/document/template/images/picto-html_white.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_pdf:before {
  background: url(/plugin/document/template/images/picto-pdf.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_pdf:after {
  background: url(/plugin/document/template/images/picto-pdf_white.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_ppt:before {
  background: url(/plugin/document/template/images/picto-ppt.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_ppt:after {
  background: url(/plugin/document/template/images/picto-ppt_white.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_word:before {
  background: url(/plugin/document/template/images/picto-doc.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_word:after {
  background: url(/plugin/document/template/images/picto-doc_white.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_xls:before {
  background: url(/plugin/document/template/images/picto-xls.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_xls:after {
  background: url(/plugin/document/template/images/picto-xls_white.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_zip:before {
  background: url(/plugin/document/template/images/picto-zip.svg) no-repeat;
}

#weblinksListCtn .listElement > a.doc_zip:after {
  background: url(/plugin/document/template/images/picto-zip_white.svg) no-repeat;
}

#weblinksListCtn .listElement .txt {
  height: auto;
  padding: 10px 15px 10px 5px;
	margin-left:-5px;
}

#weblinksListCtn .listElement .txt:before {
  display: none;
}

#weblinksListCtn .listElement .admin {
  position: absolute;
  top: 5px;
  left: -12px;
  display: block;
}
#youarehereCtn
{
	text-align: center;
	color: #717171;
	font-size: 13px;
	font-family: "Source Sans Pro";
	text-align: center;
	margin: 10px 0 115px;
	display: none;
}
@media screen and (min-width: 720px)
{
	#youarehereCtn {
		display: block;
	}
}

#youarehereCtn .header
{
	position:relative;
	display:inline-block;
	vertical-align: middle;
}

#youarehereCtn a, #youarehereCtn span.text
{
	display:inline-block;
	vertical-align: middle;
	color:#717171;
	font-weight: 300;
	text-decoration:none;
}
#youarehereCtn .separator
{
	display:inline-block;
	vertical-align: middle;
}
#youarehereCtn .separator:nth-of-type(2)
{
	display: none;
}
#inscriptionMailProComplete table
{
	width:50%;
}
#inscriptionMailProComplete .mandatory
{
	background:#FFFFFF;
}
#inscriptionMailProComplete .inputNewsletterError
{
	background-color: #ffe3e8;
    border: 1px dotted red;
}
#inscriptionMailProComplete tr > td:nth-child(1)
{
	width:20%;
}
#inscriptionMailProComplete tr > td:nth-child(2)
{
	width:80%;
}
#inscriptionMailProComplete input[type=text]
{
	width:100%;
}

#inscriptionMailProComplete input[type=submit]
{
	width:50%;
}

#inscriptionMailProComplete input[type=submit]
{
	margin-top:30px;
	font-size:20px;
	font-weight:700;
	padding:10px 20px 10px 20px;
	border-radius: 2px;
	background:#003857;
	color:#FFFFFF;
	opacity:1;
	cursor:pointer;
	transition:all 0.5s;
}

.sierre #inscriptionMailProComplete input[type=submit]
{
	background:#440b40;
	color:#FFFFFF;
}

.anniviers #inscriptionMailProComplete input[type=submit][disabled=disabled]:hover,
.vercorin #inscriptionMailProComplete input[type=submit][disabled=disabled]:hover
{
	background:#003857;
	color:#FFFFFF;
}

.sierre #inscriptionMailProComplete input[type=submit][disabled=disabled]:hover
{
	background:#440b40;
	color:#FFFFFF;
}

#inscriptionMailProComplete input[type=submit]:hover
{
	background:#FFFFFF;
	color:#000000;
}

#inscriptionMailProComplete input[type=submit][disabled=disabled]
{
	 opacity:0.5;
	
}


article.newsletterIngenie
{
	padding: 0!important;
}
.newsletterIngenie .headCtn
{
	padding-bottom:50px;
	margin: 0 0 50px 0!important;
}#faqList
{
	margin-top:100px;
}
#faqList h3
{
	color: #000000;
  font-family: "Grota Rounded";
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
	margin-bottom:20px;
}
#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
}
#faqListCtn .listElement:before
{
	content:none;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:18px 25px 20px 25px;
	background:#003857;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sierre #faqListCtn .listElement .question
{
	background:#440b40;
}
#faqListCtn .listElement .question .icon
{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	font-size:18px;
	fill:#dcdd3a;
	transition:all 0.5s;
}
.sierre #faqListCtn .listElement .question .icon
{
	fill:#ffd854;
}
#faqListCtn .listElement .question h5
{
	color:#dcdd3a;
	text-transform:none;
	margin:0px;
	font-size:18px;
	 font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
}

.sierre #faqListCtn .listElement .question h5
{
	color:#ffd854;
}

#faqListCtn .listElement .question.open .icon, #bodyprint #faqListCtn .listElement .question .icon
{
	transform-origin:center 0;
	transform: rotate(90deg);
}

#faqListCtn .listElement .question.open h5, #bodyprint #faqListCtn .listElement .question h5
{
	
}

#faqListCtn .listElement .answer
{
	display:none;
	overflow:hidden; /*pour pas que le html déborde*/
	background:#FFFFFF;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(166,165,163,1);
		-moz-box-shadow: 0px 0px 20px -5px rgba(166,165,163,1);
		box-shadow: 0px 0px 20px -5px rgba(166,165,163,1);
		
		padding:20px;
}

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}#guidosCtn
{
	position:relative;
	display:block;
	margin-top: 4vw;
}
#guidos
{
	width: 100vw; 
	height: 80vh;
}