@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");
}
@font-face {
  font-family: 'digital-7';
  src: url('/fonts/digital-7-webfont.eot');
  src: url('/fonts/digital-7-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/digital-7-webfont.woff2') format('woff2'),
  url('/fonts/digital-7-webfont.woff') format('woff'),
  url('/fonts/digital-7-webfont.ttf') format('truetype'),
  url('/fonts/digital-7-webfont.svg#digital-7regular') format('svg');
  font-weight: normal;
  font-style: normal;

}

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

  padding: 0;
  margin: 0;

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

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

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

/*Zone home des slogan*/
.header-slogan
{
  display: block;
  position: absolute;
  z-index: 1;
 /* bottom:12%;
  left:15%;
  width:100%;*/

  /*pour la home ok*/
  top:70px;
  bottom:auto;
  left:auto;
  text-align: center;
  padding:0 20px;
  width: 100%;
  box-sizing: border-box;
}
.header-slogan .ctn
{
  display: inline-block;
}
.header-slogan span
{
  display: block;
  color:#FFFFFF;
  text-align: left;
}
.header-slogan span.logo-sponsor
{
  width:350px;
  height:56px;

  background-image:url(/template/image/ubs-salomon.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.header-slogan span.logo-sponsor
{
  width:197px;
  height:32px;
}
.header-slogan span.first
{
  font-family:Ziamimi;
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  margin:20px 0 5px 0;
}

.header-slogan span.first
{
  font-size: 30px;
  margin:40px 0 5px 0;
}
.header-slogan span.date
{
  font-size: 24px;
  font-weight: 500;
}
.header-slogan span.date
{
  font-size: 18px;
}
@media screen and (min-width: 640px)
{
  /*Page intérieur*/
  .header-slogan
  {
    display: block;
    position: absolute;
    z-index: 1;
    left:20px;
    width: 100%;
    top:30%;
    text-align: left;
  }

  .header-slogan span.logo-sponsor {
    width: 350px;
    height: 56px;
  }
  .header-slogan span.first {

    font-size: 36px;
    margin: 20px 0 5px 0;
  }
  .header-slogan span.date {
    font-size: 24px;
  }

  .home .header-slogan
  {
    top:20%;
    bottom: auto;
    left: auto;
  }
  .home .header-slogan span.logo-sponsor
  {
    width:582px;
    height:94px;

  }
  .home .header-slogan span.first
  {
    font-size: 72px;
  }
  .home .header-slogan span.date
  {
    font-size: 48px;
  }
}
@media screen and (min-width: 900px) {
  /*Page intérieur*/
  .header-slogan
  {
    bottom: 40%;
    left: 10%;
    top:auto;
  }
  .home .header-slogan {
    top: 25%;
    bottom:auto;
    left:auto;
  }
}
@media screen and (min-width: 1100px) {
  .home .header-slogan {
    top: 30%;
    text-align: center;
    bottom:auto;
    left:auto;
  }
}
@media screen and (min-width: 1500px)
{
  .header-slogan
  {
    bottom: 12%;
    left: 15%;
    top:auto;
  }

  .home .header-slogan {
    padding:0;
    top: 43%;
    bottom:auto;
    left:auto;
  }
}
  /*Fin zone home slogan*/

/*Zone home accès direct*/
section.section-accesdirect
{
  width: 100%;
  z-index: 1;
  position: relative;
}
section.section-accesdirect a
{
  display:block;
  float:left;
  width:calc(100% / 3);
  height:100px;
  background-color: #f3f3f3;
  box-sizing: border-box;
  vertical-align: top;
  transition: all 0.5s;
}
section.section-accesdirect a:hover
{
  background-color:#fbbd3c!important;
  transform: scale(1.1);
  box-shadow: 2px 3px 7px 0px rgba(1, 1, 1, 0.35);
}
section.section-accesdirect a:nth-child(odd)
{
  background-color: #f8f8f8;
}
section.section-accesdirect a span
{
  display: block;
  margin:0 auto;
  text-align: center;
}
section.section-accesdirect a span.icon
{
  background-size: 60% auto;
  background-position: center center;
  background-repeat: no-repeat;
  margin:0 auto 0 auto;
}
section.section-accesdirect a:nth-child(1) span.icon
{
  background-image:url(/template/image/mobile/course-jaune.svg);
  width:65px;
  height:61px;
  margin-top: 5px;
  margin-bottom: 2px;
}
section.section-accesdirect a:hover:nth-child(1) span.icon
{
  background-image:url(/template/image/mobile/course.svg);
}
section.section-accesdirect a:nth-child(2) span.icon
{
  background-image:url(/template/image/mobile/medaille-jaune.svg);
  width:67px;
  height:59px;
  margin-top: 8px;
  margin-bottom: 0px;
}
section.section-accesdirect a:hover:nth-child(2) span.icon
{
  background-image:url(/template/image/mobile/medaille.svg);
}
section.section-accesdirect a:nth-child(3) span.icon
{
  background-image:url(/template/image/mobile/groupe-jaune.svg);
  width:63px;
  height:56px;
  margin-top: 9px;
  margin-bottom: 2px;
}
section.section-accesdirect a:hover:nth-child(3) span.icon
{
  background-image:url(/template/image/mobile/groupe.svg);
}
section.section-accesdirect a:nth-child(4) span.icon
{
  background-image:url(/template/image/mobile/bouteille-jaune.svg);
  width:27px;
  height:74px;
  margin-top: -5px;
  margin-bottom: 2px;
}
section.section-accesdirect a:hover:nth-child(4) span.icon
{
  background-image:url(/template/image/mobile/bouteille.svg);
}
section.section-accesdirect a:nth-child(5) span.icon
{
  background-image:url(/template/image/mobile/journal-jaune.svg);
  width:66px;
  height:49px;
  margin-top: 16px;
  margin-bottom: 4px;
}
section.section-accesdirect a:hover:nth-child(5) span.icon
{
  background-image:url(/template/image/mobile/journal.svg);
}
section.section-accesdirect a:nth-child(6) span.icon
{
  background-image:url(/template/image/mobile/mains-jaune.svg);
  width:82px;
  height:56px;
  margin-top: 11px;
  margin-bottom: 2px;
}
section.section-accesdirect a:hover:nth-child(6) span.icon
{
  background-image:url(/template/image/mobile/mains.svg);
}
section.section-accesdirect a span.txt
{
  font-family: Ziamimi;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color:#000000;
}
section.section-accesdirect a:hover span.txt
{
  color:#FFFFFF;
}
section.section-accesdirect a span.savoirPlus
{
  display:none;
  font-size: 12px;
  color:#FFFFFF;
  display:none;
  transition: all 0.5s;
  font-family: Ziamimi;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top:10px;
}

.wrapper:after
{
  content:"";
  display: block;
  clear:both;
}

@media only screen and (min-width: 900px)
{
  section.section-accesdirect a
  {
    height:210px;
  }
  section.section-accesdirect a span.icon
  {
    background-size: contain;
  }
  section.section-accesdirect a:nth-child(1) span.icon
  {
    margin-top:48px;
    margin-bottom:15px;
  }
  section.section-accesdirect a:nth-child(2) span.icon
  {
    margin-top:50px;
    margin-bottom:15px;
  }
  section.section-accesdirect a:nth-child(3) span.icon
  {
    margin-top:53px;
    margin-bottom:15px;
  }
  section.section-accesdirect a:nth-child(4) span.icon
  {
    margin-top:36px;
    margin-bottom:15px;
  }
  section.section-accesdirect a:nth-child(5) span.icon
  {
    margin-top:59px;
    margin-bottom:15px;
  }
  section.section-accesdirect a:nth-child(6) span.icon
  {
    margin-top:50px;
    margin-bottom:15px;
  }
  section.section-accesdirect a span.txt
  {
    font-size: 24px;
  }
  section.section-accesdirect a:hover span.savoirPlus
  {
    display:block;
  }
  section.section-accesdirect a span.savoirPlus
  {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  section.section-accesdirect a {
    width: calc(100% / 6);
  }
}
  /*fin zone home accès direct*/

.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: 11%;
    right: 2.5%;
    left: auto;
  }
}

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

/*Style logo Golden Trail du sommet*/
.divGoldenTrail, .divGoldenTrailNational
{
	background:#dcdcdc;
	display:block;
	position:absolute;
	z-index:4;
	top:0;
	right:25%;
	padding:10px 14px 7px 14px;
	border-radius: 0 0 10px 10px;
}
.divGoldenTrail{
  right:calc(25% + 80px);
}
.divGoldenTrailNational{
  padding:10px 6px 7px 6px;
}
.divGoldenTrail img
{
	width:45px;
}
.divGoldenTrailNational img{
  width:61px;
}

@media screen and (min-width: 600px)
{
	.divGoldenTrailNational
	{
		right:15%;		
	}
  .divGoldenTrail
  {
    right:calc(15% + 80px);
  }
}

@media screen and (min-width: 1200px)
{
	.home .divGoldenTrail
	{
		padding:20px 14px 7px 14px;
      right:calc(35% + 100px);
	}
    .home .divGoldenTrailNational
    {
      padding:20px 2px 7px 2px;
      right:35%;

    }
	.home .divGoldenTrail img
	{
		width:65px;
	}
    .home .divGoldenTrailNational img
    {
      width:89px;
    }
}

@media screen and (min-width: 1431px)
{
	.home .divGoldenTrail
	{
      right:calc(30% + 100px);
	}
    .home .divGoldenTrailNational{
      right:30%;
    }
}

@media screen and (min-width: 1550px)
{
	.divGoldenTrail
	{
      right:calc(15% + 80px);
	}
    .divGoldenTrailNational{
      right:15%;
    }
	.home .divGoldenTrail
	{
      right:calc(30% + 100px);
	}
  .home .divGoldenTrailNational{
    right:30%;
  }
}

@media screen and (min-width: 1700px)
{
	.home .divGoldenTrail
	{
      right:calc(20% + 100px);
	}

    .home .divGoldenTrailNational
    {
      right:20%;
    }
}
@media screen and (min-width: 1750px)
{
  .divGoldenTrail
  {
    right:calc(16% + 110px);
  }
  .divGoldenTrailNational
  {
    right:16%;
  }
  .divGoldenTrail img
  {
  	width:65px;
  }
  .divGoldenTrailNational img
  {
    width:88px;
  }
}


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

header.header
{
  position: relative;
}


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

.slider-mountains
{
  position: relative;
  z-index: 2;

  width: 100%;
  overflow: hidden;
}

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

  content: "";
}

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

