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

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

@font-face
{
  font-family: "Montserratbold";
  font-style: italic;
  font-weight: 700;

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

@font-face
{
  font-family: "Montserrat";
  font-style: italic;
  font-weight: normal;

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

@font-face
{
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;

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

@font-face
{
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;

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

@font-face
{
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;

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

@font-face
{
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 700;

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

@font-face
{
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 400;

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

@font-face
{
  font-family: "Ziamimi";
  font-style: normal;
  font-weight: 700;

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

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

  padding: 0;
  margin: 0;

  color: #999999;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;

  background: #ffffff;
}

@media screen and (min-width: 640px)
{
  body
  {
    font-size: 19px;
  }
}

#fancybox-wrap
{
  color: #000000;
  font-size: 16px;
}

.bgEditor
{
  line-height: 1.6;
 
  background-color: #fbfafa;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
  overflow: hidden;

  background-color: #ffffff;
}

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

  vertical-align: middle;

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

.clearfix::after
{
  display: block;
  clear: both;

  content: "";
}

::-moz-selection
{
  color: #ffffff;

  background-color: #fbbd3c;
}

::selection
{
  color: #ffffff;

  background-color: #fbbd3c;
}

a img
{
  border: none;
}

.home header.header .header-logo
{
  top: 25%;
}

@media screen and (min-width: 450px)
{
  .home header.header .header-logo
  {
    top: 20%;
  }
}

@media screen and (min-width: 1200px)
{
  .home header.header .header-logo
  {
    top: 30%;
  }
}

@media screen and (min-width: 1550px)
{
  .home header.header .header-logo
  {
    top: 45%;
    left: 50%;
  }
}

.home header.header .header-countdown
{
  bottom: 8%;
}

@media screen and (min-width: 1200px)
{
  .home header.header .header-countdown
  {
    bottom: 10%;
  }
}

@media screen and (min-width: 1550px)
{
  .home header.header .header-countdown
  {
    bottom: 30%;
  }
}

.home header.header .header-partners
{
  top: 37%;
}

@media screen and (min-width: 600px)
{
  .home header.header .header-partners
  {
    top: 30%;
  }
}

@media screen and (max-width: 1549px)
{
  .home header.header .header-partners
  {
    left: auto;

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

@media screen and (max-width: 1199px)
{
  .home header.header .header-partners
  {
    left: 50%;

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

@media screen and (min-width: 640px)
{
  .home header.header .header-partners
  {
    top: 35%;
  }
}

@media screen and (min-width: 1200px)
{
  .home header.header .header-partners
  {
    top: 15%;
    right: 2.5%;
    left: auto;
  }
}

@media screen and (min-width: 1431px)
{
  .home header.header .header-partners
  {
    top: 8%;
  }
}

.home header.header .header-news
{
  display: block;
}

header.header
{
  position: relative;
}

header.header .header-mobile
{
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 90%;
  padding: 30px 0 0;

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

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

header.header .header-mobile .mobile-lang
{
  width: 25px;

  font-size: 18px;
  font-weight: 300;
}

@media screen and (min-width: 640px)
{
  header.header .header-mobile .mobile-lang
  {
    font-size: 24px;
  }
}

header.header .header-mobile .mobile-lang p
{
  padding: 0;
  margin: 0;
}

header.header .header-slider
{
  position: relative;
  z-index: 1;
}

header.header .header-slider .slider-mountains
{
  position: absolute;
  bottom: -1px;
  z-index: 2;

  width: 100%;
  overflow: hidden;
}

header.header .header-slider .slider-mountains::after
{
  display: block;
  width: 100%;
  padding-top: 10.5%;

  content: "";
}

header.header .header-slider .slider-mountains img
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;

  width: 102%;
  margin: 0 -1%;

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

header.header .header-logo
{
  position: absolute;
  top: 30%;
  left: 50%;
  z-index: 10;

  width: 90%;
  max-width: 719px;
  overflow: hidden;

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

@media screen and (min-width: 450px)
{
  header.header .header-logo
  {
    top: 25%;
  }
}

header.header .header-logo img
{
  user-select: none;
  display: block;
  width: 100%;

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

header.header .header-countdown
{
  position: absolute;
  bottom: 15%;
  left: 50%;
  z-index: 2;

  -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;
}

@media screen and (min-width: 1550px)
{
  header.header .header-countdown
  {
    bottom: 30%;
  }
}

header.header .header-countdown .header-coundown-wrapper
{
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;

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

  -webkit-box-flex: 0;
}

header.header .header-nav
{
  position: absolute;
  top: 5%;
  left: 3%;
  z-index: 12;

  display: none;
}

@media screen and (min-width: 1431px)
{
  header.header .header-nav
  {
    display: block;
  }
}

header.header .header-nav .nav-container
{
  position: relative;
}

header.header .header-nav .box
{
  padding: 13px 10px;
  margin: 0 0 5px;

  background-color: #000000;
}

header.header .header-nav .box.is-logo img
{
  display: block;
  width: 98%;
  max-width: 54px;
  margin: 0 auto;
}

header.header .header-nav .box.is-menu
{
  position: relative;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -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;

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

header.header .header-nav .box.is-menu .menuSimulator
{
  position: relative;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -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;

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

header.header .header-nav .box.is-menu .menuSimulator > a
{
  position: relative;

  display: inline-block;
  height: 26px;
  margin: 20px 0;

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

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

  cursor: pointer;
}

header.header .header-nav .box.is-menu .menuSimulator > a > span
{
  display: none;
}

header.header .header-nav .box.is-menu .menuSimulator > a::before,
header.header .header-nav .box.is-menu .menuSimulator > a::after
{
  position: absolute;
  top: 50%;
  left: 50%;

  display: inline-block;

  content: "";

  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

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

header.header .header-nav .box.is-menu .menuSimulator > a::after
{
  opacity: 0;
}

header.header .header-nav .box.is-menu .menuSimulator > a:hover::before,
header.header .header-nav .box.is-menu .menuSimulator > a.menuHover::before
{
  opacity: 0;
}

header.header .header-nav .box.is-menu .menuSimulator > a:hover::after,
header.header .header-nav .box.is-menu .menuSimulator > a.menuHover::after
{
  opacity: 1;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 5)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 5)::after
{
  width: 42px;
  height: 25px;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 5)::before
{
  background-image: url(/template/image/mobile/mountain.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 5)::after
{
  background-image: url(/template/image/mobile/mountain-hover.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 4)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 4)::after
{
  width: 30px;
  height: 33px;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 4)::before
{
  background-image: url(/template/image/mobile/runners.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 4)::after
{
  background-image: url(/template/image/mobile/runners-hover.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 3)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 3)::after
{
  width: 27px;
  height: 34px;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 3)::before
{
  background-image: url(/template/image/mobile/time.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 3)::after
{
  background-image: url(/template/image/mobile/time-hover.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 2)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 2)::after
{
  width: 30px;
  height: 24px;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 2)::before
{
  background-image: url(/template/image/mobile/photo.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 2)::after
{
  background-image: url(/template/image/mobile/photo-hover.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 1)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 1)::after
{
  width: 28px;
  height: 33px;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 1)::before
{
  background-image: url(/template/image/mobile/micro.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 1)::after
{
  background-image: url(/template/image/mobile/micro-hover.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n)::after
{
  width: 32px;
  height: 29px;
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n)::before
{
  background-image: url(/template/image/mobile/shopping-cart.svg);
}

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n)::after
{
  background-image: url(/template/image/mobile/shopping-cart-hover.svg);
}

header.header .header-nav .box.is-social
{
  -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;
  margin-bottom: 0;

  color: #ffffff;

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

header.header .header-nav .box.is-social > a
{
  display: inline-block;
  margin: 10px 0;

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

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

header.header .header-nav .box.is-social > a:hover
{
  color: #fbbd3c;
}

header.header .header-nav .box.is-social > a .is-facebook svg.icon
{
  width: 15px;
  height: 24px;
}

header.header .header-nav .box.is-social > a .is-youtube svg.icon
{
  width: 24px;
  height: 18px;
}

header.header .header-nav .box.is-social > a .is-instagram svg.icon
{
  width: 25px;
  height: 25px;
}

header.header .header-nav .box.is-social > a .is-newspaper svg.icon
{
  width: 31px;
  height: 26px;
}

header.header .header-nav .box.is-social .lang
{
  margin: 46px 0 10px;

  font-size: 18px;
}

header.header .header-nav .box.is-social .lang p
{
  padding: 0;
  margin: 0;
}

header.header .header-nav .box.is-social .lang a
{
  display: block;

  text-align: center;
}

header.header .header-nav .box.is-social .lang a:first-child
{
  margin-bottom: 10px 0 0;
}

header.header .header-partners
{
  position: absolute;
  top: 50%;
  z-index: 2;

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

@media screen and (max-width: 1549px)
{
  header.header .header-partners
  {
    left: 50%;

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

@media screen and (min-width: 640px)
{
  header.header .header-partners
  {
    top: 50%;
  }
}

@media screen and (min-width: 1550px)
{
  header.header .header-partners
  {
    top: 8%;
    right: 2.5%;
  }
}

header.header .header-partners .partners-list
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

header.header .header-partners .partners-list .list-logo
{
  margin: 0 18px 0;
}

header.header .header-partners .partners-list .list-logo img
{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

header.header .header-partners .partners-list .list-logo.is-ubs img
{
  display: block;
  width: 100%;
  max-width: 130px;
  min-width: 100px;
}

@media screen and (min-width: 1200px)
{
  header.header .header-partners .partners-list .list-logo.is-ubs img
  {
    max-width: 147px;
  }
}

header.header .header-partners .partners-list .list-logo.is-emile-chouriet img
{
  display: block;
  width: 100%;
  max-width: 130px;
  min-width: 100px;
  margin-top: 7px;
}

@media screen and (min-width: 1200px)
{
  header.header .header-partners .partners-list .list-logo.is-emile-chouriet img
  {
    max-width: 160px;
    margin-top: 7px;
  }
}

header.header .header-news
{
  position: absolute;
  top: 58%;
  left: 50%;
  z-index: 2;

  display: none;
  width: 90%;

  -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;
}

@media screen and (min-width: 1200px)
{
  header.header .header-news
  {
    top: 57%;

    width: auto;
  }
}

@media screen and (min-width: 1550px)
{
  header.header .header-news
  {
    top: 45%;
    right: 0;
    left: auto;

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

.container
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1170px;
  padding: 0 10px;
  margin: 0 auto;
}

section.section
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 200px;
  padding: 40px 0;
  overflow: hidden;

  background-color: #fbfafa;

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

section.section:first-of-type
{
  padding: 10px 0 40px;
}

@media screen and (min-width: 460px)
{
  section.section:first-of-type
  {
    padding: 0 0 40px;
  }
}

section.section .section-content .content-title
{
  margin-bottom: 20px;
}

section.section .section-content h5::after
{
  display: block;
  width: 90px;
  height: 5px;
  margin-top: 20px;

  content: "";

  background-color: #fbbd3c;
}

section.section .section-content a.button {

  display: inline-block;
  padding: 10px 20px 9px;
  line-height: 1;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  background-color: #fbbd3c;
  transition: all .2s ease;
}
section.section .section-content a.button:hover {
  background-color: #fbc34d;
  transform: translateY(-2px);
  box-shadow: 0px 2px 2px 0px rgba(83, 96, 95, .21);
}

section.is-courses .section-content
{
  padding: 0 0 20px;
  overflow: hidden;
}

section.is-courses .section-content .courses-wrapper
{
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

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

  -webkit-box-flex: 0;
}

section.is-courses .section-content .courses-wrapper .courses-group
{
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

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

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

section.is-courses .section-content .courses-wrapper .courses-group:first-child
{
  -webkit-flex: 3 1 auto;
      -ms-flex: 3 1 auto;
          flex: 3 1 auto;

  -webkit-box-flex: 3;
}

section.is-courses .section-content .courses-wrapper .courses-group .group-title
{
  color: #333333;
  font-family: "Ziamimi";
  font-weight: 700;
  text-align: center;
}

section.is-courses .section-content .courses-wrapper .courses-group .group-title span
{
  padding: 0 5px;
}

section.is-courses .section-content .courses-wrapper .courses-group .group-elements
{
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
          justify-content: space-around;

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

  border-right: 1px solid #000000;

  -webkit-box-flex: 1;
}

section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element
{
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -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;
  min-width: 150px;
  padding: 0 20px;
  margin: 15px 0 15px;

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

section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element:hover .element-icon
{
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element:hover .element-text
{
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element .element-icon
{
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -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: #464646;
  font-size: 76px;

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

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

section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element .element-text
{
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -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: 10px 0 0;

  color: #fbbd3c;
  font-family: "Ziamimi";
  font-size: 20px;
  text-transform: uppercase;

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

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

@media screen and (min-width: 640px)
{
  section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element .element-text
  {
    font-size: 24px;
  }
}

@media screen and (min-width: 640px)
{
  section.is-courses .section-content .courses-wrapper .courses-group .group-elements .element .element-text
  {
    margin-top: 30px;
  }
}

section.is-labels
{
  background-color: #ffffff;
}

section.is-labels .section-content .content-title
{
  
}

section.is-labels .section-content .labels-wrapper
{
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -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;

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

section.is-labels .section-content .labels-wrapper .label
{
  -webkit-align-content: center;
          align-content: center;
  -webkit-flex-basis: -webkit-calc(33.33333% - 40px);
          flex-basis:         calc(33.33333% - 40px);
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -ms-flex-pack: center;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  -webkit-justify-content: center;
          justify-content: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  min-width: -webkit-calc(33.33333% - 40px);
  min-width:         calc(33.33333% - 40px);
  padding: 20px;

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

  -ms-flex-line-pack: center;
  -ms-flex-preferred-size: calc(33.33333% - 40px);
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-negative: 1;
  -webkit-box-pack: center;
  -ms-flex-preferred-size: 26.33333%;
}

section.is-labels .section-content .labels-wrapper .label:hover
{
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

section.is-labels .section-content .labels-wrapper .label img
{
  -webkit-align-self: center;
          align-self: center;

  width: 100%;

  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
}

@media screen and (max-width: 460px)
{
  section.is-labels .section-content .labels-wrapper .label:nth-child(1)
  {
    -webkit-flex-basis: 30%;
            flex-basis: 30%;

    min-width: 30%;

    -ms-flex-preferred-size: 25%;
  }
}

section.is-labels .section-content .labels-wrapper .label:nth-child(1) img
{
  max-width: 113px;
  max-height: 200px;
}

@media screen and (max-width: 460px)
{
  section.is-labels .section-content .labels-wrapper .label:nth-child(2)
  {
    -webkit-flex-basis: 35%;
            flex-basis: 35%;

    min-width: 35%;

    -ms-flex-preferred-size: 30%;
  }
}

section.is-labels .section-content .labels-wrapper .label:nth-child(2) img
{
  max-width: 150px;
  max-height: 151px;
}

@media screen and (max-width: 460px)
{
  section.is-labels .section-content .labels-wrapper .label:nth-child(3)
  {
    -webkit-flex-basis: 35%;
            flex-basis: 35%;

    min-width: 35%;

    -ms-flex-preferred-size: 30%;
  }
}

section.is-labels .section-content .labels-wrapper .label:nth-child(3) img
{
  max-width: 200px;
  max-height: 90px;
}

section.is-packages
{
  background-color: #f9f9f9;
}

section.is-packages .section-content .packages-wrapper
{
  -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: 0 -15px;
  margin-top: 40px;

  -webkit-box-pack: center;
}

section.is-packages .section-content .packages-wrapper .package
{
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  max-width: 100%;
  padding: 15px;

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

  -webkit-box-flex: 0;
}

@media screen and (min-width: 600px)
{
  section.is-packages .section-content .packages-wrapper .package
  {
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;

    max-width: 50%;

    -webkit-box-flex: 0;
  }
}

@media screen and (min-width: 900px)
{
  section.is-packages .section-content .packages-wrapper .package
  {
    -webkit-flex: 0 1 33.33333%;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;

    max-width: 33.33333%;

    -webkit-box-flex: 0;
  }
}

section.is-packages .section-content .packages-wrapper .package .package-content
{
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  max-width: 100%;
  padding: 15px;

  background-color: #ffffff;
  -webkit-box-shadow: 0 0 18px 0 rgba(83, 96, 95, .11);
          box-shadow: 0 0 18px 0 rgba(83, 96, 95, .11);

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

  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-negative: 0;
}

section.is-packages .section-content .packages-wrapper .package .package-content:hover
{
  -webkit-box-shadow: 0 10px 18px 0 rgba(83, 96, 95, .21);
          box-shadow: 0 10px 18px 0 rgba(83, 96, 95, .21);
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

section.is-packages .section-content .packages-wrapper .package .package-content .content-image
{
  margin-bottom: -5px;
}

section.is-packages .section-content .packages-wrapper .package .package-content .content-image img
{
  width: 100%;
}

section.is-packages .section-content .packages-wrapper .package .package-content .content-text .title
{
  margin: 10px 0 18px;

  font-family: "Ziamimi";
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

section.is-packages .section-content .packages-wrapper .package .package-content .content-text .resume
{
  padding: 0 20px;

  color: #999999;
  font-family: "Montserrat";
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

section.is-counter
{
  background-color: #ffffff;
}

section.is-counter .section-content .content-title
{
}

section.is-counter .section-content .content-text
{
  margin-top: 50px;
  line-height: 1.6;
}

section.is-counter .section-content .content-counter
{
  -ms-flex-pack: distribute;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
          justify-content: space-around;

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

section.is-counter .section-content .content-counter .counter
{
  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;
  padding: 0 5px;
  margin-top: 40px;

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

@media screen and (max-width: 640px)
{
  section.is-counter .section-content .content-counter .counter
  {
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;

    max-width: 100%;

    -webkit-box-flex: 0;
  }
}

@media screen and (min-width: 641px) and (max-width: 900px)
{
  section.is-counter .section-content .content-counter .counter
  {
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;

    max-width: 50%;

    -webkit-box-flex: 0;
  }
}

section.is-counter .section-content .content-counter .counter .legend
{
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
}

section.is-counter .section-content .content-counter .counter .cpt
{
  height: 80px;
  margin-bottom: 10px;

  text-align: center;
}

@media screen and (min-width: 640px)
{
  section.is-counter .section-content .content-counter .counter .cpt
  {
    height: 107px;
  }
}

section.is-counter .section-content .content-counter .counter .cpt .unit
{
  position: relative;

  display: inline-block;
  width: 50px;
  height: 80px;
  overflow: hidden;

  color: #fbbd3c;
  font-size: 80px;
  text-align: center;
}

/*section.is-counter .section-content .content-counter .counter .cpt .unit::before,
section.is-counter .section-content .content-counter .counter .cpt .unit::after
{
  position: absolute;

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

  content: "";
}

section.is-counter .section-content .content-counter .counter .cpt .unit::before
{
  top: 0;
  z-index: 2;

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

section.is-counter .section-content .content-counter .counter .cpt .unit::after
{
  bottom: 0;

  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .65)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, 0) 100%);
  background:      -o-linear-gradient(bottom, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, 0) 100%);
  background:         linear-gradient(to top, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, 0) 100%);
}*/

@media screen and (min-width: 640px)
{
  section.is-counter .section-content .content-counter .counter .cpt .unit
  {
    width: 70px;
    height: 107px;

    font-size: 107px;
  }
}

section.is-counter .section-content .content-counter .counter .cpt .unit > div
{
  position: absolute;
  top: 100%;

  width: 50px;
  height: 80px;
  line-height: 80px;

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

  visibility: hidden;
}

@media screen and (min-width: 640px)
{
  section.is-counter .section-content .content-counter .counter .cpt .unit > div
  {
    width: 76px;
    height: 107px;
    line-height: 107px;
  }
}

section.is-counter .section-content .content-counter .counter .cpt .unit > div[rel="0"]
{
  top: 5px;

  visibility: visible;
}

section.is-counter .section-content .content-counter .counter .cpt .unit > div[rel="1"]
{
  top: -100%;
}

section.is-counter .section-content .content-counter .counter .cpt .unit:nth-last-child(3n+1):not(:last-child)
{
  padding-right: 20px;
}

section.is-counter .section-content .content-counter .counter .cpt .unit:nth-last-child(3n+1):not(:last-child) > div:after
{
  position: absolute;
  top: 0;
  right: -16px;
  z-index: 2;

  content: "’";
}

section.is-partenaires
{
  padding: 30px 0;

  background-color: #ffffff;
}

@media screen and (min-width: 640px)
{
  section.is-partenaires
  {
    padding: 60px 0;
  }
}

section.is-partenaires .partenaire-list
{
  -ms-flex-pack: distribute;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
          justify-content: space-around;

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

section.is-partenaires .partenaire-list .partenaire
{
  -webkit-align-content: center;
          align-content: center;
  -webkit-flex-basis: -webkit-calc(33.33333% - 20px);
          flex-basis:         calc(33.33333% - 20px);
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -ms-flex-pack: center;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  -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;
  min-width: -webkit-calc(33.33333% - 20px);
  min-width:         calc(33.33333% - 20px);
  padding: 10px 5px;

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

  -ms-flex-line-pack: center;
  -ms-flex-preferred-size: calc(33.33333% - 20px);
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-negative: 1;
  -webkit-box-pack: center;
  -ms-flex-preferred-size: 33.33333%;
}

section.is-partenaires .partenaire-list .partenaire:hover
{
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media screen and (min-width: 500px)
{
  section.is-partenaires .partenaire-list .partenaire
  {
    -webkit-flex-basis: -webkit-calc(33.33333% - 40px);
            flex-basis:         calc(33.33333% - 40px);

    min-width: -webkit-calc(33.33333% - 40px);
    min-width:         calc(33.33333% - 40px);
    padding: 20px 19px;

    -ms-flex-preferred-size: calc(33.33333% - 40px);
    -ms-flex-preferred-size: 33.33333%;
  }
}

@media screen and (min-width: 1200px)
{
  section.is-partenaires .partenaire-list .partenaire
  {
    -webkit-flex-basis: -webkit-calc(16.66666% - 40px);
            flex-basis:         calc(16.66666% - 40px);

    min-width: -webkit-calc(16.66666% - 40px);
    min-width:         calc(16.66666% - 40px);

    -ms-flex-preferred-size: calc(16.66666% - 40px);
    -ms-flex-preferred-size: 13%;
  }
}

section.is-partenaires .partenaire-list .partenaire img
{
  -webkit-align-self: center;
          align-self: center;

  width: 100%;
  max-width: 200px;
  max-height: 100px;

  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
}

body.home section.is-partenaires
{
  background-color: #363636;
}

body.home section.is-partenaires img.dark
{
  display: none;
}

body:not(.home) section.is-partenaires img.light
{
  display: none;
}

section.is-livefeed
{
  background-color: #fbfafa;
}

section.is-livefeed .section-content .content-text
{
  margin-top: 30px;
}

section.is-blog
{
  position: relative;

  padding: 0;
}

section.is-blog .stdZone,
section.is-blog .hilightZone
{
  margin: 0;
}

section.is-blog .blog-wrapper
{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

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

@media screen and (min-width: 450px)
{
  section.is-blog .blog-wrapper .blog
  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
}

@media screen and (max-width: 449px)
{
  section.is-blog .blog-wrapper .blog
  {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;

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

@media screen and (min-width: 450px) and (max-width: 1199px)
{
  section.is-blog .blog-wrapper .blog
  {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;

    min-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  section.is-blog .blog-wrapper .blog:nth-child(even) .blog-left
  {
    -ms-flex-order: 2;
    -webkit-order: 2;
            order: 2;

    -webkit-box-ordinal-group: 3;
  }
  section.is-blog .blog-wrapper .blog:nth-child(even) .blog-right::after
  {
    right: -6px;
    left: auto;

    border-color: transparent transparent transparent #363636;
    border-width: 7px 0 7px 6px;
  }
}

@media screen and (min-width: 1200px)
{
  section.is-blog .blog-wrapper .blog
  {
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;

    min-width: 33.33333%;

    -ms-flex-preferred-size: 33.33333%;
  }
}

section.is-blog .blog-wrapper .blog .blog-left
{
  -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;

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

  color: #363636;
  font-size: 20px;
  line-height: 22px;

  background-color: #e3e2e2;

  -webkit-box-align: center;
  -ms-flex-preferred-size: 50%;
  -webkit-box-pack: center;
}

@media screen and (min-width: 640px)
{
  section.is-blog .blog-wrapper .blog .blog-left
  {
    font-size: 20px;
    line-height: 28px;
  }
}

section.is-blog .blog-wrapper .blog .blog-left .citation
{
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;

  padding: 30px;

  -webkit-box-flex: 0;
}

@media screen and (min-width: 640px)
{
  section.is-blog .blog-wrapper .blog .blog-left .citation
  {
    padding: 1.5625vw;
  }
}

section.is-blog .blog-wrapper .blog .blog-left .citation::before
{
  display: inline-block;

  content: "«";
}

section.is-blog .blog-wrapper .blog .blog-left .citation::after
{
  display: inline-block;

  content: "»";
}

section.is-blog .blog-wrapper .blog .blog-right
{
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;

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

  color: #ffffff;

  background-color: #363636;

  -webkit-box-align: center;
  -ms-flex-preferred-size: 50%;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-right-content
{
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;

  padding: 20px;

  -webkit-box-flex: 0;
}

@media screen and (min-width: 640px)
{
  section.is-blog .blog-wrapper .blog .blog-right .blog-right-content
  {
    padding: 2.08333vw;
  }
}

section.is-blog .blog-wrapper .blog .blog-right::after
{
  position: absolute;
  top: 50%;
  left: -6px;

  display: block;

  content: "";

  border-color: transparent #363636 transparent transparent;
  border-style: solid;
  border-width: 7px 6px 7px 0;
}

@media screen and (max-width: 449px)
{
  section.is-blog .blog-wrapper .blog .blog-right::after
  {
    top: auto;
    bottom: -6px;
    left: auto;
    left: 50%;

    border-color: #363636 transparent transparent transparent;
    border-width: 6px 7px 0 7px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

section.is-blog .blog-wrapper .blog .blog-right .blog-profil
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-bottom: 1.5625vw;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-profil .profil-picture
{
  position: relative;

  display: block;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-profil .profil-picture .img
{
  width: 100%;

  background: no-repeat center center;
  background-image: url(/template/image/defaultList.jpg);
  -webkit-background-size: cover;
          background-size: cover;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-profil .profil-picture .img:before
{
  display: block;
  padding-top: 100%;

  content: "";
}

section.is-blog .blog-wrapper .blog .blog-right .blog-profil .profil-picture .img
{
  width: 35px;
  height: 35px;

  -webkit-border-radius: 100%;
          border-radius: 100%;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-profil .profil-detail
{
  -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;

  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;

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

section.is-blog .blog-wrapper .blog .blog-right .blog-profil .profil-detail .detail-date
{
  color: #7d8487;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-text
{
  font-size: 14px;
  line-height: 20px;
}

@media screen and (min-width: 640px)
{
  section.is-blog .blog-wrapper .blog .blog-right .blog-text
  {
    font-size: 14px;
    line-height: 28px;
  }
}

section.is-blog .blog-wrapper .blog .blog-right .blog-link
{
  float: right;

  color: #7d8487;
  font-family: "Montserrat";
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

section.is-blog .blog-wrapper .blog .blog-right .blog-link .icon
{
  margin-left: 2px;

  font-size: 12px;
  vertical-align: text-bottom;
}

footer.footer
{
  padding: 40px 0 30px;

  background-color: #363636;
  border-top: 5px solid #fbbd3c;
}

footer.footer .footer-wrapper
{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

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

footer.footer .footer-wrapper .footer-address
{
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  -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;
  min-width: 100%;
  padding: 20px 0;

  color: #ffffff;
  font-weight: 400;

  -ms-flex-preferred-size: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

@media screen and (min-width: 640px)
{
  footer.footer .footer-wrapper .footer-address
  {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;

    min-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
}

@media screen and (min-width: 900px)
{
  footer.footer .footer-wrapper .footer-address
  {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;

    min-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
}

footer.footer .footer-wrapper .footer-address img
{
  width: 100%;
  max-width: 204px;
  margin-bottom: 10px;
}

footer.footer .footer-wrapper .footer-address .line
{
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-align: center;

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

  -webkit-box-align: center;
}

@media screen and (min-width: 640px)
{
  footer.footer .footer-wrapper .footer-address .line .icon
  {
    font-size: 19px;
  }
  footer.footer .footer-wrapper .footer-address .line .text
  {
    font-size: 10px;
  }
}

footer.footer .footer-wrapper .footer-address .line .icon
{
  font-size: 22px;
}

footer.footer .footer-wrapper .footer-address .line .text
{
  margin-left: 10px;

  font-size: 13px;
}

footer.footer .footer-wrapper .footer-menu
{
  -webkit-flex-basis: 100%;
          flex-basis: 100%;

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

  -ms-flex-preferred-size: 100%;
}

@media screen and (min-width: 640px)
{
  footer.footer .footer-wrapper .footer-menu
  {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;

    min-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
}

@media screen and (min-width: 900px)
{
  footer.footer .footer-wrapper .footer-menu
  {
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;

    min-width: 41.66667%;

    -ms-flex-preferred-size: 41.66667%;
  }
}

footer.footer .footer-wrapper .footer-newsletter
{
  -webkit-flex-basis: 100%;
          flex-basis: 100%;

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

  -ms-flex-preferred-size: 100%;
}

@media screen and (min-width: 900px)
{
  footer.footer .footer-wrapper .footer-newsletter
  {
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;

    min-width: 33.33333%;

    -ms-flex-preferred-size: 33.33333%;
  }
}

footer.footer .footer-wrapper .footer-newsletter a.button
{
  display: block;
  padding: 8px 6px;
  margin-top: 13px;

  color: #ffffff;

  background-color: #fbbd3c;
}

footer.footer .footer-wrapper .footer-newsletter .design
{
  padding-top: 20px;
  margin-top: 50px;

  color: #ffffff;
  font-size: 9px;
  font-weight: 400;
  line-height: 19px;

  border-top: 1px solid #61676a;
}

footer.footer .footer-wrapper .footer-newsletter .design a
{
  color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6
{
  padding: 0;
  margin: 0;

  color: #333333;
  font-size: 19px;
}

h1
{
  color: #333333;
  font-family: "Ziamimi";
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (min-width: 640px)
{
  h1
  {
    font-size: 24px;
  }
}

h1::after
{
  display: block;
  width: 90px;
  height: 5px;
  margin-top: 20px;

  content: "";

  background-color: #fbbd3c;
}

h2
{
  margin-top: 25px;

  color: #000000;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 700;
}

@media screen and (min-width: 640px)
{
  h2
  {
    margin-top: 50px;

    font-size: 19px;
  }
}

h3
{
  margin: 35px 0 25px;

  color: #fbbd3c;
  font-family: "Ziamimi";
  font-size: 20px;
  font-weight: 700;
}

@media screen and (min-width: 640px)
{
  h3
  {
    font-size: 24px;
  }
}

h4
{
  margin: 30px 0 20px;

  color: #333333;
  font-family: "Ziamimi";
  font-size: 18px;
  font-weight: 700;
}

@media screen and (min-width: 640px)
{
  h4
  {
    font-size: 20px;
  }
}

h5
{
  font-family: "Ziamimi";
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

h6
{
  color: #fbbd3c;
  font-family: "Ziamimi";
  font-size: 24px;
  font-weight: 700;
}

a
{
  color: #fbbd3c;
  text-decoration: none;
}

p
{
  margin: 15px 0 30px;
}

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

@media screen and (min-width: 640px)
{
  p
  {
    margin: 18px 0 36px;
  }
}

/* ENTETE DES PAGES*/
.headCtn
{
  margin: 30px 0 40px;
  overflow: hidden;
  /*fait office de divwrapper*/

  line-height: 1.6;
}

@media screen and (min-width: 640px)
{
  .headCtn
  {
    margin: 45px 0 70px;
  }
}
.home .headCtn {
  margin: 0;
}

.headCtn .img
{
  width: 100%;
  margin: 20px 0 0;

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

@media screen and (min-width: 640px)
{
  .headCtn .img
  {
    margin: 45px 0 0;
  }
}

.headCtn .img:before
{
  display: block;
  padding-top: 60%;

  content: "";
}

@media screen and (min-width: 640px)
{
  .headCtn .img:before
  {
    padding-top: 40%;
  }
}

.home .headCtn h2
{
  color: #999999;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;
}

@media screen and (min-width: 640px)
{
  .home .headCtn h2
  {
    font-size: 19px;
  }
}

.imgcropctn.accroche:before
{
  display: block;
  padding-top: 75%;

  content: "";
}

.headCtn h2:empty
{
  display: none;
}

/* LISTES */
.listCtn
{
  -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: 0 -15px;
  margin-top: 40px;

  -webkit-box-pack: center;
}

@media screen and (min-width: 640px)
{
  .listCtn
  {
    margin-top: 120px;
  }
}

.listElement
{
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  max-width: 100%;
  padding: 15px;

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

  -webkit-box-flex: 0;
}

@media screen and (min-width: 600px)
{
  .listElement
  {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;

    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
}

@media screen and (min-width: 900px)
{
  .listElement
  {
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;

    max-width: 33.33333%;

    -ms-flex-preferred-size: 33.33333%;
  }
}

.listElement .listElement-content
{
  position: relative;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;

  display: block;
  padding: 15px;

  background-color: #ffffff;
  -webkit-box-shadow: 0 0 18px 0 rgba(83, 96, 95, .11);
          box-shadow: 0 0 18px 0 rgba(83, 96, 95, .11);

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

  -webkit-box-flex: 0;
}

.listElement .listElement-content:hover
{
  -webkit-box-shadow: 0 10px 18px 0 rgba(83, 96, 95, .21);
          box-shadow: 0 10px 18px 0 rgba(83, 96, 95, .21);
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.listElement .img
{
  position: relative;

  display: block;
  width: 100%;

  background: url(/template/image/defaultList.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

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

  content: "";
}

.listElement .txt
{
  position: relative;

  display: block;
  overflow: hidden;
}

.listElement .txt h5
{
  margin: 10px 0 18px;

  color: #fbbd3c;
  font-family: "Ziamimi";
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.listElement .txt h5::after
{
  display: none !important;
}

.listElement .txt .resume
{
  display: block;

  color: #999999;
  font-family: "Montserrat";
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

/* ZONE HTML */
.htmlcontent
{
  line-height: 1.6;
}

.htmlcontent img
{
  height: auto !important;
  max-width: 100%;
}

.htmlcontent iframe
{
  max-width: 100%;
}

#video-container
{
  position: relative;

  height: 0;
  padding-top: 25px;
  padding-bottom: 56.25%;
}

#video-container .video-holder
{
  display: inline-block;
  width: 100%;
  height: 100%;
}

#video-container .video-holder iframe
{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/* STYLE GENERIQUE*/
.divwrapper
{
  clear: both;
}

.lastcol
{
  margin-right: 0 !important;
}

ul
{
  padding: 0 0 7px 13px;
  margin: 0 0 0 3px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
/* TABLES */
.htmlcontent table
{
  table-layout: fixed;
}

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

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

  background-color: #fbbd3c;
}

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

table tbody.responsivedtbody
{
  display: none;
}

/* 
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
  {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: auto !important;
  }
  table img
  {
    height: auto !important;
    max-width: 100%;
  }
  table.responsived
  {
    display: block;
    width: 100% !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: 160px;
    padding-right: 10px;
    overflow: hidden;
    clear: both;

    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;
  }
}

/* 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 !important;
}

.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;
}

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

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

  background-color: #eeeeee;
  border: 1px solid #bbb7b7;
}

/* 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: 0;
          border-radius: 0;
}

select
{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;

  background-color: #eeeeee;
  border: 0;
}

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

.home section.section.is-content
{
  background-color: #ffffff;
}

section.section textarea
{
  position: relative;

  width: 100%;
  max-width: 100%;

  color: #363636;
  font-size: 1rem;
  line-height: 1.5;

  -webkit-appearance: none;
     -moz-appearance: none;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
          box-shadow: none;
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  border: 1px solid transparent;
  border-color: #dbdbdb;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  outline: none;
}

section.section input[type=text],
section.section input[type=password],
section.section input[type=date]
{
  position: relative;

  width: 100%;
  max-width: 100%;

  color: #363636;
  font-size: 1rem;
  line-height: 1.5;

  -webkit-appearance: none;
     -moz-appearance: none;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
          box-shadow: none;
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  border: 1px solid transparent;
  border-color: #dbdbdb;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  outline: none;
}

section.section input[type=text].mandatory,
section.section input[type=password].mandatory,
section.section input[type=date].mandatory
{
  border-color: #fdde9e;
}

section.section input[type=submit]
{
  position: relative;

  padding: 3px 15px;

  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5;

  -webkit-appearance: none;
     -moz-appearance: none;
  background-color: #fbbd3c;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  outline: none;
}

section.section input[type=submit]:disabled
{
  background-color: #fdde9e;
}

/*-- FIN FORM --*/
.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
{
  cursor: move;
}

/*************** 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 ********************/

#mentionslegalesContentCtn {
  line-height: 1.6;
}

.logoboomerangirewind {
  float: right;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.logoboomerangirewind::after
{
  clear: both;
  display: block;
  content: "";
}
@media screen and (min-width: 1000px)
{
  .logoboomerangirewind {
    margin-top: -80px;
  }
}
.logoboomerangirewind .text {
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.logoboomerangirewind img {
  width: 210px;
}/*****************/
/** 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; }.cartoucheCtn {
  font-family: "OpenSans";
  font-weight: 700;
}

.cartoucheCtn .cartouche-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 1549px) and (min-width: 1200px)
{
  .cartoucheCtn .cartouche-wrapper {
    max-width: 350px;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-news {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px;
  background-color: rgba(0, 0, 0, 0.49);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

@media screen and (min-width: 400px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news {
    padding: 30px 40px;
  }
}

@media screen and (min-width: 460px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news {
    padding: 30px 50px;
  }
}
@media screen and (min-width: 1550px)
{
  .cartoucheCtn .cartouche-wrapper .cartouche-news {
    padding: 50px 60px;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: inline-block;
}

.cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement .txt {
  display: inline-block;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement .txt {
    min-width: 300px;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement h6 {
  display: block;
  margin: 0 0 0;
  color: #ffffff;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

@media screen and (min-width: 400px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement h6 {
    font-size: 35px;
    line-height: 35px;
  }
}

@media screen and (min-width: 460px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement h6 {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
  }
}
@media screen and (min-width: 1550px)
{
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement h6 {
    text-align: left;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement .resume {
  display: block;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

@media screen and (min-width: 400px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement .resume {
    font-size: 30px;
    line-height: 30px;
  }
}

@media screen and (min-width: 460px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement .resume {
    font-size: 35px;
    line-height: 35px;
  }
}
@media screen and (min-width: 1550px)
{
  .cartoucheCtn .cartouche-wrapper .cartouche-news .cartoucheElement .resume {
    text-align: left;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 1200px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  background-color: #000000;
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-label {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: rgba(242, 242, 242, 0.4);
  font-size: 21px;
  text-align: center;
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter .counter-current {
  color: #fbbd3c;
  font-size: 38px;
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter .counter-total {
  color: rgba(242, 242, 242, 0.4);
  font-size: 21px;
}


@media screen and (min-width: 1430px) {
  .cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-label {
    font-size: 21px;
  }
  .cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter .counter-current {
    font-size: 30px;
  }
  .cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter .counter-total {
    font-size: 16px;
  }
}
@media screen and (min-width: 1550px)
{
  .cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-label {
    font-size: 28px;
  }
  .cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter .counter-current {
    font-size: 38px;
  }
  .cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-counter .counter-counter .counter-total {
    font-size: 21px;
  }
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-navigation {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fbbd3c;
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-navigation .arrow {
  padding: 5px;
  color: #132f40;
  font-family: "OpenSans";
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}

.cartoucheCtn .cartouche-wrapper .cartouche-nav .nav-navigation .separator {
  width: 1px;
  height: 30px;
  margin: 0 20px;
  background-color: rgba(19, 47, 64, 0.5);
}
.countdown {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.countdown .number {
  width: 55px;
  color: #fbbd3c;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  /*@media screen and (min-width: 350px)
    {
      font-size: 45px;
    }*/
}

@media screen and (min-width: 460px) {
  .countdown .number {
    width: 85px;
    font-size: 60px;
  }
}

.countdown .number.threenumbers {
  width: 65px;
}

@media screen and (min-width: 460px) {
  .countdown .number.threenumbers {
    width: 120px;
  }
}

.countdown .separator {
  padding: 0 5px;
  color: #fbbd3c;
  font-size: 35px;
  font-weight: 700;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

@media screen and (min-width: 460px) {
  .countdown .separator {
    padding: 0 10px;
    font-size: 60px;
  }
}

.countdown .label {
  color: #ffffff;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

@media screen and (min-width: 460px) {
  .countdown .label {
    font-size: 12px;
  }
}

#comptereboursListCtn .listElement .date {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 6px 10px;
  background-color: #fbbd3c;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.flickrCtn {
  position: relative;
}

.flickrCtn::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 80%;
}

.flickrCtn > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
#galleryimageListCtn {
  margin-bottom: 40px;
}

@media screen and (min-width: 640px) {
  #galleryimageListCtn {
    margin-bottom: 120px;
  }
}

#galleryimageListCtn .listElement {
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0px;
  overflow: visible;
}

#galleryimageListCtn .listElement .img {
  width: 100%;
  float: none;
}

#galleryimageListCtn .listElement .img:before {
  padding-top: 60%;
}
#galleryimageListCtn .listElement .img.portrait:before {
  padding-top: 140%;
}
#galleryimageListCtn .listElement .img.paysage:before {
  padding-top: 60%;
}
#galleryimageListCtn .listElement .more {
  display: inline-block;
  margin: 10px 0 0;
  font-size: 14px;
}
#galleryimageListCtn .listElement .more:empty {
  display: none;
}

.imgcropctn.gallery:before {
  padding-top: 60%;
}

#gallerywithfancybox {
  display: none;
  /*use photoswipe if element not visible */
}

#galleryimageListCtn .listElement .admin {
  display: block;
  margin: 7px 0px 2px 0px;
}

#galleryimageListCtn .listElement .admin > a {
  color: #333333;
  text-decoration: none;
}

.galleryimageInner {
  position: relative;
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
}

/* MEDIA QUERIES */
/*@media only screen and (min-width: 321px) {
  #galleryimageListCtn .listElement {
    float: left;
    margin: 0 2% 10px 0;
    width: 49%;
  }
}

@media only screen and (min-width: 321px) and (max-width: 640px) {
  #galleryimageListCtn .listElement:nth-child(2n+0) {
    margin-right: 0;
  }
}
*/
@media only screen and (min-width: 641px) {
  #gallerywithfancybox {
    display: block;
    /*use fancybox if element is visible */
  }
}

/*
@media only screen and (min-width: 641px) and (max-width: 800px) {
  #galleryimageListCtn .listElement {
    width: 32%;
    &:nth-child(3n+0) {
      margin-right: 0;
    }
  }
}

@media only screen and (min-width: 801px) {
  #galleryimageListCtn .listElement {
    width: 23.5%;
    &:nth-child(4n+0) {
      margin-right: 0;
    }
  }
}*/
/* Style pour plugin langsite */
.langsite
{
   color: #fefefe;
   text-decoration: none;
}

.langsiteActiv
{
   color: #fbbd3c;
   text-decoration: none;
}
/*Style pour les mentions legales */
a.mentionslegales {
  text-decoration: none;
}

#disclaimerCtn {
  position: fixed;
  display: block;
  left: 0;
  bottom: 0;
  right: 0;
  max-height: 500px;
  opacity: 1;
  background: #363636;
  border-top: 5px solid #fbbd3c;
  z-index: 1000;
  overflow: hidden;
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  transition: max-height .5s;
}

#disclaimerCtn.hide {
  max-height: 0;
}

#disclaimerCtn .disclaimer {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 20px 10px;
  margin: 0 auto 0 auto;
  color: #ffffff;
  font-size: .8em;
  line-height: 1.5em;
}

#disclaimerCtn .disclaimer .txt {
  /*margin-bottom:10px; attente validation */
  margin-bottom: 20px;
}

#disclaimerCtn .disclaimer a.read {
  position: relative;
  display: block;
  color: #fbbd3c;
  text-decoration: none;
  opacity: 1;
  margin-bottom: 20px;
}

#disclaimerCtn .disclaimer a.read:before {
  content: ">";
  margin-right: 5px;
}

#disclaimerCtn .disclaimer .close {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 10px 7px 10px;
  text-align: center;
  background: #fbbd3c;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: background .5s;
  -o-transition: background .5s;
  transition: background .5s;
  text-transform: uppercase;
}

#disclaimerCtn .disclaimer .close:hover {
  background: #eea205;
}

@media only screen and (min-width: 640px) {
  #disclaimerCtn {
    max-height: 200px;
  }
  #disclaimerCtn .disclaimer {
    max-width: 1280px;
    padding: 20px 170px 20px 10px;
    font-size: 1em;
  }
  #disclaimerCtn .disclaimer .txt {
    /*margin-bottom:5px; attente validation*/
    margin-bottom: 0;
  }
  #disclaimerCtn .disclaimer a.read {
    display: inline-block;
    margin-bottom: 0;
  }
  #disclaimerCtn .disclaimer .close {
    position: absolute;
    width: 120px;
    top: 50%;
    right: 10px;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@charset "UTF-8";
/* Gestion des panels pour le menu */
#mainPanel {
  position: relative;
  -webkit-transition: left .2s linear;
  -o-transition: left .2s linear;
  transition: left .2s linear;
}

#mainPanel.open {
  left: 0;
  width: 100%;
  height: 100%;
}

@-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%);
  }
}

#leftPanel {
  position: absolute;
  top: 0;
  right: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 750px;
  min-width: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #000000;
}

#leftPanel.scrolling {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

#leftPanel .leftPanel-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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: 30px;
}

#leftPanel .leftPanel-wrapper .leftPanel-top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#leftPanel .leftPanel-wrapper .leftPanel-top .top-lang {
  font-size: 18px;
  font-weight: 300;
}

@media screen and (min-width: 640px) {
  #leftPanel .leftPanel-wrapper .leftPanel-top .top-lang {
    font-size: 24px;
  }
}

@media screen and (min-width: 780px) {
  #leftPanel .leftPanel-wrapper .leftPanel-top .top-lang {
    display: none;
  }
}

#leftPanel .leftPanel-wrapper .leftPanel-top .top-lang p {
  padding: 0;
  margin: 0;
}

#leftPanel .leftPanel-wrapper .leftPanel-top .top-close {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#leftPanel .leftPanel-wrapper .leftPanel-top .top-close img {
  width: 32px;
  height: 32px;
}

@media screen and (min-width: 640px) {
  #leftPanel .leftPanel-wrapper .leftPanel-top .top-close img {
    width: 47px;
    height: 47px;
  }
}

#leftPanel .leftPanel-wrapper .leftPanel-center {
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 30px 0 30px;
}

@media screen and (min-width: 640px) {
  #leftPanel .leftPanel-wrapper .leftPanel-center {
    margin: 50px 0 30px;
  }
}

#leftPanel .leftPanel-wrapper .leftPanel-center::before, #leftPanel .leftPanel-wrapper .leftPanel-center::after {
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 40px;
  content: "";
  background-color: #ffffff;
}

#leftPanel .leftPanel-wrapper .leftPanel-center::before {
  top: -1px;
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
}

#leftPanel .leftPanel-wrapper .leftPanel-center::after {
  bottom: -1px;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
}

#leftPanel .leftPanel-wrapper .leftPanel-center .arrow-up,
#leftPanel .leftPanel-wrapper .leftPanel-center .arrow-down {
  position: absolute;
  left: 50%;
  z-index: 3;
  display: block;
  font-size: 30px;
  -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;
}

#leftPanel .leftPanel-wrapper .leftPanel-center .arrow-up {
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#leftPanel .leftPanel-wrapper .leftPanel-center .arrow-up.run-animation {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-iteration-count: 6;
  animation-iteration-count: 6;
  -webkit-animation-name: bounce-up;
  animation-name: bounce-up;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

#leftPanel .leftPanel-wrapper .leftPanel-center .arrow-down {
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

#leftPanel .leftPanel-wrapper .leftPanel-center .arrow-down.run-animation {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-iteration-count: 6;
  animation-iteration-count: 6;
  -webkit-animation-name: bounce-down;
  animation-name: bounce-down;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

#leftPanel .leftPanel-wrapper .leftPanel-center .scroll-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: -moz-scrollbars-none;
  overflow-y: auto;
  -ms-overflow-style: none;
}

#leftPanel .leftPanel-wrapper .leftPanel-center .scroll-wrapper::-webkit-scrollbar {
  width: 0;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

#leftPanel .leftPanel-wrapper .leftPanel-center .menuHolder {
  margin: 15% 0 5% 0;
}

@media screen and (min-width: 450px) {
  #leftPanel .leftPanel-wrapper .leftPanel-center .menuHolder {
    margin: 15% 0 5% 5%;
  }
}

@media screen and (min-width: 640px) {
  #leftPanel .leftPanel-wrapper .leftPanel-center .menuHolder {
    margin: 15% 0 5% 13%;
  }
}

#leftPanel .leftPanel-wrapper .leftPanel-bottom {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 36px;
}

#leftPanel .leftPanel-wrapper .leftPanel-bottom a {
  margin-left: 35px;
  color: #ffffff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#leftPanel .leftPanel-wrapper .leftPanel-bottom a:hover {
  color: #fbbd3c;
}

.nooverflow {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.neutralizer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
}

.menuIcone {
  float: right;
  cursor: pointer;
  width: 40px;
  height: 34px;
  position: relative;
}

.menuIcone .line {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin-top: -2px;
  box-sizing: border-box;
  height: 4px;
  background-color: #fbbd3c;
  border: 1px solid rgba(251, 190, 61, .5);
  transition: all .2s ease;
}
.menuIcone .line:nth-child(1) {
  top: 17%;
}
.menuIcone .line:nth-child(2) {
  top: 50%;
}
.menuIcone .line:nth-child(3) {
  top: 83%;
}

.menuIcone:hover .line:nth-child(1) {
  left: 16px;
}
.menuIcone:hover .line:nth-child(2) {
  left: 8px;
  right: 8px;
}
.menuIcone:hover .line:nth-child(3) {
  right: 16px;
}



@media screen and (min-width: 640px) {
  .menuIcone {
    width: 50px;
    height: 40px;
  }
  .menuIcone .line {
    height: 5px;
    margin-top: -2.5px;
  }
}

body.nooverflow .menuIcone:before {
  -webkit-transform: rotateZ(45deg) translate(8px, 8px);
  -ms-transform: rotate(45deg) translate(8px, 8px);
  transform: rotateZ(45deg) translate(8px, 8px);
}

body.nooverflow .menuIcone .line {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

body.nooverflow .menuIcone:after {
  -webkit-transform: rotateZ(-45deg) translate(8px, -7px);
  -ms-transform: rotate(-45deg) translate(8px, -7px);
  transform: rotateZ(-45deg) translate(8px, -7px);
}

#leftPanel a.copy {
  display: none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
@media screen and (max-width: 1430px) {
  #menuMain ul {
    position: relative;
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-size: 18px;
  }
  #menuMain ul.menu1 {
    display: none;
    margin: 20px 0;
  }
  #menuMain ul.menu2 {
    display: none;
    margin: 15px 0 0;
  }
  #menuMain ul li {
    position: relative;
    list-style-type: none;
    /*compense le li de base*/
  }
  #menuMain ul li .styleDivArrowAdmin {
    top: 4px;
    left: -15px;
  }
  #menuMain ul li.menu0 {
    margin-bottom: 45px;
  }
  #menuMain ul li.menu0:last-child {
    margin-bottom: 30px;
  }
  #menuMain ul li.menu0:nth-child(6n - 5) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 5) a.menu0::after {
    height: 30px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu0:nth-child(6n - 5) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 5) a.menu0::after {
    height: 45px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(6n - 5) a.menu0::before {
    background-image: url(/template/image/mobile/mountain.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 5) a.menu0::after {
    background-image: url(/template/image/mobile/mountain-hover.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 4) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 4) a.menu0::after {
    height: 42px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu0:nth-child(6n - 4) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 4) a.menu0::after {
    height: 68px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(6n - 4) a.menu0::before {
    background-image: url(/template/image/mobile/runners.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 4) a.menu0::after {
    background-image: url(/template/image/mobile/runners-hover.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 3) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 3) a.menu0::after {
    height: 45px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu0:nth-child(6n - 3) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 3) a.menu0::after {
    height: 69px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(6n - 3) a.menu0::before {
    background-image: url(/template/image/mobile/time.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 3) a.menu0::after {
    background-image: url(/template/image/mobile/time-hover.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 2) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 2) a.menu0::after {
    height: 35px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu0:nth-child(6n - 2) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 2) a.menu0::after {
    height: 50px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(6n - 2) a.menu0::before {
    background-image: url(/template/image/mobile/photo.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 2) a.menu0::after {
    background-image: url(/template/image/mobile/photo-hover.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 1) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 1) a.menu0::after {
    height: 45px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu0:nth-child(6n - 1) a.menu0::before, #menuMain ul li.menu0:nth-child(6n - 1) a.menu0::after {
    height: 65px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(6n - 1) a.menu0::before {
    background-image: url(/template/image/mobile/micro.svg);
  }
  #menuMain ul li.menu0:nth-child(6n - 1) a.menu0::after {
    background-image: url(/template/image/mobile/micro-hover.svg);
  }
  #menuMain ul li.menu0:nth-child(6n) a.menu0::before, #menuMain ul li.menu0:nth-child(6n) a.menu0::after {
    height: 40px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu0:nth-child(6n) a.menu0::before, #menuMain ul li.menu0:nth-child(6n) a.menu0::after {
    height: 56px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(6n) a.menu0::before {
    background-image: url(/template/image/mobile/shopping-cart.svg);
  }
  #menuMain ul li.menu0:nth-child(6n) a.menu0::after {
    background-image: url(/template/image/mobile/shopping-cart-hover.svg);
  }
  #menuMain ul li.menu1 {
    margin: 30px 70px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu1 {
    margin: 30px 120px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 640px) {
  #menuMain ul li.menu1 {
    margin: 30px 145px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu1:first-child {
    margin-top: 0;
  }
  #menuMain ul li.menu1:last-child {
    margin-bottom: 0;
  }
  #menuMain ul li.menu2 {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  #menuMain ul li.menu2:first-child {
    margin-top: 0;
  }
  #menuMain ul li.menu2:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li.menu2 {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 640px) {
  #menuMain ul li.menu2 {
    margin-left: 30px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li > a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  #menuMain ul li > a:hover, #menuMain ul li > a.menuselected:not(.parent) {
    color: #fbbd3c;
  }
  #menuMain ul li > a.menu0 {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li > a.menu0 {
    font-size: 26px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 640px) {
  #menuMain ul li > a.menu0 {
    font-size: 32px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li > a.menu0:hover::before, #menuMain ul li > a.menu0.menuselected::before {
    opacity: 0;
  }
  #menuMain ul li > a.menu0:hover::after, #menuMain ul li > a.menu0.menuselected::after {
    opacity: 1;
  }
  #menuMain ul li > a.menu0::before, #menuMain ul li > a.menu0::after {
    display: inline-block;
    width: 70px;
    content: "";
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li > a.menu0::before, #menuMain ul li > a.menu0::after {
    width: 120px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 640px) {
  #menuMain ul li > a.menu0::before, #menuMain ul li > a.menu0::after {
    width: 145px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li > a.menu0::after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  #menuMain ul li > a.menu1 {
    font-size: 18px;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li > a.menu1 {
    font-size: 22px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 640px) {
  #menuMain ul li > a.menu1 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li > a.menu2 {
    color: #fbbd3c;
    font-size: 16px;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 1430px) and (min-width: 450px) {
  #menuMain ul li > a.menu2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 1430px) and (min-width: 640px) {
  #menuMain ul li > a.menu2 {
    font-size: 22px;
  }
}

@media screen and (min-width: 1431px) {
  .menuHolder #menuMain {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    padding-left: 10px;
  }
  .menuHolder #menuMain ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .menuHolder #menuMain ul.menu1 {
    margin-top: 10px;
    /*display: block !important;
          height: auto !important;*/
  }
  .menuHolder #menuMain ul.menu2 {
    display: none;
  }
  .menuHolder #menuMain ul li.menu0 {
    position: absolute;
    display: block;
    min-width: 320px;
    padding: 35px 40px;
    background-color: rgba(0, 0, 0, 0.76);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    opacity: 0;
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    -o-transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;
  }
  .menuHolder #menuMain ul li.menu0.show {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .menuHolder #menuMain ul li.menu0 > .styleDivArrowAdmin {
    left: 15px;
  }
  .menuHolder #menuMain ul li.menu1 {
    position: relative;
  }
  .menuHolder #menuMain ul li.menu1 > .styleDivArrowAdmin {
    left: -20px;
    top: 6px;
  }
  .menuHolder #menuMain ul li.menu2 {
    position: relative;
  }
  .menuHolder #menuMain ul li.menu2 > .styleDivArrowAdmin {
    left: 25px;
    top: 6px;
  }
  .menuHolder #menuMain ul li > a.menu0 {
    display: block;
    color: #fbbd3c;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .menuHolder #menuMain ul li > a.menu1 {
    display: block;
    padding: 8px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #fbbd3c;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  .menuHolder #menuMain ul li > a.menu2 {
    display: block;
    margin-left: 45px;
    padding: 8px 0;
    color: #fbbd3c;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
  }
}

#menuBottomMain ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menuBottomMain ul li {
  margin-bottom: 10px;
  position: relative;
}

#menuBottomMain ul li > .styleDivArrowAdmin {
  left: -16px;
  top: -2px;
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin {
  position: absolute;
  z-index: 200;
  display: none;
  padding: 0;
  font-size: 11px;
  background-color: #f5f5f5;
  border: 1px solid #999999;
}

div.styleMenuAdmin div {
  padding: 2px 5px 2px 5px;
}

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;
}

.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;
}

/* MEDIA QUERIES */
@media only screen and (min-width: 1431px) {
  #leftPanel,
  #menuIcone {
    display: none;
  }
}
#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index:5;
	}
	#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:hover .infos
	{
		max-width:300px;
		max-height:750px;
		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
{
	padding-bottom:18px;
}

#newsListCtn .listElement .date
{
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 6px 10px;
	background-color: #fbbd3c;
	color:#fff;
	font-weight: 600;
	font-size:13px;
}
/*Styles spécifiques du plugin page en T1 */#partenaireEdit .previewsvg {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 350px;
  padding: 20px;
}

#partenaireListCtn.listCtn .listElement-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#partenaireListCtn.listCtn .listElement-content img {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100%;
  max-width: 150px;
}
.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;
}



/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#fbbd3c;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 20px;
    text-transform: uppercase;
    COLOR: #fbbd3c;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
  text-transform: uppercase;
    FONT-SIZE: 18px;
    COLOR: #fbbd3c;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 16px;
    COLOR: #333333;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 14px;
    COLOR: #333333;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
#sliderCtn {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#sliderCtn:before {
  display: block;
  padding-top: 140%;
  content: "";
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

@media screen and (min-width: 450px) {
  #sliderCtn:before {
    padding-top: 120%;
  }
}

