/*************************************
RESPONSIVE EFFECT
/*************************************/
.box {
	-webkit-box-shadow:inset 0px 0px 0px 4px #0d0d0d;
    -moz-box-shadow:inset 0px 0px 0px 4px #0d0d0d;
    box-shadow:inset 0px 0px 0px 4px #0d0d0d;
}


/*
 * initialisation de toutes les largeurs à faire au cas par cas     */
/* à partir de M on renseigne les tailles selon les PointBreak */

/* Bande A */


/*anime 010-L436
*/
.L436 {/* 1 anime */
    width:436px;
}
@-webkit-keyframes anim1 {100% { background-position: -5256px; }}
@-moz-keyframes anim1 {100% { background-position: -5256px; }}
@keyframes anim1 {100% { background-position: -5256px; }}
#c01.animate {/*12i    5256px 3952px    2628px  */
    -webkit-animation: anim1 1000ms steps(12)  forwards infinite ;
       -moz-animation: anim1 1000ms steps(12)  forwards infinite ;
        -ms-animation: anim1 1000ms steps(12)  forwards infinite;
            animation: anim1 1000ms steps(12)  forwards infinite;
}

/*anime 070-M455
*/
.M455 {/* 7 anime */
    width:455px;
}
@-webkit-keyframes anim4 {100% { background-position: -3185px; }}
@-moz-keyframes anim4 {100% { background-position: -3185px; }}
@keyframes anim4 {100% { background-position: -3185px; }}
#c07.animate {/*8i    3640px    2421px  */
    -webkit-animation: anim4 550ms steps(7)  forwards  ;
       -moz-animation: anim4 550ms steps(7)  forwards  ;
        -ms-animation: anim4 550ms steps(7)  forwards ;
            animation: anim4 550ms steps(7)  forwards ;
}


/*anime 130-M355
*/
.M355 {/* 13 anime */
	width:355px;
}
@-webkit-keyframes anim6 {100% { background-position: -1065px; }}
@-moz-keyframes anim6 {100% { background-position: -1065px; }}
@keyframes anim6 {100% { background-position: -1065px; }}
#c13.animate {/*3i    1065px	708px  */
    -webkit-animation: anim6 255ms steps(3)  forwards infinite ;
       -moz-animation: anim6 255ms steps(3)  forwards infinite ;
        -ms-animation: anim6 255ms steps(3)  forwards infinite;
            animation: anim6 255ms steps(3)  forwards infinite;
}



/*anime 150-M310
*/
.M310 {/* 15 anime */
	width:310px;
}
@-webkit-keyframes anim8 {100% { background-position: -620px; }}
@-moz-keyframes anim8 {100% { background-position: -620px; }}
@keyframes anim8 {100% { background-position: -620px; }}
#c15.animate {/*2i    620px	412px  */
    -webkit-animation: anim8 170ms steps(2)  forwards infinite ;
       -moz-animation: anim8 170ms steps(2)  forwards infinite ;
        -ms-animation: anim8 170ms steps(2)  forwards infinite;
            animation: anim8 170ms steps(2)  forwards infinite;
}



/*anime 170-L461
*/
.L461 {/* 14 anime */
	width:461px;
}
@-webkit-keyframes anim9 {100% { background-position: -2305px; }}
@-moz-keyframes anim9 {100% { background-position: -2305px; }}
@keyframes anim9 {100% { background-position: -2305px; }}
#c17.animate {/*5i    2305px   	1733px	1153px  */
    -webkit-animation: anim9 425ms steps(5)  forwards infinite ;
       -moz-animation: anim9 425ms steps(5)  forwards infinite ;
        -ms-animation: anim9 425ms steps(5)  forwards infinite;
            animation: anim9 425ms steps(5)  forwards infinite;
}


/*anime Page suivante
*/
.state1 {
  width: 334px;
}
.state1 .boutonLLS {
  transform: scale(0.6);
  -webkit-transition: all 0.2s cubic-bezier(0.1, 0.7, -1.1, 0.1); /* Safari */
    transition: all 0.2s;
    transition-delay: 0.1s;
}
.state1.animate .boutonLLS {
  transform: scale(1);
  -webkit-transition: all 0.2s ; /* Safari */
    transition: all 0.2s;
    transition-delay: 0.4s;
}