/*Zone logo*/
header.header .ctn-header-black
{
  background-color:#000000;
  height:50px;
}
@media screen and (min-width: 900px)
{
  header.header .ctn-header-black
  {
    background-color: transparent;
    height:auto;
  }
}
header.header .header-logo
{
  position: absolute;
  top: 16px;
  left: 15px;
  z-index: 10;

  width: 125px;
  height:19px;
  max-width:508px;
}

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

@media screen and (min-width: 900px)
{
  header.header .header-logo
  {
    top: 50px;
    left: 3%;
    width: 90%;
    height:auto;
  }
  header.header .header-logo img
  {
    width: 300px;
  }
}
@media screen and (min-width: 1100px)
{
  header.header .header-logo img
  {
    width: 100%;
  }
}
/*fin zone logo*/

/*Zone menu mobile*/
header.header .header-mobile
{
  position: absolute;
  top: 12px;
  right:15px;
  z-index: 3;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

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

header.header .is-shop-mobile
{
    background-image:url(/template/image/shopping-cart-jaune.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width:23px;
    height:21px;
  display: block;
  position: absolute;
  right:60px;
  top:14px;
}
@media screen and (min-width: 900px)
{
  header.header .is-shop-mobile
  {
    display:none;
  }
}
/*Fin menu mobile*/

header.header .header-nav
{
  position: absolute;
  top: 150px;
  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;
  width: 96px;
  position: fixed;
  box-sizing: border-box;
}

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;
  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;
  padding: 20px 0;
  height:55px;
  background-color: #000000;
  width:100%;
  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)
{
  height:40px;
}
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: 63px;
  height: 34px;
}

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

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 5)::after
{
  background-image: url(/template/image/mobile/mountain.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: 54px;
  height: 51px;
}

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

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 4)::after
{
  background-image: url(/template/image/mobile/course.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: 57px;
  height: 50px;
}

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

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 3)::after
{
  background-image: url(/template/image/mobile/medaille.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: 56px;
  height: 51px;
}

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

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

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 1)
{
  height:80px;
}
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: 30px;
  height: 73px;
}

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

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(6n - 1)::after
{
  background-image: url(/template/image/mobile/bouteille.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: 50px;
  height: 41px;
}

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

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

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

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

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

header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(8n)
{
  margin-top:22px;
}
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(8n)::before,
header.header .header-nav .box.is-menu .menuSimulator > a:nth-child(8n)::after
{
  width: 60px;
  height: 53px;
}

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

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

/*Boutons réseaux sociaux*/
header.header .box.is-social
{
  display: none;
}
@media screen and (min-width: 900px)
{
  header.header .box.is-social
  {
    position: absolute;
    right:80px;
    top:43px;
    z-index: 10;
    display: block;
  }

  header.header .box.is-social > a
  {
    display: inline-block;
    margin: 0 ;
    font-size: 25px;
    text-align: center;
  }

  header.header .box.is-social > a img
  {
    width:80%;
  }

  header.header .box.is-social a.is-shop
  {
    border:1px solid #fbbd3c;
    box-shadow: 2px 3px 7px 0px rgba(1, 1, 1, 0.35);
    width:110px;
    height:44px;
    vertical-align: top;
    margin: 0 5px 0 0;
  }
  header.header .box.is-social a.is-shop span
  {
    text-shadow: 2px 3px 7px rgba(1, 1, 1, 0.35);
    font-family: "Ziamimi";
    font-size: 25px;
    font-weight: 700;
    margin-top:7px;
    display: block;
  }

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

}
@media screen and (min-width: 1100px)
{
  header.header .box.is-social
  {
    top:45px;
  }

  header.header .box.is-social > a
  {
    margin: 0 15px 0 0;
  }

  header.header .box.is-social > a img
  {
    width:100%;
  }

  header.header .box.is-social a.is-shop
  {
    width:160px;
    height:54px;
    margin: 0 15px 0 0;
  }
  header.header .box.is-social a.is-shop span
  {
    font-size: 30px;
  }
}
@media screen and (min-width: 1431px) {
  header.header .box.is-social {
    right: 35px;
    top:50px;
  }
}
/*Fin Boutons réseaux sociaux*/
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: 0;
  }
  .home header.header .header-partners
  {
    top: 8%;
    right: 2.5%;
  }
}
@media screen and (min-width: 1750px)
{
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;
  }
}

@media screen and (min-width: 1550px)
{
	header.header .header-partners .partners-list .list-logo
{
	margin:0 5px 0;
}
.home	header.header .header-partners .partners-list .list-logo
{
	margin:0 18px 0;
}
 header.header .header-partners .partners-list .list-logo.is-ubs img
  {
   width:80%;
  }
  .home header.header .header-partners .partners-list .list-logo.is-ubs img
  {
    max-width: 147px;
  	width:100%;
  }

}
@media screen and (min-width: 1750px)
{
	header.header .header-partners .partners-list .list-logo
	{
		margin:0 18px 0;
	}
 	header.header .header-partners .partners-list .list-logo.is-ubs img
  {
   width:100%;
  }


}

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;
  }
}
@media screen and (min-width: 1550px)
{
 	header.header .header-partners .partners-list .list-logo.is-emile-chouriet img
  {
   width:80%;
  }
 .home header.header .header-partners .partners-list .list-logo.is-emile-chouriet img
  {
   width:100%;
  }
}
@media screen and (min-width: 1750px)
{
 	header.header .header-partners .partners-list .list-logo.is-emile-chouriet img
  {
   width:100%;
  }

}

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: 53%;

    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.is-news
{
  padding-top:0;
}
section.is-courses .section-content, section.is-news .section-content
{
  padding: 0 0 20px;
  overflow: hidden;
}

section.is-courses .section-content .courses-wrapper, section.is-news .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;
  margin: 40px auto 0 auto;
  max-width: 1360px; /*1480px;*/

}
@media only screen and (min-width: 640px)
{
  section.is-courses .section-content .courses-wrapper, section.is-news .section-content .courses-wrapper
  {
    margin: 80px auto 50px auto;
  }
}
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;

  -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: 200px;
  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;
  }
}
@media screen and (min-width: 1150px)
{
  section.is-courses .section-content .courses-wrapper .courses-group .group-elements
  {
    border-right: 1px solid #000000;
  }
}

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

.home h5
{
  margin-top: 60px;
  font-size: 20px;
  letter-spacing: 3px;
}
.home .content-title .resume
{
  font-size: 16px;
  color: #000000;
  font-family: "Montserrat";
  font-weight: 400;
  margin-top: 30px;
  display: block;
  line-height: 22px;
}
@media screen and (min-width: 640px)
{

  section.is-labels
  {
    padding: 40px 0;
  }

  .home h5
  {
    margin-top: 120px;
    font-size: 36px;
  }
  .home .content-title .resume
  {
    font-size: 29px;
    line-height: inherit;
  }
}
.home .container
{
  max-width: 1360px; /*1480px;*/
  padding-right:8%;
  box-sizing: border-box;
}

footer .container, .home footer .container
{
  max-width: 1360px; /*1480px;*/
  padding-right:10px;
  box-sizing: border-box;
}

@media screen and (min-width: 900px)
{
  footer .container, .home footer .container
  {
    padding-right:0;
  }
}

section.is-labels .section-content .labels-wrapper
{
  -webkit-align-items: center;
          align-items: center;

  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;

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

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

  margin-top:70px;
}

section.is-labels .section-content .labels-wrapper .label
{
  -webkit-align-content: center;
          align-content: center;
  -webkit-flex-basis: -webkit-calc(25% );
          flex-basis:         calc(25%);
  -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(25% );
  min-width:         calc(25% );
  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(25% - 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;
}

section.is-labels .section-content .labels-wrapper .label:nth-child(1) img
{
  width:76px;
  max-height: 188px;
  max-width: 100%;
}

section.is-labels .section-content .labels-wrapper .label:nth-child(2) img
{
  width:102px;
  max-height: 188px;
  max-width: 100%;
}

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


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

@media screen and (min-width: 640px)
{
  section.is-labels .section-content .labels-wrapper .label:nth-child(1) img,
  section.is-labels .section-content .labels-wrapper .label:nth-child(2) img
  {
    width:auto;
  }
}

@media screen and (max-width: 600px)
{
  section.is-labels .section-content .labels-wrapper .label:nth-child(1),
  section.is-labels .section-content .labels-wrapper .label:nth-child(2),
  section.is-labels .section-content .labels-wrapper .label:nth-child(3),
  section.is-labels .section-content .labels-wrapper .label:nth-child(4)
  {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    min-width: 50%;
    -ms-flex-preferred-size: 50%;
  }
}

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

/*Les chiffres*/
section.is-counter
{
  background-color: #ffffff;
  padding:0;
}

section.is-counter .container
{
  padding-right: 0;
}
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:80px 0 160px 0;
}

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 (min-width: 640px)
{
  section.is-counter
  {
    padding:40px 0;
  }
}

@media screen and (max-width: 1400px)
{
  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: 900px) and (max-width: 1400px)
{
  section.is-counter .section-content .content-counter .counter
  {
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;

    max-width: 33%;

    -webkit-box-flex: 0;
  }
}

@media screen and (min-width: 640px) 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;
  color:#000000;
}

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: 100px;
  }
}

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: 100px;
  }
}

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: "’";
}

/*Fin des chiffres*/

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;
}*/
body section.is-partenaires img.light
{
  display: none;
}
section.is-livefeed
{
  padding:0;
}
section.is-livefeed .container
{
  padding-right:10px;
}

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