@media screen and (min-width: 640px) {
  #sliderCtn:before {
    padding-top: 80%;
  }
}

@media screen and (min-width: 800px) {
  #sliderCtn:before {
    padding-top: 60%;
  }
}

@media screen and (min-width: 940px) {
  #sliderCtn:before {
    padding-top: 45%;
  }
}

@media screen and (min-width: 1200px) {
  #sliderCtn:before {
    padding-top: 35%;
  }
}

@media screen and (min-width: 1550px) {
  #sliderCtn:before {
    padding-top: 30%;
  }
}

.home #sliderCtn:before {
  display: block;
  padding-top: 180%;
  content: "";
}

@media screen and (min-width: 450px) {
  .home #sliderCtn:before {
    padding-top: 160%;
  }
}

@media screen and (min-width: 640px) {
  .home #sliderCtn:before {
    padding-top: 120%;
  }
}

@media screen and (min-width: 800px) {
  .home #sliderCtn:before {
    padding-top: 100%;
  }
}

@media screen and (min-width: 940px) {
  .home #sliderCtn:before {
    padding-top: 80%;
  }
}

@media screen and (min-width: 1200px) {
  .home #sliderCtn:before {
    padding-top: 75%;
  }
}

@media screen and (min-width: 1350px) {
  .home #sliderCtn:before {
    padding-top: 60%;
  }
}