/* Bande B */




/*anime 270-M623
*/
.M623 {
	width:623px;
}
@-webkit-keyframes anim27 {100% { background-position: -1869px; }}
@-moz-keyframes anim27 {100% { background-position: -1869px; }}
@keyframes anim27 {100% { background-position: -1869px; }}
#c27.animate {/*4i    2492px   	1657px  */
    -webkit-animation: anim27 425ms steps(3)  forwards ;
       -moz-animation: anim27 425ms steps(3)  forwards ;
        -ms-animation: anim27 425ms steps(3)  forwards ;
            animation: anim27 425ms steps(3)  forwards ;
}

/* anime 320-L812 */
.L812 {
	width:812px;
}
@-webkit-keyframes anim32 {100% { background-position: -8120px; }}
@-moz-keyframes anim32 {100% { background-position: -8120px; }}
@keyframes anim32 {100% { background-position: -8120px; }}
#c32.animate {/*11i    8932px   	6716px 4466px  */
    -webkit-animation: anim32 1666ms steps(10)  forwards  ;
       -moz-animation: anim32 1666ms steps(10)  forwards ;
        -ms-animation: anim32 1666ms steps(10)  forwards ;
            animation: anim32 1666ms steps(10)  forwards ;
}
/* Bande C */


/*anime 460-M375
*/
.M375 {
	width:375px;
}
@-webkit-keyframes anim46 {100% { background-position: -1875px; }}
@-moz-keyframes anim46 {100% { background-position: -1875px; }}
@keyframes anim46 {100% { background-position: -1875px; }}
#c46.animate {/*6i    2250px   	1496px  */
    -webkit-animation: anim46 500ms steps(5)  forwards infinite;
       -moz-animation: anim46 500ms steps(5)  forwards infinite;
        -ms-animation: anim46 500ms steps(5)  forwards infinite;
            animation: anim46 500ms steps(5)  forwards infinite;
}


/*anime 690-L254
*/
.L254 {
	width:254px;
}
@-webkit-keyframes anim69 {100% { background-position: -1270px; }}
@-moz-keyframes anim69 {100% { background-position: -1270px; }}
@keyframes anim69 {100% { background-position: -1270px; }}
#c69.animate {/*6i    1524px	1146px	762px  */
    -webkit-animation: anim69 1000ms steps(5)  forwards infinite;
       -moz-animation: anim69 1000ms steps(5)  forwards infinite;
        -ms-animation: anim69 1000ms steps(5)  forwards infinite;
            animation: anim69 1000ms steps(5)  forwards infinite;
}

/*anime 750-L615
*/
.L615 {
	width:615px;
}
@-webkit-keyframes anim75 {100% { background-position: -1845px; }}
@-moz-keyframes anim75 {100% { background-position: -1845px; }}
@keyframes anim75 {100% { background-position: -1845px; }}
#c75.animate {/*4i    2460px	  1850px	1230px  */
    -webkit-animation: anim75 333ms steps(3)  forwards infinite;
       -moz-animation: anim75 333ms steps(3)  forwards infinite;
        -ms-animation: anim75 333ms steps(3)  forwards infinite;
            animation: anim75 333ms steps(3)  forwards infinite;
}

/*  BANDE E  */
/*anime 860-L596
*/
.L596 {
	width:596px;
}
@-webkit-keyframes anim86 {100% { background-position: -2384px; }}
@-moz-keyframes anim86 {100% { background-position: -2384px; }}
@keyframes anim86 {100% { background-position: -2384px; }}
#c86.animate {/*4i    2980px	  2241px	1490px  */
    -webkit-animation: anim86 666ms steps(4)  forwards ;
       -moz-animation: anim86 666ms steps(4)  forwards ;
        -ms-animation: anim86 666ms steps(4)  forwards ;
            animation: anim86 666ms steps(4)  forwards ;
}