@media screen and (min-width: 640px)
{
  section.is-livefeed
  {
    padding:40px 0;
  }
  section.is-livefeed .container
  {
    padding-right: 0;
  }
}

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.footer .footer-wrapper
{
  display:flex;
  flex-direction: column;
}
footer.footer .zoneNoire
{
  background-color: #000000;
  padding-bottom: 70px;
}

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;
  padding: 20px 0;

  color: #ffffff;
  font-weight: 400;

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

  text-align: center;
}

footer.footer .zoneBlanche .container > div
{
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 100%;
}

footer.footer .zoneBlanche .social .titre
{
  font-size: 22px;
  font-family: Ziamimi;
  font-weight: 700;
  color:#fbbd3c;
  display:block;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 20px;
}
footer.footer .zoneBlanche .social
{
  margin-top: 36px;
}
footer.footer .zoneBlanche .social .icon
{
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: top;
  margin-bottom: 20px;
}
footer.footer .zoneBlanche .social .icon a
{
  margin-left:20px;
  display: inline-block;
}
footer.footer .zoneBlanche .social .icon a:nth-child(1)
{
  margin-left: 0;
}


footer.footer .footer-wrapper > div.footer-menu
{
  margin-top:70px;
  order:2;
  display:flex;
}
footer.footer .footer-wrapper .footer-address
{
  margin-top:70px;
  order:1;
  display:flex;
}
footer.footer .footer-wrapper .footer-newsletter
{
  margin-top:110px;
  order:3;
  display:flex;
  flex-direction: column;
  text-align: center;
}
footer.footer .footer-wrapper .footer-address img
{
  width:230px;
  margin:0 auto 30px auto;
}
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;
  -webkit-box-align: center;
  */
  margin-top: 10px;


  color:#cacaca;
  font-size: 16px;
}
footer.footer .footer-wrapper .footer-address div:nth-of-type(2) .text
{
  margin-bottom:40px;
}
footer.footer .footer-wrapper .footer-address .line .text a
{
  color:#cacaca;
}

footer.footer .footer-wrapper .footer-address .line .text span[itemprop=streetAddress]
{
  display: block;
}
footer.footer .footer-wrapper .footer-address .line .text .entete
{
  font-weight: bold;
  text-transform: uppercase;
  color:#FFFFFF;
}

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

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

  padding: 20px 0;

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


footer.footer .footer-wrapper .footer-newsletter .title
{
  font-family: Ziamimi;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color:#FFFFFF;
  margin-bottom: 10px;
}
footer.footer .footer-wrapper .footer-newsletter .title span
{
  display: inline-block;
}
footer.footer .footer-wrapper .footer-newsletter .title span:nth-child(2)
{
  color:#fbbd3c;
}
footer.footer .footer-wrapper .footer-newsletter a.button
{
  background-image: url(/template/image/fdNewsletter.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width:364px;
  height:66px;
  max-width: 100%;
  display: block;
  color:#FFFFFF;
  font-size: 15px;
  padding:20px 0 0 20px;
  box-sizing:border-box;
  text-align: left;
  margin: 0 auto;
}

footer.footer .zoneBlanche .container > div.design
{
  color:#000000;
  font-size: 12px;
  margin:40px auto 20px auto;
  display: block;
}

footer.footer .design a
{
  color: #000000;
}

@media screen and (min-width: 900px)
{
  footer.footer
  {
    padding: 40px 0 0;
  }
  footer.footer .zoneBlanche .social .titre
  {
    display:inline-block;
  }
  footer.footer .footer-wrapper
  {
    display:block;
  }

  footer.footer .footer-wrapper .footer-address
  {
    text-align:left;
  }
  footer.footer .zoneBlanche .container > div
  {
    text-align: left;
  }
  footer.footer .zoneBlanche .container > div:nth-child(1)
  {
    width:100%;
    text-align: center;
  }
  footer.footer .zoneBlanche .container > div:nth-child(2)
  {
    width: 50%;
    float: right;
    margin: 24px 20px 0 0;
    text-align: right;
  }
  footer.footer .zoneBlanche .social .titre
  {
    padding-bottom:0;
  }
  footer.footer .zoneBlanche .social .icon
  {
    margin-bottom: 0;
  }
  footer.footer .zoneBlanche .social .icon a:nth-child(1)
  {
    margin-left:20px;
  }
  footer.footer .footer-wrapper > div
  {
    float:left;

  }
  footer.footer .footer-wrapper > div.footer-menu
  {
    width:100%;
    display: inline-block;
    text-align: center;
    order:1;
  }
  footer.footer .footer-wrapper .footer-address
  {
    width:50%;
    box-sizing: border-box;
    padding-left:50px;
    display: block;
    order:2;
  }
  footer.footer .footer-wrapper .footer-newsletter
  {
    width:50%;
    display:block;
    flex-direction: inherit;
  }
  footer.footer .footer-wrapper .footer-address img
  {
    margin: 0 0 10px 0;
  }
  footer.footer .footer-wrapper .footer-address div:nth-of-type(2) .text
  {
    margin-bottom:0;
  }
  footer.footer .footer-wrapper .footer-address .line .text
  {
    margin-left: 10px;
  }
  footer.footer .footer-wrapper .footer-newsletter .title
  {
    font-size: 21px;
  }
  footer.footer .zoneBlanche .container > div.design
  {
   margin:40px 0 20px 0;
  }
}

@media screen and (min-width: 1500px)
{
  footer.footer .footer-wrapper > div.footer-menu
  {
    width:51%;
    display: block;
    text-align: left;
  }
  footer.footer .footer-wrapper .footer-address
  {
    width:22%;
    padding-left:0;
  }
  footer.footer .footer-wrapper .footer-newsletter
  {
   width:27%;
  }
  footer.footer .zoneBlanche .container > div:nth-child(1)
  {
    width:73%;
    text-align:left;
  }
  footer.footer .zoneBlanche .container > div:nth-child(2)
  {
    width:26%;
    float: none;
    margin: 36px 0 0 0;
  }
}

/*Fin footer*/
h1,
h2,
h3,
h4,
h5,
h6
{
  padding: 0;
  margin: 0;

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

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

.home h1
{
  font-size: 20px;
}

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

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, a:hover, a:link, a:visited
{
  color: #fbbd3c;
  text-decoration: none;
}

p, .sz-button
{
  margin: 15px 0 30px;
}

p:first-child, .sz-button:first-child
{
  margin-top: 0;
}

.sz-button, a.sz-button
{
	display: block;
    background: #fbbd3c;
    color: #ffffff;
    box-sizing: border-box;
    padding: 9px 15px 7px 15px;
    border-radius: 10px;
    text-align: center;
	font-family:"Montserrat";
	font-size:16px;
    font-weight: bold;
    max-width: 600px;
    text-decoration: none;
    text-transform: uppercase;
	margin: 30px 0 30px;
	transition:all .5s;
}
.sz-button:hover, a.sz-button:hover
{
	background:#000000;
}

@media screen and (min-width: 640px)
{
	p
	{
		margin: 22px 0 22px;
	}
  
	.sz-button
	{  
  		margin: 36px 0 36px;
		padding: 9px 30px 7px 30px;
		font-size:18px;
	}
}

/* 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: #000000;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

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

.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;
}
.htmlcontent table tr td, .htmlcontent table tr th,
.bgEditor table tr td, .bgEditor table tr th
{
  border:0;
  padding-left:10px;
}
.htmlcontent table.withBorder tr td,
.bgEditor table.withBorder tr td
{
  border:1px solid #DEDEDE;
}
.htmlcontent table.withBorder tr th,
.bgEditor table.withBorder tr th
{
  border:1px solid #ffffff;

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

}

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],
section.section input[type=email],
section.section select, section.section textarea
{
  position: relative;

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

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

  -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=text]:required,
section.section input[type=password].mandatory,
section.section input[type=date].mandatory,
section.section input[type=email].mandatory,
section.section textarea.mandatory,
section.section select.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;
}

.inf-submit{
  text-align:center!important;
  margin-top:40px;
}
.inf-main_21f2a5c3244b531186b4e7f91d555861 > span
{
  font-size:inherit!important;
  margin: 40px 0 40px 0;
  display: block;
}
.inf-btn{
  display:none!important;
}

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;
  z-index: 10;
}

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

.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 {
  margin-top:10px;
  width: 214px;
}

/*style pour la montre du Time Officiel*/
#watchNorqain
{
  position: absolute;
  display:block;
  z-index: 1;

  right:auto;
  bottom:0;
  top:auto;
  left:-5px;
}
section.section.is-live .section-content .content-title{
  margin-right:70px;
}

#watchNorqain .container-full {

  width: 60px;
  z-index: 0;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  border: 0px solid green;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid green;
}

#watchNorqain .container {
  height: 80%;
  position: relative;
  z-index: auto;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  border: 0px pink solid;
}
@media screen and (min-width: 640px)
{
  #watchNorqain
  {
    left:-67px;
  }
  #watchNorqain .container-full
  {
    width: 100px;
  }
}
#watchNorqain .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: flex-wrap;
  flex-flow: flex-wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#watchNorqain .row::after {
  content: '';
  display: table;
  clear: both;
}

#watchNorqain .uhr {
  position: relative;
  display: inline-block;
}

#watchNorqain .uhr img {
  max-width: 100%;
  max-height: 80vh;
  display: block;
}

#watchNorqain .dial {
  top: 0;
  position: absolute;
  width: 75%;
  height: 53%;
  border-radius: 50%;
  margin: 20% auto 0;
  left: 10.9%;
  opacity: 1;
}

#watchNorqain .milli-hand {
  position: absolute;
  top: 56.23%;
  left: 19.5%;
  width: 11.5%;
  height: 11.5%;
  background: url('/template/image/NorqainWatch/milli.svg') 50% 50% no-repeat;
  z-index: 10;
  transform-origin: 50% 87.94%;
}

#watchNorqain .milli-hand.shadow {
  top: 56.23%;
  margin-left: -1%;
  background-image: url('/template/image/NorqainWatch/milli_shadow.svg');
  opacity: 0.3;
  z-index: 9;
  filter: blur(2px);
}

