/* CSS Document */
#gauchecadreanim{
	position: absolute;
	left:-270px;
	width: 560px;
	height: 124px;
	top: 36px;
	z-index: 27;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}#gauchecadrefix{
	position: absolute;
	left:-223px;
	width: 560px;
	height: 124px;
	top: 49px;
	z-index: 587;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}
#gauchecadre{
	position: absolute;
	left:-206px;
	width: 560px;
	height: auto;
	top: -254px;
	overflow: hidden;
	z-index: 2;
}
#gauchecadre2{
	position: absolute;
	left:-280px;
	width: 570px;
	height: auto;
	top: -18px;
	overflow: hidden;
	z-index: 2;
}
#gauchemask{
	position: absolute;
	left:1px;
	width: 592px;
	height: 110px;
	top: -46px;
	z-index: 28;
    -webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
	background-color: #F6F6F6;
}
#gauchemask2{
	position: absolute;
	left:-3px;
	width: auto;
	height: 59px;
	top: 79px;
	z-index: 6;


	-webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
}
#plancadreanim{	

	position: absolute;
	left:63px;
	width: 575px;
	height: 30px;
	top: 26px;
	z-index: 27;

	-webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
#texttitre{
	position: absolute;
	left:-179px;
	width: 416px;
	height: 49px;
	top: 67px;
	z-index: 8;


    -webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
	font-family: p8;
	font-size: 24px;
}

#gauchecadreanim_index{
	position: absolute;
	left:-284px;
	width: 640px;
	height: 124px;
	top: 36px;
	z-index: 27;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}#gauchecadrefix_index{
	position: absolute;
	left:-230px;
	width: 640px;
	height: 124px;
	top: 49px;
	z-index: 587;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}
#gauchecadre_index{

	position: absolute;
	left:-206px;
	width: 530px;
	height: auto;
	top: -84px;
	overflow: hidden;
	z-index: 2;
}
#gauchecadre2_index{
	position: absolute;
	left:-290px;
	width: 640px;
	height: auto;
	top: -18px;
	overflow: hidden;
	z-index: 2;
}
#gauchemask_index{
	position: absolute;
	left:1px;
	width: 630px;
	height: 110px;
	top: -47px;
	z-index: 28;
    -webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
	background-color: #F6F6F6;
}
#gauchemask2_index{
	position: absolute;
	left:0px;
	width: 650px;
	height: 59px;
	top: 79px;
	z-index: 28;


	-webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
}
#plancadreanim_index{
	position: absolute;
	left:72px;
	width: 575px;
	height: 30px;
	top: 26px;
	z-index: 27;


	-webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}





#gauchecadreanim_resp{
	position: absolute;
	left:-210px;
	width: 440px;
	height: 124px;
	top: 36px;
	z-index: 27;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}#gauchecadrefix_resp{
	position: absolute;
	left:-175px;
	width: 360px;
	height: 124px;
	top: 49px;
	z-index: 587;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}
#gauchecadre_resp{
	position: absolute;
	left:-152px;
	width: 560px;
	height: auto;
	top: -200px;
	overflow: hidden;
	z-index: 2;
}
#gauchecadre2_resp{
	position: absolute;
	left:-212px;
	width: 470px;
	height: auto;
	top: -18px;
	overflow: hidden;
	z-index: 2;
}
#gauchemask_resp{
	position: absolute;
	left:1px;
	width: 592px;
	height: 127px;
	top: -63px;
	z-index: 28;
    -webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
	background-color: #F6F6F6;
}
#gauchemask2_resp{
	position: absolute;
	left:1px;
	width: auto;
	height: 59px;
	top: 79px;
	z-index: 6;


	-webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
}
#plancadreanim_resp{	

	position: absolute;
	left:58px;
	width: 400px;
	height: 30px;
	top: 26px;
	z-index: 27;

	-webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}









#gauchecadreanim_index2{
	position: absolute;
	left:-210px;
	width: 640px;
	height: 124px;
	top: 36px;
	z-index: 27;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}#gauchecadrefix_index2{
	position: absolute;
	left:-175px;
	width: 640px;
	height: 124px;
	top: 49px;
	z-index: 587;
    -webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: hidden;
	padding-top: 40px;
}
#gauchecadre_index2{

	position: absolute;
	left:-159px;
	width: 530px;
	height: auto;
	top: -154px;
	overflow: hidden;
	z-index: 2;
}
#gauchecadre2_index2{
	position: absolute;
	left:-215px;
	width: 640px;
	height: 280px;
	top: 0px;
	overflow: hidden;
	z-index: 2;
}
#gauchemask_index2{
	position: absolute;
	left:1px;
	width: 630px;
	height: 110px;
	top: -47px;
	z-index: 28;
    -webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
	background-color: #F6F6F6;
}
#gauchemask2_index2{
	position: absolute;
	left:0px;
	width: 650px;
	height: 59px;
	top: 79px;
	z-index: 28;


	-webkit-animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchemask 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	overflow: visible;
}
#plancadreanim_index2{
	position: absolute;
	left:58px;
	width: 575px;
	height: 30px;
	top: 26px;
	z-index: 27;


	-webkit-animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: gauchecadreanim 3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}












@-webkit-keyframes gauchecadreanim {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes gauchecadreanim {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
@-webkit-keyframes gauchemask {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes gauchemask {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}