/* FIN BANDE A B C D  */
/* HAUTEUR */
.L {
	height: 540px;
}
.M {
	height: 405px;
}
.S {
	height: 270px;
}
/*TEXTE BULLE      */

 @media screen and (min-height: 500px) and (max-height: 799px) { /*    L et XL    */
/* Bande A */


/*anime 010-L436
*/
.L436 {/* 1 anime */
    width:327px;
}
@-webkit-keyframes anim1 {100% { background-position: -3952px; }}
@-moz-keyframes anim1 {100% { background-position: -3952px; }}
@keyframes anim1 {100% { background-position: -3952px; }}
#c01.animate {/*12i    5256px 3952px    2628px  */
    -webkit-animation: anim1 1000ms steps(12)  forwards infinite ;
       -moz-animation: anim1 1000ms steps(12)  forwards infinite ;
        -ms-animation: anim1 1000ms steps(12)  forwards infinite;
            animation: anim1 1000ms steps(12)  forwards infinite;
}

/*anime 170-L461
*/
.L461 {
	width:346px;
}
@-webkit-keyframes anim9 {100% { background-position: -1733px; }}
@-moz-keyframes anim9 {100% { background-position: -1733px; }}
@keyframes anim9 {100% { background-position: -1733px; }}
#c17.animate {/*5i    2305px   	1733px	1153px  */
    -webkit-animation: anim9 425ms steps(5)  forwards infinite ;
       -moz-animation: anim9 425ms steps(5)  forwards infinite ;
        -ms-animation: anim9 425ms steps(5)  forwards infinite;
            animation: anim9 425ms steps(5)  forwards infinite;
}







/* Bande B */


/* anime 320-L812 */
.L812 {
	width:609px;
}
@-webkit-keyframes anim32 {100% { background-position: -6107px; }}
@-moz-keyframes anim32 {100% { background-position: -6107px; }}
@keyframes anim32 {100% { background-position: -6107px; }}
#c32.animate {/*11i    8932px   	6716px 4466px  */
    -webkit-animation: anim32 1666ms steps(10)  forwards  ;
       -moz-animation: anim32 1666ms steps(10)  forwards ;
        -ms-animation: anim32 1666ms steps(10)  forwards ;
            animation: anim32 1666ms steps(10)  forwards ;
}
/* Bande C */

/*anime 690-M254
*/
.L254 {/* 14 anime */
	width:191px;
}
@-webkit-keyframes anim69 {100% { background-position: -955px; }}
@-moz-keyframes anim69 {100% { background-position: -955px; }}
@keyframes anim69 {100% { background-position: -955px; }}
#c69.animate {/*6i    1524px	1146px	762px  */
    -webkit-animation: anim69 1000ms steps(5)  forwards infinite;
       -moz-animation: anim69 1000ms steps(5)  forwards infinite;
        -ms-animation: anim69 1000ms steps(5)  forwards infinite;
            animation: anim69 1000ms steps(5)  forwards infinite;
}

/*anime 750-L615
*/
.L615 {/* 14 anime */
	width:461px;
}
@-webkit-keyframes anim75 {100% { background-position: -1389px; }}
@-moz-keyframes anim75 {100% { background-position: -1389px; }}
@keyframes anim75 {100% { background-position: -1389px; }}
#c75.animate {/*4i    2460px	  1850px	1230px  */
    -webkit-animation: anim75 333ms steps(3)  forwards infinite;
       -moz-animation: anim75 333ms steps(3)  forwards infinite;
        -ms-animation: anim75 333ms steps(3)  forwards infinite;
            animation: anim75 333ms steps(3)  forwards infinite;
}

/*  BANDE E  */
/*anime 860-L596
*/
.L596 {
	width:447px;
}
@-webkit-keyframes anim86 {100% { background-position: -1794px; }}
@-moz-keyframes anim86 {100% { background-position: -1794px; }}
@keyframes anim86 {100% { background-position: -1794px; }}
#c86.animate {/*4i    2980px	  2241px	1490px  */
    -webkit-animation: anim86 666ms steps(4)  forwards ;
       -moz-animation: anim86 666ms steps(4)  forwards ;
        -ms-animation: anim86 666ms steps(4)  forwards ;
            animation: anim86 666ms steps(4)  forwards ;
}

/* FIN BANDE  */

/* HAUTEUR */
.L {
    height: 406px;
}

