@font-face {
    font-family: 'komika_textregular';
    src: url("fonts/komtxt__-webfont.eot");
    src: url("fonts/komtxt__-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/komtxt__-webfont.woff2") format("woff2"), url("fonts/komtxt__-webfont.woff") format("woff"), url("fonts/komtxt__-webfont.ttf") format("truetype"), url("fonts/komtxt__-webfont.svg#komika_textregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'komika_textbold';
    src: url("fonts/komtxtb_-webfont.eot");
    src: url("fonts/komtxtb_-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/komtxtb_-webfont.woff2") format("woff2"), url("fonts/komtxtb_-webfont.woff") format("woff"), url("fonts/komtxtb_-webfont.ttf") format("truetype"), url("fonts/komtxtb_-webfont.svg#komika_textbold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntulight_italic';
    src: url("fonts/ubuntu-lightitalic-webfont.eot");
    src: url("fonts/ubuntu-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-lightitalic-webfont.woff2") format("woff2"), url("fonts/ubuntu-lightitalic-webfont.woff") format("woff"), url("fonts/ubuntu-lightitalic-webfont.ttf") format("truetype"), url("fonts/ubuntu-lightitalic-webfont.svg#ubuntulight_italic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@-webkit-keyframes btnblink {
    0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}@keyframes btnblink {
    0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}@-webkit-keyframes cling {
    0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}@keyframes cling {
    0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}.cling {
    -webkit-animation: cling 1.5s ease-in-out infinite both;
    animation: cling 1.5s ease-in-out infinite both;
}
a, a:link, a:hover {
    outline: none;
}
.ep-btn-son {
    position: absolute;
    top: 0px;
    left: 650px;
    width: 30px;
    height: 31px;
    z-index: 5;
}
.ep-btn-son a {
    display: block;
    width: 30px;
    height: 31px;
    text-align: left;
    text-indent: -9999px;
}
.ep-btn-son-actif {
    background: url(images/bt_son_actif.png) no-repeat 50% 50%}
.ep-btn-son-actif:hover {
    background: url(images/bt_son_actif_roll.png) no-repeat 50% 50%}
.ep-btn-son-coupe {
    background: url(images/bt_son_coupe.png) no-repeat 50% 50%}
.ep-btn-son-coupe:hover {
    background: url(images/bt_son_coupe_roll.png) no-repeat 50% 50%}
.ep-screen-start {
    position: absolute;
    z-index: 2;
    text-indent: -9999px;
    display: block;
}
.ep-content-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 675px;
    height: 500px;
    padding: 0;
    margin: 0;
    font: normal 18px/22px komika_textregular,  cursive;
    color: #20bfd5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(images/home_fond.jpg) no-repeat 0 0;
    /*overflow: hidden*/}
.ep-content-wrapper h5 {
    font: normal 24px/28px komika_textbold,  cursive;
    color: #009cb2;
    padding: 0;
    margin: 0 0 20px 0;
}
.ep-content-wrapper p {
    padding: 0;
    margin: 0;
}
.ep-screen0 {
    padding-left: 405px;
    padding-top: 200px;
}
.ep-screen0 .ep-screen-start {
    background: url(images/bt_go.png) no-repeat 50% 50%;
    width: 110px;
    height: 110px;
    top: 240px;
    left: 280px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-animation: btnblink 1.5s ease-out infinite;
    animation: btnblink 1.5s ease-out infinite;
}
.ep-screen0 .ep-screen-start.off {
    -webkit-animation: none;
    animation: none;
}
.ep-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.8);
    */z-index: 3;
    -webkit-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
    opacity: 1;
    z-index: 3;
    overflow: hidden;
}
.ep-screen-wrapper {
    z-index: 4;
    position: absolute;
    background: url(images/fond.png) no-repeat 0 22px;
    top: 50%;
    left: 50%;
    width: 840px;
    height: 645px;
    padding: 32px 0 0 10px;
    margin: -325px 0 0 -420px;
    font: normal 18px/22px komika_textregular,  cursive;
    color: #20bfd5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.ep-screen-close {
    width: 44px;
    height: 45px;
    background: url(images/bt_fermer.png) no-repeat 50% 0;
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    /*z-index: 5;
    */text-indent: -9999px;
}
#close-game-screens {
    z-index: 5;
}
#close-first-screen {
    top: -15px;
    right: -15px;
}
.ep-screen-close:hover {
    background: url(images/bt_fermer.png) no-repeat 50% 100%}
