.jump2 {
  position: absolute;
  bottom: 30%;
  left: 50%;
  background: #ff3333;
}

.jump2:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: " ";
  width: 4px;
  height: 25px;
  -webkit-transform: rotate(51deg);
  -moz-transform: rotate(51deg);
  transform: rotate(51deg);
  background-color: #ff3333;
  margin-left: 9px;
  margin-top: -7px;
}

.jump2:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: " ";
  width: 4px;
  height: 25px;
  -webkit-transform: rotate(-51deg);
  -moz-transform: rotate(-51deg);
  transform: rotate(-51deg);
  background-color: #ff3333;
  margin-left: -9px;
  margin-top: -7px;
}

.jump2 span {
  position: absolute;
  top: -25px;
  font-size: 11px;
  text-align: center;
  width: 100px;
  left: -48px;
  color: #ff3333;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: .05rem;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  animation: bounce 2s 4s infinite;
}


@keyframes hover-arrow {
  0% { bottom: 25%; }
  50% { bottom: 30%; }
  100% { bottom: 25%; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fadeIn {
  animation: fadeIn 1s 1s ease-in forwards;
}

.hover-arrow {
  animation: hover-arrow 1.2s 1s ease-in-out infinite;
}






/* :) ANIM*/
body .leftEye{
    width: 7vh;
    height: 7vh;
  border-radius: 50%;
  background: #ff3333;
  position: absolute;
  top: 50%;
  left: 50%;
      opacity: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  -webkit-animation: leftEyeAnimation 3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: leftEyeAnimation 3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body .rightEye {
  width: 7vh;
  height: 7vh;
  border-radius: 50%;
  background: #ff3333;
  position: absolute;
  top: 50%;
  left: 50%;
      opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: rightEyeAnimation 3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: rightEyeAnimation 3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body .mouth {
  width: 45vh;
  height: 45vh;
  border-radius: 50%;
  border: solid 3.5vh #ff3333;
  border-right: solid 3.5vh rgba(223,223,194,0);
  border-left: solid 3.5vh rgba(223,223,194,0);
  border-bottom: solid 3.5vh rgba(223,223,194,0);
  position: absolute;
  top: 50%;
  left: 50%;
      opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(900deg);
          transform: translate(-50%, -50%) rotate(900deg);
  -webkit-animation: mouthAnimation 3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: mouthAnimation 3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes mouthAnimation {
  0% {
      opacity: 1;
    -webkit-transform: translate(-30%, -70%) rotateX(180deg);
            transform: translate(-30%, -70%) rotateX(180deg);
  }
  10% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(360deg);
            transform: translate(-50%, -70%) rotateZ(360deg);
  }
  40% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(320deg);
            transform: translate(-50%, -70%) rotateZ(320deg);
  }
  60% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(900deg);
            transform: translate(-50%, -70%) rotateZ(900deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(900deg);
            transform: translate(-50%, -70%) rotateZ(900deg);
  }
}
@keyframes mouthAnimation {
  0% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateX(180deg);
            transform: translate(-50%, -70%) rotateX(180deg);
  }
  10% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(360deg);
            transform: translate(-50%, -70%) rotateZ(360deg);
  }
  40% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(320deg);
            transform: translate(-50%, -70%) rotateZ(320deg);
  }
  60% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(900deg);
            transform: translate(-50%, -70%) rotateZ(900deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: translate(-50%, -70%) rotateZ(900deg);
            transform: translate(-50%, -70%) rotateZ(900deg);
  }
}
@-webkit-keyframes leftEyeAnimation {
  0% {
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  50% {
      opacity: 1;
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  60% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
  90% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
  100% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
}
@keyframes leftEyeAnimation {
  0% {
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  50% {
      opacity: 1;
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  60% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
  90% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
  100% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(-200%, -50%);
            transform: translate(-200%, -50%);
  }
}
@-webkit-keyframes rightEyeAnimation {
  0% {
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  50% {
      opacity: 1;
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  60% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  70% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  75% {
      opacity: 1;
    width: 5vh;
    height: 5px;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  80% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  90% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  100% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
}
@keyframes rightEyeAnimation {
  0% {
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  50% {
      opacity: 1;
    width: 7vh;
    height: 7vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  60% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  70% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  75% {
      opacity: 1;
    width: 5vh;
    height: 5px;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  80% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  90% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
  100% {
      opacity: 1;
    width: 5vh;
    height: 5vh;
    -webkit-transform: translate(95%, -50%);
            transform: translate(95%, -50%);
  }
}





@-webkit-keyframes circleBounce {
  0% {-webkit-transform: scale(0.9); opacity: 0;}
  20% {opacity: 0.5;}
  50% {opacity: 1;}
  80% {opacity: 0.5;}
  100% {-webkit-transform: scale(1.1); opacity:0;}
}

.godown {
  position: relative;
  top: 50%;
  left: calc(50% - 3px);
  width: 16px;
  height: 16px;
  border: 3px solid red;
  border-top: none;
  border-left: none;
  cursor:pointer;
  
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
}

.godown:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 23px); /*circle = 1+50+1 = 52px*/
  left: calc(50% - 23px); /*arrow = 3+3 = 6px*/
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.8);
  border: 3px solid red;
  border-radius: 50%;
  
  -webkit-animation: circleBounce 1.2s linear infinite;  
}

.godown:hover:after {
  background-color: rgba(255,0,0,.15);
}

/*images eliptique*/
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(20px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.center-it {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mouse {
  display: inline-block;
  height: 38px;
  width: 23px;
  border-radius: 16px;
  border: 0px solid #fff;
  text-align: center;
}
.mouse:after {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: #ff3333;
  border-radius: 50%;
  content: "";
  -webkit-animation: scroll 1.3s ease-out infinite forwards;
  -moz-animation: scroll 1.3s ease-out infinite forwards;
  animation: scroll 1.3s ease-out infinite forwards;
}
.point{
	opacity: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 500;
	box-shadow: 0 0 0 0 #ff3333 inset;
	pointer-events: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}



/* EFFET ACCUEIL CURTAIN
.image {
  overflow: hidden;
  height: 300px;
}
.headerr {
  height: 400px;
}
.backgroundImage {
  overflow: hidden;
  height: 100%;
  background: transparent;
  position: relative;
}

#headerr {
  background-image: url(file:///Users/nhusao/Downloads/mosaique_exemple2.jpg);
}
*/




.fadex {
    height: 450px;
}




header#scrollline {
  position: fixed;
  margin-top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: transparent;
}
.scroll-line {
  height: 2px;
/*  margin-bottom: -2px;*/
  background: #ff0033;
  width: 0%;
}



.hs-wrapper{
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;/*
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);*/
}
.hs-wrapper img{
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-animation: showMe 6.5s linear 2s infinite normal none;
	-moz-animation: showMe 6.5s linear 2s infinite normal none;
	-o-animation: showMe 6.5s linear 2s infinite normal none;
	-ms-animation: showMe 6.5s linear 2s infinite normal none;
	animation: showMe 6.5s linear 2s infinite normal none;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}
.hs-titles span{
	-webkit-animation: showMeTitle 6.5s linear 2s infinite normal none;
	-moz-animation: showMeTitle 6.5s linear 2s infinite normal none;
	-o-animation: showMeTitle 6.5s linear 2s infinite normal none;
	-ms-animation: showMeTitle 6.5s linear 2s infinite normal none;
	animation: showMeTitle 6.5s linear 2s infinite normal none;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}
.hs-wrapper:hover .hs-titles span{
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
	opacity: 1;
}
.hs-wrapper img:nth-child(1),
.hs-titles span:nth-child(1){
	z-index: 9;
}
.hs-wrapper img:nth-child(2),
.hs-titles span:nth-child(2){
    -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	animation-delay: 0.5s;
	z-index: 8;
}
.hs-wrapper img:nth-child(3),
.hs-titles span:nth-child(3){
    -webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
	z-index: 7;
}
.hs-wrapper img:nth-child(4),
.hs-titles span:nth-child(4){
    -webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	animation-delay: 2.5s;
	z-index: 6;
}
.hs-wrapper img:nth-child(5),
.hs-titles span:nth-child(5){
    -webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	animation-delay: 3.5s;
	z-index: 5;
}
.hs-wrapper img:nth-child(6),
.hs-titles span:nth-child(6){
    -webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-o-animation-delay: 4.5s;
	-ms-animation-delay: 4.5s;
	animation-delay: 4.5s;
	z-index: 4;
}
.hs-wrapper img:nth-child(7),
.hs-titles span:nth-child(7){
    -webkit-animation-delay: 5.5s;
	-moz-animation-delay: 5.5s;
	-o-animation-delay: 5.5s;
	-ms-nimation-delay: 5.5s;
	animation-delay: 5.5s;
	z-index: 3;
}
.hs-wrapper img:nth-child(8),
.hs-titles span:nth-child(8){
    -webkit-animation-delay: 6.5s;
	-moz-animation-delay: 6.5s;
	-o-animation-delay: 6.5s;
	-ms-animation-delay: 6.5s;
	animation-delay: 6.5s;
	z-index: 2;
}
.hs-wrapper:hover img{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
}
.hs-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 500;
	background: rgba(0,0,0,0.6);
	box-shadow: 0 0 0 0 #ff3333 inset;
	pointer-events: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.hs-titles{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 200;
}
.hs-overlay span{
	display: block;
	padding: 20px;
	position: absolute;
	width: 293px;
	left: 20px;
	top: 200px;
	color: #fff;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	font-size: 38px;
	border-top: 0px solid rgba(255,255,255,0.3);
	border-bottom: 0px solid rgba(255,255,255,0.3);
	text-align: center;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.hs-titles span{
	display: block;
	padding: 30px 20px;
	position: absolute;
	width: 293px;
	left: 20px;
	bottom: 50%;
	color: #ff3333;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	font-size: 18px;
	background: #fff;
	text-align: left;/*
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);*/
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.hs-wrapper:hover .hs-overlay{
	opacity: 1;
	box-shadow: 0 0 0 0px #ff3333 inset;
}
@-webkit-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
@-webkit-keyframes showMeTitle {
    0% { visibility: visible; z-index: 1001; }
	12.5% { visibility: visible; z-index: 1001; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


@-moz-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
@-moz-keyframes showMeTitle {
    0% { visibility: visible; z-index: 1001; }
	12.5% { visibility: visible; z-index: 1001; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


@-o-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
@-o-keyframes showMeTitle {
    0% { visibility: visible; z-index: 1001; }
	12.5% { visibility: visible; z-index: 1001; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


@-ms-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
@-ms-keyframes showMeTitle {
    0% { visibility: visible; z-index: 1001; }
	12.5% { visibility: visible; z-index: 1001; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


@keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
@keyframes showMeTitle {
    0% { visibility: visible; z-index: 1001; }
	12.5% { visibility: visible; z-index: 1001; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}



/* -----------------------------------------------------------------------------

 FOOTER PUSH PLUS DE PROJET
  
----------------------------------------------------------------------------- */
.o-wrapper {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.c-menu {
    padding-top:3em;
  position: fixed;
  z-index: 200;
  background-color: #f0f6f1;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.c-menu--slide-bottom,
.c-menu--push-bottom {
  vertical-align: middle;
  height: 360px;
  overflow-x: scroll;
}
.c-menu--slide-bottom,
.c-menu--push-bottom {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(360px);
      -ms-transform: translateY(360px);
          transform: translateY(360px);
}

.c-menu--push-bottom img {height:110px;}

.c-menu--slide-bottom.is-active,
.c-menu--push-bottom.is-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.o-wrapper.has-push-bottom {
  -webkit-transform: translateY(-360px);
      -ms-transform: translateY(-360px);
          transform: translateY(-360px);
}
.c-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
          transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.c-buttons { margin-bottom: 2em; }


/*DRAPEAUX FR/EN */
.lang-fr {width:1px; height:1px; box-shadow:1px 1px 0 #555555,2px 1px 0 #555555,3px 1px 0 #555555,4px 1px 0 #555555,5px 1px 0 #555555,6px 1px 0 #555555,7px 1px 0 #555555,8px 1px 0 #555555,9px 1px 0 #555555,10px 1px 0 #555555,11px 1px 0 #555555,12px 1px 0 #555555,13px 1px 0 #555555,14px 1px 0 #555555,15px 1px 0 #555555,16px 1px 0 #555555,17px 1px 0 #555555,1px 2px 0 #555555,2px 2px 0 #555555,9px 2px 0 #555555,16px 2px 0 #555555,17px 2px 0 #555555,1px 3px 0 #555555,3px 3px 0 #555555,4px 3px 0 #555555,9px 3px 0 #555555,14px 3px 0 #555555,15px 3px 0 #555555,17px 3px 0 #555555,1px 4px 0 #555555,5px 4px 0 #555555,6px 4px 0 #555555,9px 4px 0 #555555,12px 4px 0 #555555,13px 4px 0 #555555,17px 4px 0 #555555,1px 5px 0 #555555,7px 5px 0 #555555,9px 5px 0 #555555,11px 5px 0 #555555,17px 5px 0 #555555,1px 6px 0 #555555,2px 6px 0 #555555,3px 6px 0 #555555,4px 6px 0 #555555,5px 6px 0 #555555,6px 6px 0 #555555,7px 6px 0 #555555,8px 6px 0 #555555,9px 6px 0 #555555,10px 6px 0 #555555,11px 6px 0 #555555,12px 6px 0 #555555,13px 6px 0 #555555,14px 6px 0 #555555,15px 6px 0 #555555,16px 6px 0 #555555,17px 6px 0 #555555,1px 7px 0 #555555,7px 7px 0 #555555,9px 7px 0 #555555,11px 7px 0 #555555,17px 7px 0 #555555,1px 8px 0 #555555,5px 8px 0 #555555,6px 8px 0 #555555,9px 8px 0 #555555,12px 8px 0 #555555,13px 8px 0 #555555,17px 8px 0 #555555,1px 9px 0 #555555,3px 9px 0 #555555,4px 9px 0 #555555,9px 9px 0 #555555,14px 9px 0 #555555,15px 9px 0 #555555,17px 9px 0 #555555,1px 10px 0 #555555,2px 10px 0 #555555,9px 10px 0 #555555,16px 10px 0 #555555,17px 10px 0 #555555,1px 11px 0 #555555,2px 11px 0 #555555,3px 11px 0 #555555,4px 11px 0 #555555,5px 11px 0 #555555,6px 11px 0 #555555,7px 11px 0 #555555,8px 11px 0 #555555,9px 11px 0 #555555,10px 11px 0 #555555,11px 11px 0 #555555,12px 11px 0 #555555,13px 11px 0 #555555,14px 11px 0 #555555,15px 11px 0 #555555,16px 11px 0 #555555,17px 11px 0 #555555;}
.lang-en {width:1px; height:1px; box-shadow:1px 1px 0 #555555,2px 1px 0 #555555,3px 1px 0 #555555,4px 1px 0 #555555,5px 1px 0 #555555,6px 1px 0 #555555,7px 1px 0 #555555,8px 1px 0 #555555,9px 1px 0 #555555,10px 1px 0 #555555,11px 1px 0 #555555,12px 1px 0 #555555,13px 1px 0 #555555,14px 1px 0 #555555,15px 1px 0 #555555,16px 1px 0 #555555,1px 2px 0 #555555,6px 2px 0 #555555,11px 2px 0 #555555,16px 2px 0 #555555,1px 3px 0 #555555,6px 3px 0 #555555,11px 3px 0 #555555,16px 3px 0 #555555,1px 4px 0 #555555,6px 4px 0 #555555,11px 4px 0 #555555,16px 4px 0 #555555,1px 5px 0 #555555,6px 5px 0 #555555,11px 5px 0 #555555,16px 5px 0 #555555,1px 6px 0 #555555,6px 6px 0 #555555,11px 6px 0 #555555,16px 6px 0 #555555,1px 7px 0 #555555,6px 7px 0 #555555,11px 7px 0 #555555,16px 7px 0 #555555,1px 8px 0 #555555,6px 8px 0 #555555,11px 8px 0 #555555,16px 8px 0 #555555,1px 9px 0 #555555,6px 9px 0 #555555,11px 9px 0 #555555,16px 9px 0 #555555,1px 10px 0 #555555,6px 10px 0 #555555,11px 10px 0 #555555,16px 10px 0 #555555,1px 11px 0 #555555,2px 11px 0 #555555,3px 11px 0 #555555,4px 11px 0 #555555,5px 11px 0 #555555,6px 11px 0 #555555,7px 11px 0 #555555,8px 11px 0 #555555,9px 11px 0 #555555,10px 11px 0 #555555,11px 11px 0 #555555,12px 11px 0 #555555,13px 11px 0 #555555,14px 11px 0 #555555,15px 11px 0 #555555,16px 11px 0 #555555;}