#watchNorqain .sec-hand {
  position: absolute;
  top: 28%;
  left: 21.3%;
  width: 52%;
  height: 52%;
  background: url('/template/image/NorqainWatch/sekunde.svg') 50% 50% no-repeat;
  z-index: 40;
  transform-origin: 50% 74%;
  opacity: 1;
}

#watchNorqain .sec-hand.shadow {
  top: 28%;
  margin-left: -1.4%;
  background-image: url('/template/image/NorqainWatch/sekunde_shadow.svg');
  opacity: 0.3;
  z-index: 39;
  filter: blur(2px);
}

#watchNorqain .min-hand {
  position: absolute;
  top: 31%;
  left: 26.4%;
  width: 42%;
  height: 42%;
  background: url('/template/image/NorqainWatch/minute.svg') 50% 50% no-repeat;
  z-index: 30;
  transform-origin: 50% 85.2%;
  opacity: 1;
}

#watchNorqain .min-hand.shadow {
  top: 31%;
  margin-left: -1.5%;
  background-image: url('/template/image/NorqainWatch/minute_shadow.svg');
  opacity: 0.3;
  z-index: 29;
  filter: blur(2px);
}

#watchNorqain .hour-hand {
  position: absolute;
  top: 41%;
  left: 32.4%;
  width: 30%;
  height: 30%;
  background: url('/template/image/NorqainWatch/stunde.svg') 50% 50% no-repeat;
  z-index: 20;
  transform-origin: 50% 85.14%;
  opacity: 1;
}

#watchNorqain .hour-hand.shadow {
  top: 40.5%;
  margin-left: -1.5%;
  background-image: url('/template/image/NorqainWatch/stunde_shadow.svg');
  opacity: 0.3;
  z-index: 19;
  filter: blur(2px);
}

#watchNorqain .date {
  position: absolute;
  top: 81.3%;
  left: 62.9%;
  width: 10%;
  height: 8%;
  border-radius: 3px;
  font-family: 'Coda', sans-serif;
  font-size: 8px;
  line-height: 130%;
  color: white;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .3), inset 0 -2px 2px 0 rgba(255, 255, 255, .2);
  opacity: 0.7;

}

@media only screen and (max-width: 400px) {
  #watchNorqain .date {
    font-size: 6px;
  }
}

@media only screen and (max-width: 300px) {
  #watchNorqain .date {
    font-size: 4px;
  }
}
/*Fin du chrono*/
/*Style du bloc d'alerte*/
body.nooverflow #blocAlertes
{
  display: none;
}

#blocAlertes
{
  background-color:#fbbd3c;
  width:100%;
  min-height: 50px;
  box-sizing: border-box;
  display: block;
}
#blocAlertes:empty
{
  display: none;
}

#blocAlertes #cartoucheInformationsCartoucheCtn
{
  padding-bottom:10px;
  padding-right:30px;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding-left: 3%;
}
#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElementCtn .icon
{
  padding-top:15px;
  padding-left:0px;
  height:31px;
  width:31px;
  display:inline-block;
  background:url('/plugin/cartouche/template/images/information.svg') no-repeat;
  background-size: 100%;
  cursor:pointer;
  box-sizing: border-box;
  margin-right: 12px;
  vertical-align: top;
  margin-top:8px;
}
#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElementCtn .txt
{
  display: inline-block;
  vertical-align: top;
}
#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElementCtn .close
{
  position:absolute;
  top:15px;
  right:20px;
  height:19px;
  width:19px;
  display:block;
  background:url('/plugin/cartouche/template/images/close.svg') no-repeat;
  background-size: 100%;
  cursor:pointer;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElement h6
{
  color:#FFFFFF;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: center;
  margin-top:10px;
}
@media screen and (min-width: 900px)
{
  #blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElement h6
  {
    font-size: 24px;
  }
  #blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElementCtn .close
  {
    right:40px;
  }

}


/*****************/
/** 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; }section.is_carrouselinfos .container
{
	max-width: 1920px;
	padding-right: 10px;
}
/*************************************
Style pour les cartouches du carrousel
**************************************/

.carrouselElement .txt
{	
	box-sizing:border-box;
	display:block;
	overflow:hidden;

	position:absolute;
	top:calc(100% - 82px);
	right:auto;
	left:auto;
	bottom: auto;
	width:100%;
	z-index:1;
	height: 56px;
	transition: all 0.5s;
	padding:0 15px;
}

/*affiche pas les puces*/
.jcarousel-skin li
{
	list-style-type: none;
}

/*Style pour les zone html libre*/
#TableZoneHtml, #TableZoneHtml P
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}


/***********************
STYLE POUR LE CARROUSEL
************************/
/*Style pour le container du carrousel*/
.jcarousel-skin .jcarousel-container {
	
}

.jcarousel-skin .jcarousel-direction-rtl {
	direction: rtl;
}

/*Style pour le carrousel en lui-même*/
.jcarousel-skin .jcarousel-container-horizontal
{ 
	height:390px;
	margin:0 44px 0 51px;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

/*Zone où se trouve l'ensemble des éléments à défiler*/
.jcarousel-skin .jcarousel-clip-horizontal {
    width:100%;
	height:390px
}

/*Tailles des cartouches intérieurs*/
.jcarousel-skin .jcarousel-item {
    width:249px;
	height:390px;
}

.jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 2px;
   	margin-right: 26px;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 30px;
    margin-right: 0;
}

.jcarousel-skin .jcarousel-item-placeholder {
  
}

/*Gestion des flèches*/
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 47%;
    right: -43px;
    width: 15px;
    height: 23px;
    cursor: pointer;
    background: url(/plugin/carrousel/template/images/right.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/plugin/carrousel/template/images/left);
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 47%;
    left: -43px;
    width: 15px;
    height: 23px;
    cursor: pointer;
    background: url(/plugin/carrousel/template/images/left.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/plugin/carrousel/template/images/right.png);
}

/*@media only screen and (min-width:730px)
{
	.jcarousel-skin .jcarousel-container-horizontal
	{
		margin:0 74px 0 81px;
	}

}*/


/*@media only screen and (min-width:1000px)
{

	.carrouselCtn
	{
		max-width:100%;	
	}
}*/


/*Style des éléments du cartouche*/
.carrouselCtn .carrouselElement
{
		position:relative;
	display:block;
	padding:0;
	height:auto;
	text-decoration:none;

	transition: all 0.5s!important;
	margin:0 ;
	box-shadow: 2px 3px 7px 0px rgba(1, 1, 1, 0.35);
}

.carrouselCtn .carrouselElement:hover
{
	box-shadow: 2px 3px 7px 0px rgba(1, 1, 1, 0.35);
	transform: scale(1.02);
}

.carrouselCtn .carrouselElement .img
{
	position:relative;
	display:block;
	overflow:hidden;
	background-size: cover;

	max-height:none;
	float:none;
	width:100%;
}
.carrouselCtn .carrouselElement .img:before
{
	content:"";
	display:block;
	padding-top:70%;
}

.carrouselCtn .carrouselElement .img:after
{
	content:"";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: 1;
	display:block;
	background-color:rgba(0,0,0, 0.3);
	transition: all 0.5s;
}
.carrouselCtn .carrouselElement:hover .img:after
{
	background-color:rgba(251,189,60, 0.9);
}

.carrouselCtn .carrouselElement h5
{
	margin:10px 0 0 0;
	padding:0 ;
	line-height:22px;
	font-size:20px;
	position:relative;
	left:auto;
	top:auto;
	text-align:left;
	transform:none;
	color:#FFFFFF;
	text-transform: uppercase;
}
.carrouselCtn .carrouselElement:hover h5
{
	color:#000000;
}
.carrouselCtn .carrouselElement .txt > span.moreinfoctn
{
	color:#000000;
	font-size:16px;
	text-decoration:none;
	text-transform: uppercase;
	font-family: Ziamimi;
	font-weight: 700;
	letter-spacing: 2px;
}