/* INTERFACE
/* ---> boutons  */
.owl-prev {
    bottom: 50%;
    height: 56px;
    left: 3px;
    width: 36px;
}
.owl-next {
    bottom: 50%;
    height: 56px;
    right: 3px;
    width: 36px;
}
/* ---> boutons  */
.header__icon {
    height: 44px;
    width: 44px;
	top: 2px;
	left: 0;
}
h1 {
    border-bottom: 1px dotted #74777c;
    font-size: 30px;
    padding-bottom: 9px;
	margin:8px 0;
}
li {
font-size: 16px;
line-height: 0.8em;
}

}
 @media screen and (min-height: 1px) and (max-height: 499px) { /*     M, L et XL    *******************************************************************************/
/* Bande A */


/*anime 010-L436
*/
.L436 {/* 1 anime */
    width:218px;
}
@-webkit-keyframes anim1 {100% { background-position: -2628px; }}
@-moz-keyframes anim1 {100% { background-position: -2628px; }}
@keyframes anim1 {100% { background-position: -2628px; }}
#c01.animate {/*12i    5256px 3952px    2628px  */
    -webkit-animation: anim1 1000ms steps(12)  forwards infinite ;
       -moz-animation: anim1 1000ms steps(12)  forwards infinite ;
        -ms-animation: anim1 1000ms steps(12)  forwards infinite;
            animation: anim1 1000ms steps(12)  forwards infinite;
}


/*anime 070-M455
*/
.M455 {
	width:303px;
}
@-webkit-keyframes anim4 {100% { background-position: -2118px; }}
@-moz-keyframes anim4 {100% { background-position: -2118px; }}
@keyframes anim4 {100% { background-position: -2118px; }}
#c07.animate {/*8i    3640px   	2421px  */
    -webkit-animation: anim4 550ms steps(7)  forwards  ;
       -moz-animation: anim4 550ms steps(7)  forwards  ;
        -ms-animation: anim4 550ms steps(7)  forwards ;
            animation: anim4 550ms steps(7)  forwards ;
}




/*anime 130-M355
*/
.M355 {
	width:236px;
}
@-webkit-keyframes anim6 {100% { background-position: -708px; }}
@-moz-keyframes anim6 {100% { background-position: -708px; }}
@keyframes anim6 {100% { background-position: -708px; }}
#c13.animate {/*3i    1065px	708px  */
    -webkit-animation: anim6 255ms steps(3)  forwards infinite ;
       -moz-animation: anim6 255ms steps(3)  forwards infinite ;
        -ms-animation: anim6 255ms steps(3)  forwards infinite;
            animation: anim6 255ms steps(3)  forwards infinite;
}




/*anime 150-M310
*/
.M310 {
	width:206px;
}
@-webkit-keyframes anim8 {100% { background-position: -412px; }}
@-moz-keyframes anim8 {100% { background-position: -412px; }}
@keyframes anim8 {100% { background-position: -412px; }}
#c15.animate {/*2i    620px	412px  */
    -webkit-animation: anim8 170ms steps(2)  forwards infinite ;
       -moz-animation: anim8 170ms steps(2)  forwards infinite ;
        -ms-animation: anim8 170ms steps(2)  forwards infinite;
            animation: anim8 170ms steps(2)  forwards infinite;
}



/*anime 170-L461
*/
.L461 {
	width:231px;
}
@-webkit-keyframes anim9 {100% { background-position: -1153px; }}
@-moz-keyframes anim9 {100% { background-position: -1153px; }}
@keyframes anim9 {100% { background-position: -1153px; }}
#c17.animate {/*5i    2305px   	1733px	1153px  */
    -webkit-animation: anim9 425ms steps(5)  forwards infinite ;
       -moz-animation: anim9 425ms steps(5)  forwards infinite ;
        -ms-animation: anim9 425ms steps(5)  forwards infinite;
            animation: anim9 425ms steps(5)  forwards infinite;
}



/* Bande B */


/*anime 270-M623
*/
.M623 {/* 14 anime */
	width:414px;
}
@-webkit-keyframes anim27 {100% { background-position: -1242px; }}
@-moz-keyframes anim27 {100% { background-position: -1242px; }}
@keyframes anim27 {100% { background-position: -1242px; }}
#c27.animate {/*4i    2492px   	1657px  */
    -webkit-animation: anim27 425ms steps(3)  forwards  ;
       -moz-animation: anim27 425ms steps(3)  forwards ;
        -ms-animation: anim27 425ms steps(3)  forwards ;
            animation: anim27 425ms steps(3)  forwards ;
}