@media screen and (min-width: 1550px) {
  .home #sliderCtn:before {
    padding-top: 50%;
  }
}

#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;
  display: none;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  -webkit-background-size: cover;
  background-size: cover;
}

#sliderCtn .sliderElementCtn .sliderElement.current {
  top: 0;
  left: 0;
  display: block;
  opacity: 1 !important;
}

#sliderCtn .cursor {
  cursor: default;
}

#sliderCtn .slogan {
  display: none;
}

#sliderCtn .slogan.empty {
  display: none;
}

#sliderCtn .arrow,
#sliderCtn #bullets {
  display: none;
}

#sliderCtn #bullets {
  position: absolute;
  right: 10px;
  bottom: 18%;
  z-index: 5;
  display: none;
}

@media screen and (min-width: 1200px) {
  #sliderCtn #bullets {
    display: block;
  }
}

#sliderCtn #bullets a {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin-bottom: 10px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#sliderCtn #bullets a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

#sliderCtn #bullets a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

#sliderCtn #bullets a.active::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background-color: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#sliderCtn #bullets a.active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

#sliderCtn #bullets a:last-child {
  margin-bottom: 0;
}
#temoignageListCtn .listElement {
  padding-bottom: 18px;
}

#temoignageListCtn .listElement .date {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 6px 10px;
  background-color: #fbbd3c;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	margin-top: 10px;
	margin-bottom: 45px;
	font-size:12px;
	
	font-family: "Ziamimi";
	font-weight: 700;
	
	color: #333333;
}

#youarehereCtn .header
{
	position:relative;
	display:inline-block;
	vertical-align: middle;
}
#youarehereCtn .header {
	margin: 0;
}
#youarehereCtn a
{
	display:inline-block;
	vertical-align: middle;
	color: #333333;
}
#youarehereCtn a:last-child
{
	color: #fbbd3c;
	margin-left: 5px;
}
#youarehereCtn span
{
	display:inline-block;
	vertical-align: middle;
}
#youarehereCtn span.separator
{
	margin: 0 5px 0 5px;
}