.carrouselCtn .carrouselElement .moreinfoctn:after
{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-14px;
	width:28px;
	height:28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
.carrouselCtn .carrouselElement .moreinfoctn.information:after
{
	background-size:100%;
}


.carrouselCtn .carrouselElement .txt > span
{
	display: none;
	font-size: 16px;
	color:#000000;
	font-family:Montserrat;
	font-weight: 400;
	padding-top:20px;
}

.carrouselCtn .carrouselElement:hover .txt
{
	top:20px;
	height: auto;
}

.carrouselCtn .carrouselElement:hover .txt > span
{
	display: block;
}

.carrouselCtn
{
	position:relative;
	z-index:0;
}

.carrouselCtn ul
{
	padding: 0;
	margin: 0;
}

.carrouselCtn .carrouselElement[rel="0"]
{
	margin-bottom:20px;
}
.carrouselCtn .carrouselElement[rel="1"], .carrouselCtn .carrouselElement[rel="2"]
{
	margin-bottom:20px;
}

.carrouselCtn .carrouselElement[rel="3"], .carrouselCtn .carrouselElement[rel="4"],.carrouselCtn .carrouselElement[rel="5"]
{
	margin-bottom:20px;
}

@media screen and (min-width: 640px)
{
	section.is_carrouselinfos .container
	{
		padding-right: 0;
	}
	.carrouselCtn .carrouselElement
	{
		width:33.33%;
		float:left;
		box-shadow: none;
	}
	.carrouselCtn .carrouselElement .img:before
	{
		padding-top:21.67vw;
	}
	.carrouselCtn .carrouselElement[rel="0"] .img:before
	{
		padding-top:45.34vw;
	}
	.carrouselCtn .carrouselElement:hover .txt > span:not(.moreinfoctn)
	{
		display: none;
	}
	.carrouselCtn .carrouselElement[rel="0"]
	{
		width:66%;
		margin-right: 2%;
		margin-bottom: 2vw;
	}
	.carrouselCtn .carrouselElement[rel="1"], .carrouselCtn .carrouselElement[rel="2"]
	{
		margin-bottom: 2vw;
		width:32%;
	}
	.carrouselCtn .carrouselElement[rel="3"], .carrouselCtn .carrouselElement[rel="4"]
	{
		margin-right: 2%;
	}
	.carrouselCtn .carrouselElement[rel="3"], .carrouselCtn .carrouselElement[rel="4"],.carrouselCtn .carrouselElement[rel="5"]
	{
		width:32%;
		margin-bottom: 2vw;
	}
	.carrouselCtn
	{
		padding:0 10px;
	}
}
@media screen and (min-width: 900px)
{
	.carrouselCtn .carrouselElement:hover .txt > span:not(.moreinfoctn)
	{
		display:block;
	}
}
@media screen and (min-width: 1500px)
{
	.carrouselElement .txt
	{
		top:calc(100% - 100px);
		height: 88px;
		padding:0 35px;
	}
	.carrouselCtn .carrouselElement h5
	{
		padding:0 30px 5px 0;
		line-height:40px;
		font-size:33px;
	}
	.carrouselCtn .carrouselElement .txt > span.moreinfoctn
	{
		font-size:25px;
	}
	.carrouselCtn .carrouselElement .txt > span
	{
		font-size: 24px;
		padding-top:40px;
	}
	.carrouselCtn .carrouselElement:hover .txt
	{
		top:60px;
	}
	.carrouselCtn  .carrouselElement[rel="0"]:hover .txt
	{
		top:40%;
	}


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

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

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

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

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

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



/*Cartouche pour la homepage*/

/** LIST cartouche de news*/
.home section.is-news .container
{
  max-width: 1920px;
  padding-right: 0;
}
#newsCartoucheListCtn .listElement
{
  position:relative;
  display:block;
  margin:0 0 40px 0;
  padding:0;
  height:auto;
  text-decoration:none;
  border-bottom:1px solid #6c6c6c;
  border-bottom:0;
  margin:0 0 0 0;
  transition: all 0.5s!important;
  max-width: 100%;
}
#newsCartoucheListCtn .listElement:hover
{
  box-shadow: 2px 3px 7px 0px rgba(1, 1, 1, 0.35);
  transform: scale(1.1);
}
#newsCartoucheListCtn .listElement:before
{
  content:none;
}

#newsCartoucheListCtn .listElement .img
{
  position:relative;
  display:block;
  overflow:hidden;
  max-height:400px;

}
#newsCartoucheListCtn .listElement .img:before
{
  content:"";
  display:block;
  padding-top:128.15%;
}
#newsCartoucheListCtn .listElement .img:after
{
  content:"";
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  z-index: 1;
  display:block;
  background-color:rgba(0,0,0, 0.3);
  transition: all 0.5s;
}
#newsCartoucheListCtn .listElement:hover .img:after
{
  background-color:rgba(251,189,60, 0.9);
}

#newsCartoucheListCtn .listElement h5
{
  margin:10px 0 0 0;
  padding:0 0 5px 0;
  line-height:27px;
  font-size:21px;
  position:relative;
  left:auto;
  top:auto;
  text-align:left;
  transform:none;
  color:#FFFFFF;
  text-transform: uppercase;
}
#newsCartoucheListCtn .listElement:hover h5
{
  color:#000000;
}
#newsCartoucheListCtn .listElement .txt > span.moreinfoctn
{
  color:#000000;
  font-size:16px;
  text-decoration:none;
  text-transform: uppercase;
  font-family: Ziamimi;
  font-weight: 700;
  letter-spacing: 2px;
  padding-top:20px;
}

#newsCartoucheListCtn .listElement .moreinfoctn:empty:before
{
  content:"\00a0";/*= */
}
#newsCartoucheListCtn .listElement .moreinfoctn:after
{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  margin-top:-14px;
  width:28px;
  height:28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size:contain;
}
#newsCartoucheListCtn .listElement .moreinfoctn.information:after
{
  background-size:100%;
}

#newsCartoucheListCtn
{
  position:relative;
  padding:0 10px 0 0;
  z-index:0;
  margin-top:80px;
}
#newsCartoucheListCtn .listElement .txt
{
  position:absolute;
  top:calc(100% - 120px);
  right:auto;
  left:auto;
  bottom: auto;
  width:100%;
  z-index:1;
  height: 63px;
  transition: all 0.5s;
  padding:0 15px;
  box-sizing: border-box;
}
#newsCartoucheListCtn .listElement .txt > span
{
  display: none;
  font-size: 16px;
  color:#000000;
  font-family:Montserrat;
  font-weight: 400;
  padding-top:10px;
}

#newsCartoucheListCtn .listElement:hover .txt
{
  top:100px;
  height: auto;
}
#newsCartoucheListCtn .listElement:hover .txt
{
  top:60px;
}
#newsCartoucheListCtn .listElement:hover .txt > span
{
  display: block;
}
@media only screen and (min-width:900px)
{

  #newsCartoucheListCtn .listElement .txt > span, #newsCartoucheListCtn .listElement:hover .txt > span
  {
    display:none;
  }

}

@media only screen and (min-width:1200px)
{

  #newsCartoucheListCtn .listElement:hover .txt > span
  {
    display:block;
  }
  #newsCartoucheListCtn .listElement .txt > span
  {
    /*display:block;*/
    padding-top:40px;
  }

}
@media only screen and (min-width:1650px)
{
  #newsCartoucheListCtn .listElement .txt
  {
    padding:0 35px;
  }
  #newsCartoucheListCtn .listElement h5
  {
    line-height:40px;
    font-size:33px;
  }
  #newsCartoucheListCtn .listElement .txt
  {
    /*top:calc(100% - 100px);*/
    top:calc(100% - 130px);
  }
  #newsCartoucheListCtn .listElement .txt > span
  {
    font-size: 24px;
  }
  #newsCartoucheListCtn .listElement:hover .txt
  {
    top:60px;
  }
  #newsCartoucheListCtn .listElement h5
  {
    padding:0 30px 5px 0;
    line-height:30px;
    font-size:25px;
  }

  #newsCartoucheListCtn .listElement .txt > span.moreinfoctn
  {
    font-size:25px;
    padding-top:20px;
  }
}

@media only screen and (min-width:900px)
{
  #newsCartoucheListCtn .listElement .img
  {
    max-height:none;
    float:none;
    width:100%;
  }
  #newsCartoucheListCtn a:first-of-type
  {
    margin-left:0;

  }
  #newsCartoucheListCtn
  {
    margin-left:0;
    z-index:0;
  }
  #newsCartoucheListCtn .listElement
  {
    --height:549px;

  }
  #newsCartoucheListCtn .listElement:nth-child(3n + 1)
  {
    margin-left:0!important;
  }
  #newsCartoucheListCtn .listElement .txt
  {
    height: 97px;/*73px;*/
  }
}
/*Affichage du cartouche de home*/

section.is-news .content-title
{
  max-width: 1360px; /*1480px;*/
  margin:0 auto;
}
#newsCartoucheListCtn .nav
{
  position:absolute;
  right:0;
  left:0;
  top:-70px;
  width:80px;
  height:50px;
  text-align:center;
  margin:0 auto;
}

#newsCartoucheListCtn .nav .gonext, #newsCartoucheListCtn .nav .goprev
{
  position:absolute;
  cursor:pointer;
  display: block;
  border:0;
  cursor:pointer;
  z-index:4;
  opacity:1;
  visibility:visible;
  transition:all .5s;
  left:0;
  width:23px;
  height:42px;
  background-size: 70% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
#newsCartoucheListCtn .nav .goprev
{
  top:0;
  background-image: url(/template/image/prev.png);
}
#newsCartoucheListCtn .nav .gonext
{
  top:0;
  left:50px;
  background-image: url(/template/image/next.png);
}
@media only screen and (min-width:900px)
{
  #newsCartoucheListCtn .nav
  {
    left:auto;
    margin:0;
    top:-147px;
    right:10%;
  }
  #newsCartoucheListCtn .nav .gonext, #newsCartoucheListCtn .nav .goprev
  {
    background-size: 100% auto;
  }
  #newsCartoucheListCtn .nav .gonext
  {
    left:65px;
  }
}
#newsCartoucheListCtn .elctn
{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  /*overflow:hidden;*/
  z-index:1; /*attention c'est le step du carrousel*/
  width:100%;
}
#newsCartoucheListCtn .elctn > .sizer
{
  position:relative;
  display:block;
  width:100%; /*width:20%;  */
  z-index:0;
}
#newsCartoucheListCtn .elctn > .sizer:before
{
  content:"";
  display:block;
  padding-top:128.15%;
}


#newsCartoucheListCtn .elctn > a
{
  position:absolute;
  top:23%;
  left:-42.5%;
  display:block;
  width:45%;
  z-index:1;
  transition:left 1s, top 1s, opacity 1s;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  opacity:0;
}


#newsCartoucheListCtn .elctn > a:before
{
  content:"";
  display:block;
  padding-top:50%;
}

#newsCartoucheListCtn .elctn > a[rel="0"], #newsCartoucheListCtn .elctn > a[rel="1"],#newsCartoucheListCtn .elctn > a[rel="2"],
#newsCartoucheListCtn .elctn > a[rel="3"],#newsCartoucheListCtn .elctn > a[rel="4"],#newsCartoucheListCtn .elctn > a[rel="5"],
#newsCartoucheListCtn .elctn > a[rel="6"],#newsCartoucheListCtn .elctn > a[rel="7"]
{
  top:0;
  left:0;
  width:100%;

  opacity:0;
  z-index:0;
}

 #newsCartoucheListCtn .elctn > a:before
{
  display:none;
}
#newsCartoucheListCtn .elctn > .sizer
{
  width:100%;
}

#newsCartoucheListCtn .elctn > a[rel="1"],#newsCartoucheListCtn .elctn > a[rel="2"],#newsCartoucheListCtn .elctn > a[rel="3"],
#newsCartoucheListCtn .elctn > a[rel="4"], #newsCartoucheListCtn .elctn > a[rel="5"], #newsCartoucheListCtn .elctn > a[rel="6"], #newsCartoucheListCtn .elctn > a[rel="7"]
{
  opacity:0;
  left:109%;
}
#newsCartoucheListCtn .elctn > a[rel="0"]
{
  left:0%;
  opacity:1;
  z-index:2;
}

@media only screen and (min-width:900px)
{
  /*#newsCartoucheListCtn .elctn > .sizer:before
  {
    padding-top:145%;

  }*/
  #newsCartoucheListCtn .elctn
  {
    width:100%;
    z-index:1; /*attention c'est le step du carrousel*/
    margin-left: 20px;
  }
   #newsCartoucheListCtn .elctn > .sizer
  {
    width:23%;
  }

  #newsCartoucheListCtn .elctn > a,
  #newsCartoucheListCtn .elctn > a[rel="0"], #newsCartoucheListCtn .elctn > a[rel="1"], #newsCartoucheListCtn .elctn > a[rel="2"], #newsCartoucheListCtn .elctn > a[rel="3"],
  #newsCartoucheListCtn .elctn > a[rel="4"], #newsCartoucheListCtn .elctn > a[rel="5"], #newsCartoucheListCtn .elctn > a[rel="6"], #newsCartoucheListCtn .elctn > a[rel="7"]
  {
    position:absolute;
    top:0;
    left:-22.5%;
    display:block;
    width:23%;
    z-index:1;
    transition:left 1s, opacity 1s;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    opacity:0;
  }

  #newsCartoucheListCtn .elctn > a:before
  {
    padding-top:0;
  }
  #newsCartoucheListCtn .elctn > a[rel="0"]
  {
    left:0%;
    opacity:1;
    z-index:2;
  }
}

@media only screen and (min-width:900px)
{

  #newsCartoucheListCtn .elctn > a[rel="1"]
  {
    left:25%;
    opacity:1;
    z-index:2;
  }
  #newsCartoucheListCtn .elctn > a[rel="2"]
  {
    left:50%;
    opacity:1;
    z-index:2;
  }
  #newsCartoucheListCtn .elctn > a[rel="3"]
  {
    left:75%;
    opacity:1;
    z-index:2;
  }
  #newsCartoucheListCtn .elctn > a[rel="4"]
  {
    left:100%;
    opacity:0;
  }
}








@media only screen and (min-width:720px)
{

  /* #newsCartoucheListCtn .elctn > a[rel="1"]
   {
     left:25%;
     opacity:1;
     z-index:2;
   }
   #newsCartoucheListCtn .elctn > a[rel="2"]
   {
     left:50%;
     opacity:1;
     z-index:2;
   }
   #newsCartoucheListCtn .elctn > a[rel="3"]
   {
     left:75%;
     opacity:1;
     z-index:2;
   }
   #newsCartoucheListCtn .elctn > a[rel="4"]
   {
     opacity:0;
     left:100%;
   }*/

}





/*@media only screen and (min-width:850px)
{
  #newsCartoucheListCtn .nav
  {
    top:-100px;
    width:120px;
    left:80%
  }
}
@media only screen and (min-width:1000px)
{
  #newsCartoucheListCtn .gonext, #newsCartoucheListCtn .goprev
  {
    width:5%;
  }
  #newsCartoucheListCtn .gonext:before, #newsCartoucheListCtn .goprev:before
  {
    padding-top:75%;
  }
  #newsCartoucheListCtn .elctn > a[rel="1"]
  {
    left:33%;
  }
  #newsCartoucheListCtn .elctn > a[rel="2"]
  {
    left:69%;
  }
  #newsCartoucheListCtn .elctn > a[rel="3"]
  {
    left:106%;
  }
  #newsCartoucheListCtn .nav
  {
    right:50px;
  }
}*/

header.header .header-countdown
{
    position: absolute;
    bottom:15px;
    right:10px;
    z-index: 2;
    height:86px;
    left:10px;

    background-color: rgb(0,0,0, 0.8);
    padding-left: 70px;
    box-sizing: border-box;
    padding-top:6px;
}
header.header .header-countdown.noActif
{
    right:0;
    left:auto;
    background-color:transparent;
}
header.header .header-countdown .ctnSize
{
    width:260px;
}

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;
    width:184px;
    height:27px;
    background-image:url(/template/image/fdCompteur.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    box-sizing: border-box;

}
header.header .header-countdown .header-coundown-wrapper.secondeLine
{
    background-image: none;
}
header.header .header-countdown .header-coundown-wrapper.secondeLine .countdown .label
{
    width: 32px;
}
header.header .header-countdown .header-coundown-wrapper.secondeLine .countdown.is-days .label
{
    width:48px;
}

@media screen and (min-width: 640px)
{
    header.header .header-countdown
    {
        height:160px;
        padding-top:12px;
        padding-left: 60px;
        left:auto;
        right: 0;
        bottom:20px;
    }

    header.header .header-countdown .ctnSize
    {
        width:400px;
    }

    header.header .header-countdown .header-coundown-wrapper
    {
        width:304px;
        height:46px;
    }
    header.header .header-countdown .header-coundown-wrapper.secondeLine .countdown .label
    {
        width: 52px;
    }
    header.header .header-countdown .header-coundown-wrapper.secondeLine .countdown.is-days .label
    {
        width:81px;
    }

    header.header .header-countdown.noActif
    {
        background-color: rgb(0,0,0, 0.8);
    }
}

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

.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 {

  color: #fbbd3c;
  text-align: right;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
    font-family: digital-7;
    width: 32px;
    font-size: 40px;
    line-height: 29px;
    letter-spacing: -3px;
}

.countdown.is-days .number
{
    width:48px;
}
.countdown .number span
{
    width:16px;
    display:inline-block;
}

.countdown .separator {
    width:13px;
}

.header-coundown-wrapper.secondeLine .countdown.is-days + .is-separator{
    width:5px;
}

.header-coundown-wrapper.secondeLine .countdown.is-hours + .is-separator{
    /*width:13px;*/
    width:28px;
}

.countdown.is-minutes + .is-separator{
    width:17px;
}

@media screen and (min-width: 640px)
{
    .countdown .number {
        width: 52px;
        font-size: 66px;
        line-height: 48px;
        letter-spacing: -4px;
    }
    .countdown.is-days .number
    {
        width:81px;
    }
    .countdown .number span
    {
        width:26px;
    }
    .countdown .separator {
        width:22px;
    }
    .header-coundown-wrapper.secondeLine .countdown.is-days + .is-separator{
        /*width:13px;*/
        width:19px;
    }

    .header-coundown-wrapper.secondeLine .countdown.is-hours + .is-separator{
        width:28px;
    }
}

/*Titre et sous-titre du compte à rebours*/
.countdown .label {
    color: #fbbd3c;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-top:5px;
    letter-spacing: -1px;
}

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

.titreCompterebours, .soustitreCompterebours
{
	color:#fbbd3c;
    font-size:12px;
	text-transform:uppercase;
	text-align: left;
	font-family:Ziamimi;
	margin:0 0 0 0;
    line-height: 12px;
    margin:0 0 5px 0;
}
.soustitreCompterebours
{
	font-size:20px;
	border-top:5px solid #fbbd3c;
	margin:0;
	margin-top:10px;
	padding-top:10px;
}

.soustitreCompterebours:empty
{
	border-top:0;
	padding-top:38px;
}

.soustitreCompterebours sup
{
	font-size:12px;
}

@media screen and (min-width: 640px)
{
    .countdown .label {

        font-size: 16px;
        margin-top:10px;
    }

    .titreCompterebours, .soustitreCompterebours
    {
        font-size:16px;
        line-height: inherit;
        margin:0 0 10px 0;
    }
}

#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
	max-width: 100%;
	display: block;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
	-ms-flex-preferred-size: 100%;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:20px 30px 20px 30px;

	background-color:#fbbd3c;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;


}
#faqListCtn .listElement .question:after
{
	content:"";
	background-image:url(/plugin/faq/template/image/arrow-white.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width:15px;
	height:23px;
	transition: all 0.5s;
	position: absolute;
	right:20px;
	top:50%;
	transform: translateY(-50%);
}
#faqListCtn .listElement .question.open:after
{
	transform: rotate(90deg);
	transform-origin: top;
}
#faqListCtn .listElement .question h5
{
	color:#ffffff;
	text-transform:uppercase;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 18px;
}
#faqListCtn .listElement .question h5:after
{
	content:none;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{

	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#bodyprint #faqListCtn .listElement .question h5
{
	color:#000000;
}
#faqListCtn .listElement .question.open h5
{

}

#faqListCtn .listElement .answer
{
	display:none;
	padding:10px 20px 10px 20px;
	overflow:hidden; /*pour pas que le html déborde*/
	border:1px solid #fbbd3c;
}

#bodyprint #faqListCtn .listElement .answer
{
	display:block;

}.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: 640px) {
  #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;
    }
  }
}*/
#calendarctn, #frmCoureurHolder, #inscriptionDateMainThanks
{
	position:relative;
	display:block;
	margin:20px 0 40px 0;
}
#calendarctn:after, #calendarctn .monthctn .dayctn:after, #calendarctn .monthctn .datectn:after, #frmCoureurHolder:after
{
	content:"";
	display:block;
	clear:both;
}

#calendarctn .monthctn, #frmCoureurHolder .mainpart
{
	display:block;
	box-sizing:border-box;
	margin:0 0 40px 0;
}
@media screen and (min-width: 640px)
{
	#calendarctn .monthctn, #frmCoureurHolder .mainpart
	{
		display:block;
		float:left;
		box-sizing:border-box;
		width:calc(50% - 15px);
		margin:0 30px 0 0;
	}
	#calendarctn .monthctn + .monthctn, #frmCoureurHolder .mainpart.fordate
	{
		margin-right:0;
	}
}
@media screen and (min-width: 1200px)
{
	#calendarctn .monthctn, #frmCoureurHolder .mainpart
	{
		width:calc(50% - 30px);
		margin-right:60px;
	}
}


#calendarctn .monthctn .month
{
	background:#000000;
	color:#ffffff;
	text-align:center;
	padding:10px;
}
#calendarctn .monthctn .dayctn, #calendarctn .monthctn .datectn 
{
	position:relative;
	display:block;
	border-right:2px solid #7c7c7c;
	background:#939393;
}
#calendarctn .monthctn .datectn
{
	border-right:2px solid #fbbd3c;
	background:#ffffff;
}
#calendarctn .monthctn .dayctn .day, #calendarctn .monthctn .datectn .date
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:14.285%;
	text-align:center;
	padding:10px 5px 10px 0;
	border:2px solid #7c7c7c;
	border-top:0;
	border-right:0;
	color:#ffffff;
	overflow:hidden;
	cursor:default;
}
#calendarctn .monthctn .dayctn .day
{
	font-size:.9em;
	border-bottom:2px solid #fbbd3c;
}
#calendarctn .monthctn .datectn .date
{
	border:2px solid #fbbd3c;
	border-top:0;
	border-right:0;
	color:#000000;
}

#calendarctn .monthctn .datectn .date.active
{
	cursor:pointer;
}
#calendarctn .monthctn .datectn .date.active:hover
{
	background:#cacaca;
}
#calendarctn .monthctn .datectn .date.active.selected, #calendarctn .monthctn .datectn .date.active.selected:hover
{
	background:#000000;
	color:#ffffff;
}
#calendarctn .monthctn .datectn .date.full
{
	/*background:#fbbd3c;*/
	color: red;
}
#calendarctn .monthctn .datectn .date.past, #calendarctn .monthctn .datectn .date.closed
{
	color:#bebebe;
}

#frmCoureurHolder .mainpart.fordate .msg .msg1
{
	color:#000000;
}
#frmCoureurHolder .mainpart.fordate .msg .msg1.red,
#frmCoureurHolder .mainpart.fordate .msg .msg2, 
#frmCoureurHolder .mainpart.fordate .msg .msg3
{
	color:red;
}
#frmCoureurHolder .mainpart.foridentification .msg
{
	color:red;
	font-size:.8em;
	line-height:1.4;
	margin:0 0 10px 0;
}

#frmCoureurHolder .hide
{
	overflow:hidden;
	max-height:0;
	margin:0;
	padding:0;
	opacity:0;
	transition:opacity 1s;
}
#frmCoureurHolder .show
{
	max-height:none;
	opacity:1;
	transition:opacity 1s;
}

#frmCoureurHolder.mask:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	z-index:1000;
	background:rgba(255,255,255,.5);
}