.ep-screens {
    position: relative;
    height: 600px;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.ep-screen {
    width: 800px;
    height: 600px;
    float: left;
    margin-right: 50px;
    -webkit-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
    position: relative;
}
.ep-screen .ep-instruction {
    font: normal 16px/18px 'ubuntulight_italic', arial, sans-serif;
    color: #000;
    width: 430px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 190px;
}
.ep-screen .ep-question-deco {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.ep-slide-head {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.ep-slide-head .ep-snav {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: -1;
}
.ep-slide-head h2 {
    margin: 40px 0 0 0;
}
.ep-slide-head h3 {
    width: 580px;
    margin: 20px auto 0 auto;
    font-size: 32px;
    line-height: 40px;
    z-index: 99;
}
.ep-screen .ep-question {
    width: 430px;
    margin: 0 auto;
    position: absolute;
    top: 300px;
    left: 190px;
    z-index: 1;
}
.ep-ranges {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 470px;
    overflow: hidden;
}
.ep-ranges li {
    display: inline;
    padding: 0;
    margin: 0 0 0 -14px;
}
.ep-ranges li, .ep-ranges li img {
    -webkit-transform: scale(0.7) translateY(25px);
    -ms-transform: scale(0.7) translateY(25px);
    transform: scale(0.7) translateY(25px);
}
.ep-ranges li.active, .ep-ranges li.active img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.ep-ranges li.ep-range-1 {
    margin: 0 0 0 -25px;
}
.ep-ranges li.ep-range-5 {
    margin: 0 0 0 -20px;
}
.ep-ranges li.ep-range-1.active img {
    background: url(images/main_contour_1.png) no-repeat 0 50%}
.ep-ranges li.ep-range-2.active img {
    background: url(images/main_contour_2.png) no-repeat 0 50%}
.ep-ranges li.ep-range-3.active img {
    background: url(images/main_contour_3.png) no-repeat 0 50%}
.ep-ranges li.ep-range-4.active img {
    background: url(images/main_contour_4.png) no-repeat 0 50%}
.ep-ranges li.ep-range-5.active img {
    background: url(images/main_contour_5.png) no-repeat 0 50%}
.ep-slider {
    height: 60px;
    width: 412px;
    position: relative;
}
.ep-slider-back {
    height: 60px;
    width: 430px;
    background: url(images/barre_vide.png) no-repeat 50% 50%;
    position: relative;
}
.ep-slider-fill {
    height: 60px;
    background: url(images/barre_interieur.png) no-repeat 0 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    z-index: 9;
}
.ep-slider-handle {
    background: url(images/bt_deplacer.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 54px;
    z-index: 10;
}
.ep-screen-next {
    position: absolute;
    z-index: 6;
    top: 510px;
    left: 710px;
    width: 75px;
    height: 110px;
    text-align: center;
    display: none;
}
.ep-screen-next em {
    background-image: url(images/bt_rond_valider_roll.png);
    display: block;
    width: 75px;
    height: 78px;
    background: url(images/bt_rond_valider.png) no-repeat 50% 50%;
    text-align: center;
    -webkit-animation: btnblink 1.5s ease-out infinite;
    animation: btnblink 1.5s ease-out infinite;
    text-indent: -9999px;
}
.ep-screen-next:hover em {
    background-image: url(images/bt_rond_valider_roll.png);
}
.ep-screen-next span {
    width: 75px;
    height: 18px;
    display: inline-block;
    background: url(images/txt_suivant.png) no-repeat 50% 100%;
    text-indent: -9999px;
    text-align: center;
    margin: 10px auto 0 auto;
}
.ep-screen-next:hover span {
    background-image: url(images/txt_suivant_roll.png);
}
.ep-screen-valider {
    position: absolute;
    z-index: 6;
    top: 510px;
    left: 710px;
    width: 75px;
    height: 110px;
    text-align: center;
}
.ep-screen-valider em {
    background-image: url(images/bt_rond_valider_roll.png);
    display: block;
    width: 75px;
    height: 78px;
    background: url(images/bt_rond_valider.png) no-repeat 50% 50%;
    text-align: center;
    -webkit-animation: btnblink 1.5s ease-out infinite;
    animation: btnblink 1.5s ease-out infinite;
    text-indent: -9999px;
}
.ep-screen-valider:hover em {
    background-image: url(images/bt_rond_valider_roll.png);
}
.ep-screen-valider span {
    width: 60px;
    height: 18px;
    display: inline-block;
    background: url(images/txt_valider.png) no-repeat 50% 100%;
    text-indent: -9999px;
    text-align: center;
    margin: 10px auto 0 auto;
}
.ep-screen-valider:hover span {
    background-image: url(images/txt_valider_roll.png);
}
.ep-screen-previous {
    position: absolute;
    z-index: 6;
    top: 510px;
    left: 710px;
    width: 75px;
    height: 110px;
    text-align: center;
}
.ep-screen-previous em {
    background-image: url(images/bt_rond_retour_roll.png);
    display: block;
    width: 75px;
    height: 78px;
    background: url(images/bt_rond_retour.png) no-repeat 50% 50%;
    text-align: center;
    -webkit-animation: btnblink 1.5s ease-out infinite;
    animation: btnblink 1.5s ease-out infinite;
    text-indent: -9999px;
}
.ep-screen-previous:hover em {
    background-image: url(images/bt_rond_retour_roll.png);
}
.ep-screen-previous span {
    width: 52px;
    height: 18px;
    display: inline-block;
    background: url(images/txt_retour.png) no-repeat 50% 100%;
    text-indent: -9999px;
    text-align: center;
    margin: 10px auto 0 auto;
}
.ep-screen-previous:hover span {
    background-image: url(images/txt_retour_roll.png);
}
.ep-reponse {
    position: relative;
    background: url(images/fond_reponses.png) no-repeat 50% 50%}
.ep-screen9.ep-reponse {
    background: url(images/fond_reponses_menu.png) no-repeat 50% 50%}
.ep-reponse-deco {
    position: absolute;
    top: 100px;
    left: 490px;
    display: block;
    width: 289px;
    height: 456px;
}
.ep-reponse .ep-titre {
    margin: 15px 0 0 0;
    padding: 0;
    text-align: center;
}
.ep-reponse .ep-reponses {
    list-style: none;
    margin: 78px 0 0 26px;
    padding: 0;
    text-align: left;
}
.ep-reponse .ep-reponses li {
    width: 426px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 6px;
}
.ep-reponse .ep-reponses li a {
    display: block;
    width: 426px;
    height: 72px;
    background: url(images/bt_menu_2.png) no-repeat 0 0;
    overflow: hidden;
}
.ep-reponse .ep-reponses li a:hover {
    background-position: 0 100%}
.ep-reponse .ep-reponses li img {
    margin: 18px 0 0 70px;
}
.ep-screen.ep-reponse p strong, .ep-screen.ep-reponse li strong {
    font-weight: normal;
    letter-spacing: -1px;
    color: #ed483a;
}
.ep-screen.ep-reponse ul {
    list-style-type: none;
    margin: -14px 0 0 60px;
    padding: 10px;
    text-indent: -10px;
    font-size: 16px;
}
.ep-screen.ep-reponse ul li {
    margin: 0;
    padding: 0;
    line-height: 20px;
}
.ep-screen.ep-reponse p.liststyle {
    padding-left: 10px;
    text-indent: -10px;
}
.ep-screen9.ep-reponse ul {
    list-style-type: none;
    margin: 75px 0 0 25px;
    padding: 0;
    text-indent: 0;
    font-size: 16px;
}
.ep-screen9.ep-reponse ul li {
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 1px;
}
.ep-screen9.ep-reponse p.liststyle {
    padding-left: 0;
    text-indent: 0;
}
.ep-screen10.ep-reponse {
    color: #000;
}
.ep-screen10.ep-reponse .ep-titre {
    margin-top: 12px;
    margin-bottom: 98px;
}
.ep-screen10.ep-reponse p {
    margin: 0 20px 0 20px;
}
.ep-screen10.ep-reponse p strong, .ep-screen10.ep-reponse li strong {
    color: #ed483a;
}
.ep-screen10.ep-reponse .ep-reponse-deco {
    position: absolute;
    top: 120px;
    left: 620px;
    display: block;
    width: auto;
    height: auto;
}
.ep-screen11 .ep-reponse-deco {
    top: 58px;
    left: 665px;
    width: 107px;
    height: 393px;
}
.ep-screen11.ep-reponse {
    color: #000;
}
.ep-screen11.ep-reponse .ep-titre {
    margin-top: 13px;
    margin-bottom: 102px;
}
.ep-screen11.ep-reponse p {
    margin: 0 20px 0 20px;
}
.ep-screen11.ep-reponse p strong {
    color: #0096d7;
}
.ep-screen11.ep-reponse li strong {
    color: #0096d7;
}
.ep-screen12 .ep-reponse-deco {
    top: 174px;
    left: 435px;
    width: 317px;
    height: 291px;
}
.ep-screen12.ep-reponse {
    color: #000;
}
.ep-screen12.ep-reponse .ep-titre {
    margin-top: 13px;
    margin-bottom: 102px;
}
.ep-screen12.ep-reponse p {
    margin: 0 20px 0 20px;
}
.ep-screen12.ep-reponse p strong {
    color: #e71676;
}
.ep-screen13 .ep-reponse-deco {
    top: 112px;
    left: 547px;
    width: 112px;
    height: 441px;
}
.ep-screen13.ep-reponse {
    color: #000;
}
.ep-screen13.ep-reponse .ep-titre {
    margin-top: 13px;
    margin-bottom: 102px;
}
.ep-screen13.ep-reponse p {
    margin: 0 20px 0 20px;
}
.ep-screen13.ep-reponse p strong {
    color: #0096d7;
}
.ep-screen14 .ep-reponse-deco {
    top: 180px;
    left: 518px;
    width: 263px;
    height: 233px;
}
.ep-screen14.ep-reponse {
    color: #000;
}
.ep-screen14.ep-reponse .ep-titre {
    margin-top: 13px;
    margin-bottom: 102px;
}
.ep-screen14.ep-reponse p {
    margin: 0 20px 0 20px;
}
.ep-screen14.ep-reponse p strong {
    color: #9f68a9;
}
.ep-screen1 h3 {
    color: #00b9b5;
}
.ep-screen1 .ep-question-deco {
    left: 20px;
    top: 270px;
}
.ep-screen2 h3 {
    color: #ef5ab7;
}
.ep-screen2 .ep-question {
    width: 430px;
    margin: 0 auto;
    position: absolute;
    top: 205px;
    left: 50px;
    z-index: 1;
}
.ep-screen2 .drop1 {
    text-align: center;
    background: red;
    width: 312px;
    height: 312px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/rond_depot.png) no-repeat 0 0;
}
.ep-screen2 .drop1.pep-dpa {
    background: url(images/rond_depot.png) no-repeat -312px 0;
}
.ep-screen2 .drop1 .txt {
    margin-top: 135px;
}
.ep-screen2 .fleche {
    position: absolute;
    top: 121px;
    left: 279px;
    z-index: 10;
}
.ep-screen2 .drag {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.ep-screen2 .drag1 {
    left: 445px;
    top: 164px;
}
.ep-screen2 .drag2 {
    left: 389px;
    top: 34px;
}
.ep-screen2 .drag3 {
    left: 527px;
    top: 25px;
}
.ep-screen3 h3 {
    color: #4896cf;
}
.ep-screen3 .ep-question {
    width: 702px;
    margin: 0 auto;
    position: absolute;
    top: 235px;
    left: 50px;
    z-index: 1;
}
.ep-screen3 .ep-instruction {
    width: 702px;
    left: 47px;
}
.ep-screen3 .ep-times {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ep-screen3 .ep-times li {
    width: 112px;
    height: 213px;
    float: left;
    background: url(images/bloc_vide_long.png) no-repeat 0 0;
    margin-left: 5px;
    text-align: center;
    position: relative;
}
.ep-screen3 .ep-times li img {
    margin: -30px 0 0 -5px;
}
.ep-screen3 .ep-times li img.ep-titre {
    margin: 0 auto;
}
.ep-screen3 .ep-times li .drop {
    width: 75px;
    height: 75px;
    background: url(images/rond.png) no-repeat 50% 50%;
    margin: 0 auto;
}
.ep-screen3 .ep-times li .drop.pep-dpa {
    width: 75px;
    height: 75px;
    background: url(images/rond_roll.png) no-repeat 50% 50%;
    margin: 0 auto;
}
.ep-screen3 .ep-times li:first-child {
    margin-left: 0;
}
.ep-screen3 .ep-fleche.ep-left {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    position: absolute;
    top: 220px;
    left: 271px;
}
.ep-screen3 .drag {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    position: absolute;
    top: 223px;
    left: 303px;
}


@-moz-document url-prefix()
{
    .ep-screen3 .drag {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        position: absolute;
        top: 223px;
        left: 330px;
    }
   .ep-screen3 img.drag {
        width: 80px!important ;
        height: 78px!important ;
        transform: translate(-20px, -3.8px)!important;
    }
}

.ep-screen3 .ep-fleche.ep-right {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    position: absolute;
    top: 220px;
    left: 393px;
}
.ep-screen4 h3, .ep-screen7 h3 {
    color: #ef5ab7;
}
.ep-screen4 .ep-question, .ep-screen7 .ep-question {
    width: 430px;
    height: 500px;
    margin: 0 auto;
    position: absolute;
    top: 205px;
    left: 50px;
    z-index: 1;
}
.ep-screen4 .row, .ep-screen7 .row {
    position: absolute;
    top: 0;
    left: 0;
    width: 630px;
    height: 150px;
}
.ep-screen4 .row div, .ep-screen7 .row div {
    position: absolute;
    top: 0;
    background: url(images/bloc_vide.png) no-repeat 0 100%;
    width: 132px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    line-height: 123px;
    padding-bottom: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ep-screen4 .row div.drag, .ep-screen7 .row div.drag {
    z-index: 10;
}
.ep-screen4 .row div.drop, .ep-screen7 .row div.drop {
    z-index: 9;
}
.ep-screen4 .row div.drop.pep-dpa, .ep-screen7 .row div.drop.pep-dpa {
    background: url(images/bloc_vide_roll.png) no-repeat 0 100%}
.ep-screen4 .row div.drag.d1, .ep-screen4 .row div.drop.d1, .ep-screen7 .row div.drag.d1, .ep-screen7 .row div.drop.d1 {
    left: 15px;
}
.ep-screen4 .row div.drag.d2, .ep-screen4 .row div.drop.d2, .ep-screen7 .row div.drag.d2, .ep-screen7 .row div.drop.d2 {
    left: 175px;
}
.ep-screen4 .row div.drag.d3, .ep-screen4 .row div.drop.d3, .ep-screen7 .row div.drag.d3, .ep-screen7 .row div.drop.d3 {
    left: 336px;
}
.ep-screen4 .row div.drag.d4, .ep-screen4 .row div.drop.d4, .ep-screen7 .row div.drag.d4, .ep-screen7 .row div.drop.d4 {
    left: 499px;
}
.ep-screen4 .rowtop, .ep-screen7 .rowtop {
    top: 5px;
}
.ep-screen4 .rowbot, .ep-screen7 .rowbot {
    top: 183px;
}
.ep-screen4 .rowbot img, .ep-screen7 .rowbot img {
    margin-top: 60px;
}
.ep-screen4 .fleche, .ep-screen7 .fleche {
    position: absolute;
    top: 157px;
    left: 295px;
}
.ep-screen7 .row, .ep-screen7 .row div {
    height: 160px;
}
.ep-screen7 .illustration {
    position: absolute;
    top: -89px;
    right: -308px;
}
.ep-screen7 .fleche {
    top: 163px;
    left: 297px;
}
.ep-screen7 .rowbot {
    top: 173px;
}
.ep-screen5 h3 {
    color: #ef5ab7;
}
.ep-screen5 .ep-question {
    width: 430px;
    height: 500px;
    margin: 0 auto;
    position: absolute;
    top: 205px;
    left: 50px;
    z-index: 1;
}
.ep-screen5 .drop1 {
    text-align: center;
    width: 312px;
    height: 312px;
    position: absolute;
    top: 4px;
    left: 188px;
    background: url(images/rond_depot.png) no-repeat 0 0;
}
.ep-screen5 .drop1.pep-dpa {
    background: url(images/rond_depot.png) no-repeat -312px 0;
}
.ep-screen5 .drop1 .txt {
    margin-top: 50px;
}
.ep-screen5 .fleche {
    position: absolute;
    top: 121px;
    left: 460px;
    z-index: 10;
}
.ep-screen5 .fleche.gauche {
    left: 160px;
}
.ep-screen5 .drag {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.ep-screen5 .drag1 {
    left: -23px;
    top: 131px;
}
.ep-screen5 .drag2 {
    left: 503px;
    top: 28px;
}
.ep-screen5 .drag3 {
    left: 39px;
    top: 25px;
}
.ep-screen5 .drag4 {
    left: 500px;
    top: 240px;
}
.ep-screen5 .drag5 {
    left: 582px;
    top: 132px;
}
.ep-screen5 .drag6 {
    left: 39px;
    top: 240px;
}
.ep-screen5 .ep-instruction {
    width: 450px;
}
.ep-screen6 h3 {
    color: #ef5ab7;
}
.ep-screen6 .ep-question {
    width: 430px;
    height: 500px;
    margin: 0 auto;
    position: absolute;
    top: 205px;
    left: 50px;
    z-index: 1;
}
.ep-screen6 .drop1 {
    text-align: center;
    width: 312px;
    height: 312px;
    position: absolute;
    top: 4px;
    left: 188px;
    background: url(images/rond_depot.png) no-repeat 0 0;
}
.ep-screen6 .drop1.pep-dpa {
    background: url(images/rond_depot.png) no-repeat -312px 0;
}
.ep-screen6 .drop1 .txt {
    margin-top: 50px;
}
.ep-screen6 .fleche {
    position: absolute;
    top: 124px;
    left: 460px;
    z-index: 10;
}
.ep-screen6 .fleche.gauche {
    left: 160px;
}
.ep-screen6 .drag {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.ep-screen6 .drag1 {
    left: -23px;
    top: 131px;
}
.ep-screen6 .drag2 {
    left: 503px;
    top: 28px;
}
.ep-screen6 .drag3 {
    left: 39px;
    top: 25px;
}
.ep-screen6 .drag4 {
    left: 500px;
    top: 240px;
}
.ep-screen6 .drag5 {
    left: 582px;
    top: 132px;
}
.ep-screen6 .drag6 {
    left: 39px;
    top: 240px;
}
.ep-screen8 h3 {
    color: #ef5ab7;
}
.ep-screen8 .ep-question {
    width: 430px;
    height: 500px;
    margin: 0 auto;
    position: absolute;
    top: 205px;
    left: 50px;
    z-index: 1;
}
.ep-screen8 .drop1 {
    text-align: center;
    width: 312px;
    height: 312px;
    position: absolute;
    top: 4px;
    left: 188px;
    background: url(images/rond_depot.png) no-repeat 0 0;
}
.ep-screen8 .drop1.pep-dpa {
    background: url(images/rond_depot.png) no-repeat -312px 0;
}
.ep-screen8 .drop1 .txt {
    margin-top: 50px;
}
.ep-screen8 .fleche {
    position: absolute;
    top: 121px;
    left: 460px;
    z-index: 10;
}
.ep-screen8 .fleche.gauche {
    left: 160px;
}
.ep-screen8 .drag {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.ep-screen8 .drag1 {
    left: -23px;
    top: 131px;
}
.ep-screen8 .drag2 {
    left: 503px;
    top: 28px;
}
.ep-screen8 .drag3 {
    left: 39px;
    top: 25px;
}
.ep-screen8 .drag4 {
    left: 500px;
    top: 240px;
}
.ep-screen8 .drag5 {
    left: 582px;
    top: 132px;
}
.ep-screen8 .drag6 {
    left: 39px;
    top: 240px;
}
.poperror {
    display: block;
    position: absolute;
    z-index: 9999;
    top: 424px;
    left: 688px;
    width: 118px;
    height: 84px;
    overflow: hidden;
}
.poperror img {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: 250ms all ease-in;
    transition: 250ms all ease-in;
}
.poperror img.on {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}