/* anime 320-L812 */
.L812 {
	width:406px;
}
@-webkit-keyframes anim32 {100% { background-position: -4060px; }}
@-moz-keyframes anim32 {100% { background-position: -4060px; }}
@keyframes anim32 {100% { background-position: -4060px; }}
#c32.animate {/*11i    8932px   	6716px 4466px  */
    -webkit-animation: anim32 1666ms steps(10)  forwards  ;
       -moz-animation: anim32 1666ms steps(10)  forwards ;
        -ms-animation: anim32 1666ms steps(10)  forwards ;
            animation: anim32 1666ms steps(10)  forwards ;
}
/* Bande C */

/*anime 460-M375
*/
.M375 {/* 14 anime */
	width:249px;
}
@-webkit-keyframes anim46 {100% { background-position: -1247px; }}
@-moz-keyframes anim46 {100% { background-position: -1247px; }}
@keyframes anim46 {100% { background-position: -1247px; }}
#c46.animate {/*6i    2250px   	1496px  */
    -webkit-animation: anim46 500ms steps(5)  forwards infinite;
       -moz-animation: anim46 500ms steps(5)  forwards infinite;
        -ms-animation: anim46 500ms steps(5)  forwards infinite;
            animation: anim46 500ms steps(5)  forwards infinite;
}

/*anime 690-M254
*/
.L254 {/* 14 anime */
	width:127px;
}
@-webkit-keyframes anim69 {100% { background-position: -635px; }}
@-moz-keyframes anim69 {100% { background-position: -635px; }}
@keyframes anim69 {100% { background-position: -635px; }}
#c69.animate {/*6i    1524px	1146px	762px  */
    -webkit-animation: anim69 1000ms steps(5)  forwards infinite;
       -moz-animation: anim69 1000ms steps(5)  forwards infinite;
        -ms-animation: anim69 1000ms steps(5)  forwards infinite;
            animation: anim69 1000ms steps(5)  forwards infinite;
}
/*anime 750-L615
*/
.L615 {/* 14 anime */
	width:308px;
}
@-webkit-keyframes anim75 {100% { background-position: -922px; }}
@-moz-keyframes anim75 {100% { background-position: -922px; }}
@keyframes anim75 {100% { background-position: -922px; }}
#c75.animate {/*4i    2460px	  1850px	1230px  */
    -webkit-animation: anim75 333ms steps(3)  forwards infinite;
       -moz-animation: anim75 333ms steps(3)  forwards infinite;
        -ms-animation: anim75 333ms steps(3)  forwards infinite;
            animation: anim75 333ms steps(3)  forwards infinite;
}


/*  BANDE E  */
/*anime 860-L596
*/
.L596 {
	width:298px;
}
@-webkit-keyframes anim86 {100% { background-position: -1192px; }}
@-moz-keyframes anim86 {100% { background-position: -1192px; }}
@keyframes anim86 {100% { background-position: -1192px; }}
#c86.animate {/*4i    2980px	  2241px	1490px  */
    -webkit-animation: anim86 666ms steps(4)  forwards ;
       -moz-animation: anim86 666ms steps(4)  forwards ;
        -ms-animation: anim86 666ms steps(4)  forwards ;
            animation: anim86 666ms steps(4)  forwards ;
}

/* HAUTEUR */
.M,
.L {
	height: 270px;
}

/*bulle*/

}

/*************************************
BULLES
/*************************************/
.box {
	-webkit-box-shadow:inset 0px 0px 0px 3px;
    -moz-box-shadow:inset 0px 0px 0px 3px;
    box-shadow:inset 0px 0px 0px 3px;
}

.calque {
	position:  absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	height:100%;
	width:100%;
	margin: 0;
}

/*TEXTE BULLE      */

/* INTERFACE
/* ---> boutons  */
.owl-prev {
    height: 43px;
    width: 30px;
}
.owl-next {
    height: 43px;
    width: 30px;
}
/* ---> boutons  */
.header__icon {
    height: 38px;
    width: 38px;
	top: 0;
	left: 0;
}
h1 {
    border-bottom: 1px dotted #74777c;
    font-size: 28px;
    padding-bottom: 8px;
	margin:0;
}
li {
font-size: 14px;
line-height: 0.6em;
}
}