#frmCoureurHolder .mainpart.fordate .msg.show + .datectn.show
{
	margin-top:14px;
}

#frmCoureurHolder .mainpart.fordate .datectn
{
	max-width:140px;
}
#frmCoureurHolder .mainpart.fordate .datectn.already
{
	color:red;
}
#frmCoureurHolder .mainpart.fordate .datectn .day
{
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:.8em;
}
#frmCoureurHolder .mainpart.fordate .datectn .day:after
{
	content:".";
}
#frmCoureurHolder .mainpart.fordate .datectn .date
{
	display:block;
	text-align:center;
	font-size:3em;
	font-weight:bold;
	margin:5px 0 5px 0
}

#frmCoureurHolder .mainpart.fordate .datectn .month
{
	display:block;
	text-align:center;
	text-transform:uppercase;
}

#frmCoureurHolder input
{
	margin-bottom:10px;
	padding:3px 5px 3px 5px;
}
#frmCoureurHolder input[type=submit]
{
	min-width:250px;
	transition:background-color .5s;
}
#frmCoureurHolder input[type=submit]:not(:disabled):hover
{
	background:#000000;
}
#frmconfirm
{
	clear:both;
	display:block;
	margin:30px auto 40px auto;
}
#frmdeletedate
{
	margin:30px auto 40px auto;
}
#frmCoureurHolder .QapTcha
{
	float:none;
	margin:10px 0 20px 0;
}

#frmCoureurHolder .mainpart.forcoureur .coureurdata
{
	line-height:1.6;
	margin-bottom:14px;
}

#inscriptionDateImportExportCtn
{
	position:relative;
	display:block;
	border:1px solid #999999;
	background:#f3f2f2;
	padding:0 20px 0 20px;
}
#inscriptionDateImportExportCtn:after
{
	content:"";
	display:block;
	clear:both;
}
#inscriptionDateImportExportCtn > a
{
	display:block;
	float:right;
	box-sizing:border-box;
	font-size:.8em;
	margin:10px 0 10px 20px;
	color:#000000;
}
#inscriptionDateImportExportCtn > a:hover
{
	color:#fbbd3c;
}
#inscriptionDateImportExportCtn > a:last-of-type
{
	margin-left:0;
}
#inscriptionDateImportExportCtn > div
{
	position: relative;
	display:block;
	clear:both;
	margin: 0 -20px 0 -20px;
}
#inscriptionDateImportExportCtn > div > .importresult
{
	margin:40px 0 40px 0;
	color:#ffffff;
	text-align:right;
	font-size:.8em;
}
#inscriptionDateImportExportCtn > div > .importresult > .importok
{
	display:block;
	background:green;
	padding:10px 10px 10px 0;
}
#inscriptionDateImportExportCtn > div > .importresult > .importko
{
	display:block;
	background:red;
	padding:10px 10px 10px 0;
}
#inscriptionDateImportExportCtn > div > .importresult > .importko > span
{
	display:block;
	margin:5px 0 0 0;
	line-height:1.5em;
}
#leftPanel .leftPanel-wrapper .leftPanel-top .top-lang {
   font-size: 18px;
   font-weight: 300;
}

#leftPanel .leftPanel-wrapper .leftPanel-top .top-lang a
{
   display: block;
   color:#FFFFFF;
}

#leftPanel .leftPanel-wrapper .leftPanel-top .top-lang #idLangueCourante
{
   color:#fbbd3c;
}

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

@media screen and (min-width: 1431px) {

   #idLangueCourante
   {
      position:absolute;
      left:14px;
      top:8px;
      width:100%;
      height:100%;

      overflow:hidden;
      background:url(/template/image/flecheBas.svg) no-repeat ;
      background-size: 24px 16px;
      background-position: 52px 12px;
      color: #fbbd3c;
      text-decoration: none;
      font-family: "Ziamimi";
      font-size: 30px;
      font-weight: 700;
      text-shadow: 2px 3px 7px rgba(1, 1, 1, 0.35);
   }

   .langHolder
   {
      position: relative;
      display: inline-block;
      width: 98px;
      height:55px;
      border:1px solid #fbbd3c;
      box-shadow: 2px 3px 7px 0px rgba(1, 1, 1, 0.35);
      z-index: 10;
   }

   #leftPanel .langHolder {
      position: absolute;
      display: inline-block;
   }
   #leftPanel #idLangueCourante {
      top: auto;
      right: auto;
      margin-left: 20px;
      display: inline-block;
      background: none;
      border-right: 0;
      border-left-color: #858486;
      padding-left: 15px;
   }
   #leftPanel #langsiteCtn {
      background: #676567;
      border-right: 0;
      border-left-color: #858486;
      padding-left: 16px;
      z-index: 1;
   }

   #langsiteCtn
   {
      position:absolute;
      left:-14px;
      top:47px;
      width: 98px;
      height:0;
      border-left:1px solid #fbbd3c;
      border-right:1px solid #fbbd3c;
      border-bottom:1px solid #fbbd3c;
      overflow:hidden;

   }


   #langsiteCtn>a
   {
      display:block;
      font-family: "Ziamimi";
      font-size: 30px;
      font-weight: 700;
      height:55px;
      box-sizing: border-box;
      padding-left: 14px;
      text-shadow: 2px 3px 7px rgba(1, 1, 1, 0.35);
   }
}


/*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-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: 15px;
  color: #ffffff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#leftPanel .leftPanel-wrapper .leftPanel-bottom a img
{
  width:70%;
}

.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: 30px;
  height: 28px;
  position: relative;
}

.menuIcone .line {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin-top: -2px;
  box-sizing: border-box;
  height: 2px;
  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%;
  width:80%;
  margin-left: 20%;
}
.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: 900px) {

    header.header .header-mobile
    {
      top:46px;
      /*background:#000000;*/
      padding:5px;
    }
    header.header .header-mobile .line
    {
      background:#fbbd3c;
    }

}
@media screen and (min-width: 1100px)
{
  .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;
  }
}

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

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(7n - 5) a.menu0::before {
    background-image: url(/template/image/mobile/course.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 5) a.menu0::after {
    background-image: url(/template/image/mobile/course-jaune.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 5) a.menu0::before, #menuMain ul li.menu0:nth-child(7n - 5) a.menu0::after {
    width: 54px;
    height: 51px;
    top:-8px;
  }
}


@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(7n - 4) a.menu0::before {
    background-image: url(/template/image/mobile/medaille.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 4) a.menu0::after {
    background-image: url(/template/image/mobile/medaille-jaune.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 4) a.menu0::before, #menuMain ul li.menu0:nth-child(7n - 4) a.menu0::after {
    width: 57px;
    height: 50px;
    top:-8px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(7n - 3) a.menu0::before {
    background-image: url(/template/image/mobile/groupe.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 3) a.menu0::after {
    background-image: url(/template/image/mobile/groupe-jaune.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 3) a.menu0::before, #menuMain ul li.menu0:nth-child(7n - 3) a.menu0::after {
    width: 56px;
    height: 51px;
    top:5px;
  }
}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(7n - 2) a.menu0::before {
    background-image: url(/template/image/mobile/bouteille.svg);
  }
  #menuMain ul li.menu0:nth-child(7n - 2) a.menu0::after {
    background-image: url(/template/image/mobile/bouteille-jaune.svg);
  }
  #menuMain ul li.menu0:nth-child(7n-2) a.menu0::before, #menuMain ul li.menu0:nth-child(7n-2) a.menu0::after {
    width: 30px;
    height: 73px;
    left:10px;
    top:-14px;
  }
}

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

}

@media screen and (max-width: 1430px) {
  #menuMain ul li.menu0:nth-child(7n) a.menu0::before {
    background-image: url(/template/image/mobile/mains.svg);
  }
  #menuMain ul li.menu0:nth-child(7n) a.menu0::after {
    background-image: url(/template/image/mobile/mains-jaune.svg);
  }
  #menuMain ul li.menu0:nth-child(7n) a.menu0::before, #menuMain ul li.menu0:nth-child(7n) a.menu0::after {
    width: 60px;
    height: 41px;
  }
}

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

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

/*Affichage pour les petits écrans*/
@media screen and (min-width: 1430px)
{
  header.header .header-nav.smallScreen
  {
    top:120px;
  }
  header.header .header-nav.smallScreen .menuSimulator a
  {
    padding: 10px 0!important;
    height: 40px!important;
  }

  header.header .header-nav.smallScreen .menuSimulator a:before, header.header .header-nav.smallScreen .menuSimulator a:after
  {
    scale: 0.7;
    margin-left: -9px;
    margin-top:-5px;
  }
  header.header .header-nav.smallScreen .menuHolder #menuMain ul li > a.menu0
  {
    font-size: 19px;
  }
  header.header .header-nav.smallScreen .menuHolder #menuMain ul li.menu1 a
  {
    font-size: 15px;
  }
}

@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;
    padding-left: 70px;
  }
}

@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: block;
    width: 70px;
    content: "";
    background-size: 70% auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

    background-repeat: no-repeat;
    position: absolute;
    top:0;
    left:0
  }
}

@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;
  margin:10px 0 0 0;
  list-style: none;
}

#menuBottomMain ul li {
  position: relative;
  display: inline-block;
  margin-top: 8px;
  width:100%;
  text-align: center;
}

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

#menuBottomMain ul li a
{
  color:#5c5c5c ;
  font-size: 14px;
}

@media screen and (min-width: 900px)
{
  #menuBottomMain ul li {
    margin-right: 45px;
    margin-top: 20px;
    width:auto;
    text-align: left;
  }

}
/*Menu footer*/
#menuFooterMain ul, #menuFooterMain li
{
  list-style-type: none;
  margin:0;
  padding:0;
}
#menuFooterMain > ul > li.menu0
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
}

#menuFooterMain > ul > li.menu0 > a
{
  font-size: 23px;
  color:#fbbd3c;
  font-family: Ziamimi;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom:10px;
  margin-top:30px;
}

#menuFooterMain li.menu1  a
{
  font-size: 18px;
  color:#cacaca;
  display: block;
  padding-bottom: 8px;
  font-weight: 400;
}

#menuFooterMain li.menu1 > ul
{
  display: none;
}
@media screen and (min-width: 900px)
{
  #menuFooterMain > ul > li.menu0
  {
    margin-right: 35px;
    width:auto;
    text-align: left;
  }
  #menuFooterMain > ul > li.menu0 > a
  {
    margin-bottom: 30px;
    margin-top:0;
  }
}
/**************************************************/
/*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!important;
}

div.styleMenuAdmin div:hover {
  background-color: #dddddd;
}

div.styleMenuAdmin a {
  color: black!important;
  font-family: Arial!important;
  font-size: 11px!important;
  line-height: 0!important;
  text-decoration: none!important;
  text-transform: none!important;
  white-space: nowrap!important;
  display: inline-block!important;
}

.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:50;
	}
	#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!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}#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 */#pagehtmlcontent .htmlcontent input[type=text], .bgEditor input[type=text],
#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea,
#pagehtmlcontent .htmlcontent select, .bgEditor select,
#pagehtmlcontent .htmlcontent input[type=date],.bgEditor input[type=date]
{
	display:inline-block;
	width:100%;
	max-width:600px;
	padding:3px 10px 3px 10px;
	border:1px solid #fdde9e;
	border-radius:5px;
	font-family:Montserrat;
	font-weight:normal;
	font-size:16px;
	line-height:1.5em;
	background-color:#ffffff;
}
#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea
{
	height:8em;
}
#pagehtmlcontent .htmlcontent select, .bgEditor select
{
	padding:5px 10px 5px 10px;
}

#pagehtmlcontent .htmlcontent input[type=text].mandatory, .bgEditor input[type=text].mandatory,
#pagehtmlcontent .htmlcontent textarea.mandatory, .bgEditor textarea.mandatory,
#pagehtmlcontent .htmlcontent select.mandatory, .bgEditor select.mandatory
{
	background-color:#ffffff;	
}
#pagehtmlcontent .htmlcontent input[type=text].mandatoryFailed, .bgEditor input[type=text].mandatoryFailed,
#pagehtmlcontent .htmlcontent textarea.mandatoryFailed, .bgEditor textarea.mandatoryFailed,
#pagehtmlcontent .htmlcontent select.mandatoryFailed, .bgEditor select.mandatoryFailed
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

#pagehtmlcontent .htmlcontent input[type=submit]
{
	display:inline-block;
	width:auto;
	padding:5px 20px 5px 20px;
	border:0;
	border-radius:5px;
	font-family:Montserrat;
	font-weight:normal;
	font-size:16px;
	line-height:1.5em;
	/*background-color:#89146a;
	color:#ffffff;
	opacity:1;*/
}
/*#pagehtmlcontent .htmlcontent input[type=submit]:disabled
{
	opacity:.5;
}*/#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;
  max-height: 460px;
}

#sliderCtn:before {
  display: block;
  padding-top: 140%;
  content: "";
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
#sliderCtn:after
{
  content:"";
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0, 0.2);
  z-index: 1;
}

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

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

  #sliderCtn
   {
     max-height: none;
   }
}

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

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

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

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

#formEditUser .policy
{
    display:block;
    margin:5px 0px 10px 0px;
    font-size:12px;
    font-weight:normal;
    line-height:inherit;
    max-width:300px;
    color:#474747;
}
#formEditUser .policy.error
{
    color:red;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	margin-top: 40px;
	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;
}#annonceListCtn
{
	margin-top: 50px;
}
#annonceListCtn .echuClass
{
	border:1px solid red;
}

/*Liste élément*/
#annonceListCtn .listElement 
{
	height:auto;
	background:none;
	padding-bottom:30px;
	float:none;
	width:100%;
	display: block;
	max-width: none;
	flex-basis: unset;
}

#annonceListCtn .listElement .more
{
	background-image:url(/template/image/next.png) ;
	background-size: 100% auto;
	width:12px;
	height:21px;
	display: block;
}

#annonceListCtn .listElement .more:before
{
	font-size:12px;
	top:7px;
	left:7px;
}

#annonceListCtn .listElement:hover h5
{
	color:#fbbd3c;
}

#annonceListCtn .listElement h5, #annonceListCtn .listElement .resume
{
	color:#4a4d4e;
	text-align: left;
}

#annonceListCtn .listElement .txt
{
	height:auto;
	padding:0 0 0 25px;
	min-height:auto;
}

#annonceListCtn h5:before {
    content: "";
	display:block;
	position:absolute;
	top:0;
	left:0;

	width:15px;
	height: 5px;
	margin-top: 20px;
	content: "";
	background-color: #fbbd3c;

}

#annonceListCtn .listElement .resume
{
	padding:0 0 10px 0;
	color: #999999;
	font-family: "Montserrat";
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
}
#annonceListCtn .listElement .resume.infos
{
	padding:20px 0 10px 0;
}

#annonceListCtn .listElement .resume span
{
	display:block;
}
#annonceListCtn .listElement .resume span:nth-child(1)
{
	font-weight: bold;
	margin-right: 10px;
}

#annonceHeadCtn h2
{
    font-weight: 500;
}
.annonceHeadCtn
{
	width:100%;
	margin:0;
	padding:0;
}

.annonceHeadCtn > div > span
{
	display:block;
	width:100%;
	padding:5px 0 5px 0;
	box-sizing:border-box;
}

.annonceHeadCtn > div > span:nth-child(1)
{
	font-weight: bold;
}

#divDelete form > div input
{
	padding:5px 20px 5px 20px;
	margin-top:10px;
}

#divDelete > div
{
	padding-bottom:20px;
}


#annonceEdit span:nth-child(1)
{
	display:inline-block;
	width: 90px;
	padding: 5px;
	vertical-align: top;
}

#annonceEdit  span:nth-child(2)
{
	/*width:60%;*/
	display:inline-block;
}
#annonceEdit span input
{
	width: 350px;
}
#formSubmitAnnonce select {
padding-left: 5px;
}

.insertAnnonce
{
	width:200px;
	margin:30px 0 30px 0;
	display: block;
}
.insertAnnonce a
{
	position: relative;

	padding: 10px 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;
}
@media only screen and (min-width:641px)
{

	.annonceHeadCtn > div > span
	{
		display:inline-block;
		vertical-align:top;
		
	}
	
	.annonceHeadCtn > div > span:nth-child(1)
	{
		width:30%;
	}
	
	.annonceHeadCtn > div > span:nth-child(2)
	{
		width:60%;
	}
	

	#divDelete form > div:nth-child(1), #divDelete form > div:nth-child(2)
	{
		float:Left;
		width:50%;
	}	
	
	#divDelete form > div:nth-child(2)
	{
		width:50%;
	}

	
	#divDelete form > div input
	{
		margin-top:0;
	}
	
	/*Recherche et liste*/
	/*.searchAnnonce .insertAnnonce
	{
		width:200px;
		margin:0 0 30px 0;
	}
	
	.searchAnnonce input, .searchAnnonce select
	{
		width:80%;
	}
	
	
	.searchAnnonce form > div span
	{
		display:inline-block;
		vertical-align:top;	
	}
	
	.searchAnnonce form > div span:nth-child(1)
	{
		width:15%;
	}
	
	.searchAnnonce form > div span:nth-child(2)
	{
		width:50%;
	}
	
	.searchAnnonce form > div span:nth-child(3)
	{
		width:25%;
	}	*/
	
	#annonceListCtn .listElement .resume span
	{
		display:inline-block;
		vertical-align:top;
	}
	
	#annonceListCtn .listElement .resume span:nth-child(1)
	{
		/*width:15%;*/
	}
	

	#annonceListCtn .listElement .resume span:nth-child(2)
	{
		/*width:60%;*/
	}
	
}

@media only screen and (min-width:1100px)
{
	#divDelete form > div:nth-child(1)
	{
		/*width:30%;*/
	}	
	
	#divDelete form > div:nth-child(2)
	{
		/*width:60%;*/
	}
	
}