@media  (max-height: 985px) and (min-width: 1601px) {
    #map{
        width: 1200px
    }
    .redhotspot{
        background-size: 90%
    }
    .redhotspot a h5 {
        font-size: 20.26px;
        line-height: 20px;
    }
    .texthotspot h4{
        font-size: 22.22px;
        line-height: 28px

    }
    .texthotspot .btn.btn-participer:hover, 
    .texthotspot .btn.btn-participer{
       /* font-size: 20px;
        background-size: 35px;
        padding: 0px 15px 0px 40px;*/

    }

    #mission-1 .mission1-info h4{
      /*font-size: 35px;
      line-height: 38px;*/
    }
    #mission-1 .mission1-info h4 span {
    /*    font-size: 33px;*/
    }

    .mission1-score .bloc-info-pers h5 {
        font-size: 28.78px;
        line-height: 100px;
        max-width: 502px
    }
    .mission1-score .bloc-info-pers h5 span{
        font-size: 50px;
        line-height: 100px;
    }
    .mission1-score .bloc-info-pers h5 sup {
        font-size: 29px;
    }
    .help {
        font-size: 13.60px;
    }
    #map{
      width: 1300px
    }
    #fhotspot1{
        right: 825px;
        top: 234px;
    }
    #fhotspot2{
        right: 795px;
        top: 200px;
    }
    #fhotspot3{
        right: 770px;
        top: 135px;
    }
    #fhotspot4{
        right: 610px;
        top: 200px;
        width: 33px;
        height: 47px;
    }
    #fhotspot5{
        right: 590px;
        top: 300px;
        width: 36px;
        height: 48px;
    }
    #fhotspot6{
        right: 470px;
        top: 260px;
        width: 32px;
        height: 49px;
    }
    #fhotspot7{
        right: 330px;
        top: 95px;
        width: 33px;
        height: 49px;
    }
    #fhotspot8{
            right: 980px;
        top: 345px;
        width: 35px;
        height: 46px;
    }
    #fhotspot9{
        right: 210px;
        top: 405px;
        width: 33px;
        height: 49px;
    }
    #fhotspot10 {
        right: 605px;
        top: 395px;
        width: 33px;
        height: 49px;
    }
    #fhotspot11{
        right: 875px;
        top: 520px;
        width: 33px;
        height: 49px;
    }
    #fhotspot12{
        right: 855px;
        top: 470px;
        width: 33px;
        height: 49px;
    }
    #fhotspot13 {
        right: 565px;
        top: 413px;
        width: 35px;
        height: 44px;
    }
    #fhotspot14 {
        right: 580px;
        top: 395px;
        width: 35px;
        height: 45px;
    }
    #fhotspot15 {
        right: 785px;
        top: 505px;
        width: 33px;
        height: 49px;
    }
    #fhotspot16 {
        right: 760px;
        top: 495px;
        width: 33px;
        height: 49px;
    }
    #fhotspot17 {
        right: 955px;
        top: 350px;
    }
    #fhotspot18 {
        right: 280px;
        top: 330px;
        width: 32px;
        height: 49px;
    }
    #fhotspot19 {
        right: 250px;
        top: 325px;
        width: 33px;
        height: 47px;
    }
    #fhotspot20 {
        right: 570px;
        top: 280px;
        width: 32px;
        height: 49px;
    }
    #fhotspot21 {
        right: 45px;
        top: 440px;
        width: 31px;
        height: 47px;
    }
    #fhotspot22 {
        right: 155px;
        top: 490px;
        width: 31px;
        height: 47px;
    }
    #fhotspot23 {
        right: 80px;
        top: 490px;
        width: 31px;
        height: 47px;
    }
    #fhotspot24 {
        right: 1085px;
        top: 470px;
        width: 33px;
        height: 49px;
    }
    #fhotspot25 {
        right: 400px;
        top: 260px;
        width: 31px;
        height: 47px;
    }
    #fhotspot26 {
        right: 800px;
        top: 160px;
        width: 24px;
        height: 35px;
    }
    #fhotspot27 {
        right: 750px;
        top: 180px;
        width: 24px;
        height: 35px;
    } 
    #fhotspot28 {
        right: 510px;
        top: 265px;
        width: 35px;
        height: 46px;
    }
    #fhotspot29 {
        right: 535px;
        top: 260px;
        width: 31px;
        height: 46px;
    }  
    #fhotspot30 {
        right: 82px;
        top: 492px;
        width: 31px;
        height: 47px;
    }
    #groupe-30 {
        position: absolute;
        left: -95px;
        top: 115px;
    }
    #groupe-30:after {
        top: -94px;
        right: 90px;
        width: 20px;
        height: 95px;
        z-index: -1;
        background-position: left top;
        background-repeat: no-repeat;
    }
    #groupe-1 {
        position: absolute;
        left: -250px;
        top: -75px;
    }
    #groupe-1:after {
        top: 55px;
        right: -60px;
        width: 97px;
        height: 37px;
        z-index: -1;
        background-position: left bottom;
    }
    #groupe-2 {
        position: absolute;
        left: -415px;
        top: -109px;
    }
    #groupe-2:after {
        top: 22px;
        right: -230px;
        width: 235px;
        height: 92px;
        z-index: -1;
        background-position: right bottom;
    }
    #groupe-3{
        position: absolute;
        left: -160px;
        top: -110px;
    }
    #groupe-3:after {
        top: 52px;
        right: 18px;
        width: 3px;
        height: 60px;
        z-index: -1;
    }
    #groupe-4{
        position: absolute;
        left: 75px;
        top: -175px;
    }
    #groupe-4:after {
        top: 56px;
        right: 80px;
        width: 173px;
        height: 122px;
        z-index: -1;
        background-size: 173px auto;
        background-repeat: no-repeat;
    }
    #fhotspot5, #fhotspot31 {
        right: 590px;
        top: 295px;
        width: 36px;
        height: 48px;
    }
    #groupe-6 {
        position: absolute;
        left: 30px;
        top: -65px;
    }
    #groupe-6:after {
        top: 32px;
        right: 185px;
        width: 25px;
        height: 37px;
        z-index: -1;
        background-position: left top;
    }
    #groupe-7{
        position: absolute;
        left: -10px;
        top: -70px;
    }
    #groupe-7:after {
        top: 55px;
        right: 68px;
        width: 85px;
        height: 30px;
        z-index: -1;
        background-position: right;
        background-repeat: no-repeat;
    }
    #groupe-8 {
        position: absolute;
        left: -243px;
        top: -40px;
    }
    #groupe-8:after {
        top: 17px;
        right: -64px;
        width: 66px;
        height: 25px;
        z-index: -1;
        background-position: right top;
        background-repeat: no-repeat;
    }
    #groupe-9{
        position: absolute;
        left: -210px;
        top: 45px;
    }
    #groupe-10 {
        position: absolute;
        left: -115px;
        top: 70px;
    }
    #groupe-10:after {
        top: -36px;
        right: 50px;
        width: 2px;
        height: 36px;
        z-index: -1;
    }
    #groupe-11{
        position: absolute;
        left: -265px;
        top: 0px;
    }
    #groupe-12{
        position: absolute;
        left: -100px;
        top: -60px;
    }
    #groupe-12:after {
        top: 54px;
        right: 75px;
        width: 2px;
        height: 9px;
        z-index: -1;
    }
    #groupe-13 {
        position: absolute;
        left: -85px;
        top: 120px;
    }
    #groupe-13:after {
        top: -110px;
        right: 54px;
        width: 20px;
        height: 111px;
        z-index: -1;
        background-position: top right;
    }
    #groupe-14 {
        position: absolute;
        left: 135px;
        top: 138px;
    }
    #groupe-14:after {
        top: -125px;
        right: 151px;
        width: 145px;
        height: 125px;
        z-index: -1;
        background-position: top right;
    }
    #groupe-15 {
        position: absolute;
        left: -198px;
        top: 135px;
    }
    #groupe-15:after {
        top: -110px;
        right: -32px;
        width: 68px;
        height: 111px;
        z-index: -1;
        background-position: center;
        background-repeat: no-repeat;
    }
    #groupe-16 {
        position: absolute;
        left: -20px;
        top: 140px;
    }

    #groupe-16:after {
        top: -106px;
        right: 160px;
        width: 2px;
        height: 107px;
        z-index: -1;
    }
    #groupe-17 {
        position: absolute;
        left: -268px;
        top: -110px;
    }
    #groupe-17:after {
        top: 25px;
        right: -99px;
        width: 100px;
        height: 87px;
        z-index: -1;
        background-position: right top;
    }
    #groupe-18 {
        position: absolute;
        left: 104px;
        top: -135px;
    }
    #groupe-18:after {
        top: 19px;
        right: 190px;
        width: 100px;
        height: 119px;
        background-size: 100px auto;
        background-repeat: no-repeat;
    }
    #groupe-19{
        position: absolute;
        left: 75px;
        top: -60px;
    }
    #groupe-19:after {
        top: 54px;
        right: 135px;
        width: 105px;
        height: 30px;
        z-index: -1;
        background-position: right;
        background-repeat: no-repeat;
    }
    #groupe-20{
       position: absolute;
        left: 65px;
        top: 105px;
    }
    #groupe-20:after {
        top: -65px;
        right: 153px;
        width: 88px;
        height: 73px;
        z-index: -1;
        background-position: bottom;
    }
    #groupe-21{
        position: absolute;
        left: -132px;
        top: -90px;
    }
    #groupe-32, #groupe-11 {
        position: absolute;
        left: -270px;
        top: -4px;
    }
    #groupe-21:after {
        top: 54px;
        right: 44px;
        width: 2px;
        height: 37px;
        z-index: -1;
    }
    #groupe-22 {
        position: absolute;
        left: -240px;
        top: 117px;
    }
    #groupe-22:after {
        top: -96px;
        right: -55px;
        width: 94px;
        height: 97px;
        z-index: -1;
        background-position: left top;
        background-repeat: no-repeat;
    }
    #groupe-23{
        position: absolute;
        left: -155px;
        top: 115px;
    }

    #groupe-24{
        position: absolute;
        left: -140px;
        top: -70px;
    }
    #groupe-24:after {
        top: 56px;
        right: 35px;
        width: 2px;
        height: 15px;
        z-index: -1;
    }
    #groupe-25 {
        position: absolute;
        left: 223px;
        top: -130px;
    }
    #groupe-25:after {
        top: 12px;
        right: 189px;
        width: 196px;
        height: 138px;
        z-index: -1;
        background-position: center right;
        background-repeat: no-repeat;
    }
    #groupe-26{
        position: absolute;
        left: -325px;
        top: -135px;
    }
    #groupe-26:after {
        top: 55px;
        right: -146px;
        width: 211px;
        height: 81px;
        z-index: -1;
    }
    #groupe-27{
        position: absolute;
        left: 13px;
        top: -155px;
    }
    #groupe-27:after {
        top: 54px;
        right: 143px;
        width: 38px;
        height: 114px;
        z-index: -1;
        background-position: right;
    }
    #groupe-28{
        position: absolute;
        left: 30px;
        top: 45px;
    }
    #groupe-28:after {
        top: -20px;
        right: 183px;
        width: 28px;
        height: 50px;
        z-index: -1;
        background-position: bottom;
    }
    #groupe-29 {
        position: absolute;
        left: -25px;
        top: -130px;
    }
    #groupe-29:after {
        top: 54px;
        right: 152px;
        width: 2px;
        height: 79px;
        z-index: -1;
    }
    #groupe-31 {
        position: absolute;
        left: -215px;
        top: 6px;
    }
    #fhotspot32, #fhotspot11 {
        right: 872px;
        top: 525px;
        width: 33px;
        height: 49px;
    }
    .mission1-play .drag_them {
        width: 200px;
        padding: 5px;
    }
    .mission1-play .drop_wrap{
      width: 190px
    }
    #mission-1 .mission1-play.mission1-mapSolution .imagehotspot-container h5 {
        height: 27px;
        padding: 2px 6px 0;
        line-height: 12px;
    }
    #mission-1 .mission1-play .imagehotspot-container h3,
    #mission-1 .mission1-play.mission1-mapSolution #form-valid .imagehotspot-container h3,
    #mission-1 .mission1-play h3 {
        font-size: 16px;
        line-height: 18px        
    }
    #mission-1 .mission1-play h3.count-2 ,
    #mission-1 .mission1-play .imagehotspot-container h3.count-2,
    #mission-1 .mission1-play.mission1-mapSolution #form-valid .imagehotspot-container h3.count-2 {
        font-size: 12px;      
    }
    #mission-1 .mission1-play #btn-valid.btn-next-step{
        font-size: 18.97px;
        line-height: 27px;
        right: 290px; 
    }
    #mission-1 .redhotspot .notice-reponse{
        right: -15px
    }
    #mission-1 .mission1-play.mission1-mapSolution .imagehotspot-container h5.count-2{
        font-size: 10px;
        line-height: 10px;
        padding: 0
    }
    .mission1-play.mission1-mapSolution #form-valid .drop_holder {
        height: 56px;
        width: 190px;
        background-size: 190px;
        padding: 6px;
    }
    #mission-1 .mission1-play .imagehotspot-container h5, #mission-1 .mission1-play h5 {
        padding: 3px 15px;
        font-size: 13px;
        line-height: 10px;
        height: 26px;
        vertical-align: middle;
        display: block;
    }
    .mission1-play .drag_me{
      height: 44px;
      min-height: 44px
    }
    .mission1-play .drop_wrap .drop_holder .drag_me{
      height: 67px;
      min-height: 67px
    }
    .mission1-play .drag_holder{
      height: 44px;
      min-height: 44px
    }
    .mission1-play .texthotspot {
        width: 200px;
    }
    /* #mission-1 .mission1-play #btn-valid {
        z-index: 110;
        bottom: 18px;
        right: 564px;
        line-height: 44px;
        font-size: 25.87px;
    }*/
    .imagehotspot-container >div{
      padding-bottom: 700px!important
    }
    .mission1-mapSolution .imagehotspot-container >div{
        padding-bottom: 700px!important
    }
    .container-time-bloc{
        transform: scale(0.79);
        right: -20px
    }
    .container-time{
        top: -100px
    }
    #btn-valid.btn-next-step{
        position: absolute;
    }
    section.default#mission-1 .div-mission-1-play{
       /* min-height: 840px*/
    }
    .mission1-play #form-valid .drop_holder{
        height: 56px;
        width: 200px;
        background-size: 200px;
    }
    .mission1-play #form-valid .drop_holder >img {
        width: 100%
    }
    .mission1-play #form-valid .drop_holder .notice-reponse img{
       width: 30px
    }
    #mission-1 .mission1-play #btn-valid.btn-valid {
        bottom: 2px;
        right: 442px;
        line-height: 48px;
        font-size: 28.87px;
    }
    .div-bg-map{
        background-size: 1300px auto;
    }
    .texthotspot{
        top: 250px;
    }
    section.default#mission-1 .div-mission-1-end{
        background-size: 1300px 100%
    }
    #mission-1 .mission1-play #form-valid .imagehotspot-container .drop_holder .drag_me h3 {
        width: 185px;
        left: 8px;
        top: 6px;
    }
    .mission1-play .drop_wrap .drop_holder .drag_me {
        height: 56px;
        min-height: 56px;
        width: 200px;
        background-size: 200px 56px;
    }
    #mission-1 .mission1-play .imagehotspot-container .drop_holder .drag_me h5 {
        left: 8px;
        top: 25px;
        width: 186px;
    }
    #mission-1 .mission1-play h4.reclam {
        font-size: 21px;
        line-height: 20px;
        padding: 5px 0 5px 0px;
        background-size: 200px;
    }
    #mission-1 .mission1-play h4.reclam a{
        padding-left: 55px;
        display: block;
    }
}
@media (max-width: 1600px) {
    .logo-center img{
        width: 300px;
        height: auto;
    }
    #mutebtn:focus, #mutebtn {
        height: 50px;
        width: 40px;
        background-size: 40px!important;
    }
    /*.container {
        max-width: 90%;
    }*/
    .container.full {
        max-width: 100%;
    }

    section.default#pre-start .h1, section.default#pre-start h1 {
        font-size: 43px;
    }
    section.default#mission-1 .h1, section.default#mission-1 h1 {
        font-size: 36px;
        padding-top: 50px
    }
    section.default.layout-mission .title span{
        font-size: 35px
    }
    .inputGroup{
        max-width: 670px
    }
    .blocurlDetail,
    #pre-start-1 .blocDetail-h5{
        max-width: 705px
    }
    .inputGroup label {
        font-size: 24px;
        line-height: 26px;
    }
    .blocDetail-h5 h5, .blocDetail h5{
        font-size: 33px;
        line-height: 38px
    }
    #mainNav .navbar-nav .nav-item .nav-link{
        font-size: 12.24px;
        cursor: pointer;
    }
    section.default #mainNav p{
        font-size: 11.83px;
        max-width: 100%
    }

    .header-right-info .nav-item .nav-link{
        font-size: 13.85px;
        line-height: 16px
    }
    .logo-lg img{
        width: auto;
        height: 140px;
    }
  
    section.default#pre-start .h1, section.default#pre-start h1{
        padding-top: 60px
    }

    .btn-href.btn-view-coach:hover, 
    .btn-href.btn-view-coach{
        font-size: 18px;
        line-height: 25px;
        background-size: 30px;
        padding: 5px 10px 5px 30px;
        margin:auto;
        width: 255px;
        display: block;

    }
    .modal-dialog {
        max-width: 80%;
        margin: 1.75rem auto;
    }
    #boot4alert .modal-header h5{
        font-size: 35px;
        line-height: 40px;
    }
    #boot4alert .modal-body{
        font-size: 18px;
        line-height: 20px
    }
    .blocDetail h4{
      font-size: 37px
    }
    .blocDetail ul{
      font-size: 32px;
      line-height: 40px

    }
    .blocmoreDetail-center{
      max-width: 480px
    }
    #pre-start .btn.btn-participer:hover, #pre-start .btn.btn-participer {
      font-size: 19px;
      background-size: 35px
    }
    .modal-footer .btn{
        font-size: 18px;
        line-height: 30px;
        padding: 0 20px 0 30px;
        background-position: 10px center
    }

    .empty-page h2{
        font-size: 36px;
    }
    .empty-page .btn.btn-participer-add:hover, .empty-page .btn.btn-participer-add{
        font-size: 21px;
        line-height: 26px
    }
    .btn.btn-participer-add:hover, .btn.btn-participer-add{
        /*background-size: 35px;
        padding: 5px 15px 5px 35px;*/
    }
    #mentions_legal_page h2{
        font-size: 27.85px;
        line-height: 30px;
    }
    #mentions_legal_page h3{
        
        font-size: 18.8px;
    }
    section.default#mentions_legal_page p {
        font-size: 18.8px;
    }
    section#home.default{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #pre-start-1 .blocDetail-li .inputGroup{
        margin-left: 20px
    }

    .img_panel1 img{
        width: 130px
    }

    #mission-1 .mission1-0 .btn.btn-participer:hover,
    #mission-1 .mission1-0 .btn.btn-participer {
        background-size: 35px;
    }
    section.default .mission1-0 p.preStart {
        font-size: 30px;
        line-height: 30px;
        padding: 10px 0;
    }

    .mission1-0 h4 {
        font-size: 22.22px;
    }
    .mission1-0 h3{
        font-size: 22.87px;
    }
    .header-right-info .nav-item .nav-link#logout{
        margin-left: 20px
    }

    #map{
        width: 1200px
    }
    .redhotspot{
        background-size: 90%
    }
    .redhotspot a h5 {
        font-size: 20.26px;
        line-height: 20px;
    }
    .texthotspot h4{
        font-size: 22.22px;
        line-height: 28px

    }
    .texthotspot .btn.btn-participer:hover, 
    .texthotspot .btn.btn-participer{
       /* font-size: 20px;
        background-size: 35px;
        padding: 0px 15px 0px 40px;*/

    }

    #mission-1 .mission1-info h4{
      /*font-size: 35px;
      line-height: 38px;*/
    }
    #mission-1 .mission1-info h4 span {
    /*    font-size: 33px;*/
    }

    .mission1-score .bloc-info-pers h5 {
        font-size: 28.78px;
        line-height: 100px;
        max-width: 502px
    }
    .mission1-score .bloc-info-pers h5 span{
        font-size: 50px;
        line-height: 100px;
    }
    .mission1-score .bloc-info-pers h5 sup {
        font-size: 29px;
    }
    .help {
        font-size: 13.60px;
    }
    #map{
      width: 1300px
    }
    #fhotspot1{
        right: 825px;
        top: 234px;
    }
    #fhotspot2{
        right: 795px;
        top: 200px;
    }
    #fhotspot3{
        right: 770px;
        top: 135px;
    }
    #fhotspot4{
        right: 610px;
        top: 200px;
        width: 33px;
        height: 47px;
    }
    #fhotspot5{
        right: 590px;
        top: 300px;
        width: 36px;
        height: 48px;
    }
    #fhotspot6{
        right: 470px;
        top: 260px;
        width: 32px;
        height: 49px;
    }
    #fhotspot7{
        right: 330px;
        top: 95px;
        width: 33px;
        height: 49px;
    }
    #fhotspot8{
            right: 980px;
        top: 345px;
        width: 35px;
        height: 46px;
    }
    #fhotspot9{
        right: 210px;
        top: 405px;
        width: 33px;
        height: 49px;
    }
    #fhotspot10 {
        right: 605px;
        top: 395px;
        width: 33px;
        height: 49px;
    }
    #fhotspot11{
        right: 875px;
        top: 520px;
        width: 33px;
        height: 49px;
    }
    #fhotspot12{
        right: 855px;
        top: 470px;
        width: 33px;
        height: 49px;
    }
    #fhotspot13 {
        right: 565px;
        top: 413px;
        width: 35px;
        height: 44px;
    }
    #fhotspot14 {
        right: 580px;
        top: 395px;
        width: 35px;
        height: 45px;
    }
    #fhotspot15 {
        right: 785px;
        top: 505px;
        width: 33px;
        height: 49px;
    }
    #fhotspot16 {
        right: 760px;
        top: 495px;
        width: 33px;
        height: 49px;
    }
    #fhotspot17 {
        right: 955px;
        top: 350px;
    }
    #fhotspot18 {
        right: 280px;
        top: 330px;
        width: 32px;
        height: 49px;
    }
    #fhotspot19 {
        right: 250px;
        top: 325px;
        width: 33px;
        height: 47px;
    }
    #fhotspot20 {
        right: 570px;
        top: 280px;
        width: 32px;
        height: 49px;
    }
    #fhotspot21 {
        right: 45px;
        top: 440px;
        width: 31px;
        height: 47px;
    }
    #fhotspot22 {
        right: 155px;
        top: 490px;
        width: 31px;
        height: 47px;
    }
    #fhotspot23 {
        right: 80px;
        top: 490px;
        width: 31px;
        height: 47px;
    }
    #fhotspot24 {
        right: 1085px;
        top: 470px;
        width: 33px;
        height: 49px;
    }
    #fhotspot25 {
        right: 400px;
        top: 260px;
        width: 31px;
        height: 47px;
    }
    #fhotspot26 {
        right: 800px;
        top: 160px;
        width: 24px;
        height: 35px;
    }
    #fhotspot27 {
        right: 750px;
        top: 180px;
        width: 24px;
        height: 35px;
    } 
    #fhotspot28 {
        right: 510px;
        top: 265px;
        width: 35px;
        height: 46px;
    }
    #fhotspot29 {
        right: 535px;
        top: 260px;
        width: 31px;
        height: 46px;
    }  
    #fhotspot30 {
        right: 82px;
        top: 492px;
        width: 31px;
        height: 47px;
    }
    #groupe-30 {
        position: absolute;
        left: -95px;
        top: 115px;
    }
    #groupe-30:after {
        top: -94px;
        right: 90px;
        width: 20px;
        height: 95px;
        z-index: -1;
        background-position: left top;
        background-repeat: no-repeat;
    }
    #groupe-1 {
        position: absolute;
        left: -250px;
        top: -75px;
    }
    #groupe-1:after {
        top: 55px;
        right: -60px;
        width: 97px;
        height: 37px;
        z-index: -1;
        background-position: left bottom;
    }
    #groupe-2 {
        position: absolute;
        left: -415px;
        top: -109px;
    }
    #groupe-2:after {
        top: 22px;
        right: -230px;
        width: 235px;
        height: 92px;
        z-index: -1;
        background-position: right bottom;
    }
    #groupe-3{
        position: absolute;
        left: -160px;
        top: -110px;
    }
    #groupe-3:after {
        top: 52px;
        right: 18px;
        width: 3px;
        height: 60px;
        z-index: -1;
    }
    #groupe-4{
        position: absolute;
        left: 75px;
        top: -175px;
    }
    #groupe-4:after {
        top: 56px;
        right: 80px;
        width: 173px;
        height: 122px;
        z-index: -1;
        background-size: 173px auto;
        background-repeat: no-repeat;
    }
    #fhotspot5, #fhotspot31 {
        right: 590px;
        top: 295px;
        width: 36px;
        height: 48px;
    }
    #groupe-6 {
        position: absolute;
        left: 30px;
        top: -65px;
    }
    #groupe-6:after {
        top: 32px;
        right: 185px;
        width: 25px;
        height: 37px;
        z-index: -1;
        background-position: left top;
    }
    #groupe-7{
        position: absolute;
        left: -10px;
        top: -70px;
    }
    #groupe-7:after {
        top: 55px;
        right: 68px;
        width: 85px;
        height: 30px;
        z-index: -1;
        background-position: right;
        background-repeat: no-repeat;
    }
    #groupe-8 {
        position: absolute;
        left: -243px;
        top: -40px;
    }
    #groupe-8:after {
        top: 17px;
        right: -64px;
        width: 66px;
        height: 25px;
        z-index: -1;
        background-position: right top;
        background-repeat: no-repeat;
    }
    #groupe-9{
        position: absolute;
        left: -210px;
        top: 45px;
    }
    #groupe-10 {
        position: absolute;
        left: -115px;
        top: 70px;
    }
    #groupe-10:after {
        top: -36px;
        right: 50px;
        width: 2px;
        height: 36px;
        z-index: -1;
    }
    #groupe-11{
        position: absolute;
        left: -265px;
        top: 0px;
    }
    #groupe-12{
        position: absolute;
        left: -100px;
        top: -60px;
    }
    #groupe-12:after {
        top: 54px;
        right: 75px;
        width: 2px;
        height: 9px;
        z-index: -1;
    }
    #groupe-13 {
        position: absolute;
        left: -85px;
        top: 120px;
    }
    #groupe-13:after {
        top: -110px;
        right: 54px;
        width: 20px;
        height: 111px;
        z-index: -1;
        background-position: top right;
    }
    #groupe-14 {
        position: absolute;
        left: 135px;
        top: 138px;
    }
    #groupe-14:after {
        top: -125px;
        right: 151px;
        width: 145px;
        height: 125px;
        z-index: -1;
        background-position: top right;
    }
    #groupe-15 {
        position: absolute;
        left: -198px;
        top: 135px;
    }
    #groupe-15:after {
        top: -110px;
        right: -32px;
        width: 68px;
        height: 111px;
        z-index: -1;
        background-position: center;
        background-repeat: no-repeat;
    }
    #groupe-16 {
        position: absolute;
        left: -20px;
        top: 140px;
    }

    #groupe-16:after {
        top: -106px;
        right: 160px;
        width: 2px;
        height: 107px;
        z-index: -1;
    }
    #groupe-17 {
        position: absolute;
        left: -268px;
        top: -110px;
    }
    #groupe-17:after {
        top: 25px;
        right: -99px;
        width: 100px;
        height: 87px;
        z-index: -1;
        background-position: right top;
    }
    #groupe-18 {
        position: absolute;
        left: 104px;
        top: -135px;
    }
    #groupe-18:after {
        top: 19px;
        right: 190px;
        width: 100px;
        height: 119px;
        background-size: 100px auto;
        background-repeat: no-repeat;
    }
    #groupe-19{
        position: absolute;
        left: 75px;
        top: -60px;
    }
    #groupe-19:after {
        top: 54px;
        right: 135px;
        width: 105px;
        height: 30px;
        z-index: -1;
        background-position: right;
        background-repeat: no-repeat;
    }
    #groupe-20{
       position: absolute;
        left: 65px;
        top: 105px;
    }
    #groupe-20:after {
        top: -65px;
        right: 153px;
        width: 88px;
        height: 73px;
        z-index: -1;
        background-position: bottom;
    }
    #groupe-21{
        position: absolute;
        left: -132px;
        top: -90px;
    }
    #groupe-32, #groupe-11 {
        position: absolute;
        left: -270px;
        top: -4px;
    }
    #groupe-21:after {
        top: 54px;
        right: 44px;
        width: 2px;
        height: 37px;
        z-index: -1;
    }
    #groupe-22 {
        position: absolute;
        left: -240px;
        top: 117px;
    }
    #groupe-22:after {
        top: -96px;
        right: -55px;
        width: 94px;
        height: 97px;
        z-index: -1;
        background-position: left top;
        background-repeat: no-repeat;
    }
    #groupe-23{
        position: absolute;
        left: -155px;
        top: 115px;
    }

    #groupe-24{
        position: absolute;
        left: -140px;
        top: -70px;
    }
    #groupe-24:after {
        top: 56px;
        right: 35px;
        width: 2px;
        height: 15px;
        z-index: -1;
    }
    #groupe-25 {
        position: absolute;
        left: 223px;
        top: -130px;
    }
    #groupe-25:after {
        top: 12px;
        right: 189px;
        width: 196px;
        height: 138px;
        z-index: -1;
        background-position: center right;
        background-repeat: no-repeat;
    }
    #groupe-26{
        position: absolute;
        left: -325px;
        top: -135px;
    }
    #groupe-26:after {
        top: 55px;
        right: -146px;
        width: 211px;
        height: 81px;
        z-index: -1;
    }
    #groupe-27{
        position: absolute;
        left: 13px;
        top: -155px;
    }
    #groupe-27:after {
        top: 54px;
        right: 143px;
        width: 38px;
        height: 114px;
        z-index: -1;
        background-position: right;
    }
    #groupe-28{
        position: absolute;
        left: 30px;
        top: 45px;
    }
    #groupe-28:after {
        top: -20px;
        right: 183px;
        width: 28px;
        height: 50px;
        z-index: -1;
        background-position: bottom;
    }
    #groupe-29 {
        position: absolute;
        left: -25px;
        top: -130px;
    }
    #groupe-29:after {
        top: 54px;
        right: 152px;
        width: 2px;
        height: 79px;
        z-index: -1;
    }
    #groupe-31 {
        position: absolute;
        left: -215px;
        top: 6px;
    }
    #fhotspot32, #fhotspot11 {
        right: 872px;
        top: 525px;
        width: 33px;
        height: 49px;
    }
    .imagehotspot-container-div1{
        padding-bottom: 750px
    }
    .mission1-solution h4, .mission1-0 h4{
        /*font-size: 23.46px;*/

    }
    .confirmModal h2{
        font-size: 50px;
        line-height: 41px;
    }
    .confirmModal .modal-dialog {
        width: 480px;
    }


    /* map 1600   */
    #mission-1 .mission1-play #btn-valid {
        bottom: 18px;
        right: 564px;
        line-height: 44px;
        font-size: 28.87px;
    }
    #mission-1 .mission1-play h4.reclam {
        font-size: 21px;
        line-height: 20px;
        padding: 5px 0 5px 0px;
        background-size: 200px;
    }
    #mission-1 .mission1-play h4.reclam.en {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 0 5px 0px;
        background-size: 200px;
    }
    #mission-1 .mission1-play h4.reclam a{
        padding-left: 55px;
        display: block;
    }
    .mission1-play .drag_them {
        width: 200px;
        padding: 5px;
    }
    .mission1-play .drop_wrap{
      width: 190px
    }
    #mission-1 .mission1-play.mission1-mapSolution .imagehotspot-container h5 {
        height: 27px;
        padding: 2px 6px 0;
        line-height: 12px;
    }
    #mission-1 .mission1-play .imagehotspot-container h3,
    #mission-1 .mission1-play.mission1-mapSolution #form-valid .imagehotspot-container h3,
    #mission-1 .mission1-play h3 {
        font-size: 16px;
        line-height: 18px        
    }
    #mission-1 .mission1-play h3.count-2 ,
    #mission-1 .mission1-play .imagehotspot-container h3.count-2,
    #mission-1 .mission1-play.mission1-mapSolution #form-valid .imagehotspot-container h3.count-2 {
        font-size: 12px;      
    }
    #mission-1 .mission1-play #btn-valid.btn-next-step{
        font-size: 18.97px;
        line-height: 27px;
        right: 290px; 
    }
    #mission-1 .redhotspot .notice-reponse{
        right: -15px
    }
    #mission-1 .mission1-play.mission1-mapSolution .imagehotspot-container h5.count-2{
        font-size: 10px;
        line-height: 10px;
        padding: 0
    }
    .mission1-play.mission1-mapSolution #form-valid .drop_holder {
        height: 56px;
        width: 190px;
        background-size: 190px;
        padding: 6px;
    }
    #mission-1 .mission1-play .imagehotspot-container h5, #mission-1 .mission1-play h5 {
        padding: 3px 15px;
        font-size: 13px;
        line-height: 10px;
        height: 26px;
        vertical-align: middle;
        display: block;
    }
    .mission1-play .drag_me{
      height: 40px;
      min-height: 40px;
    }
    .mission1-play .drop_wrap .drop_holder .drag_me{
      height: 67px;
      min-height: 67px
    }
    .mission1-play .drag_holder{
      height: 40px;
      min-height: 40px;
    }
    .mission1-play .texthotspot {
        width: 200px;
    }
    /* #mission-1 .mission1-play #btn-valid {
        z-index: 110;
        bottom: 18px;
        right: 564px;
        line-height: 44px;
        font-size: 25.87px;
    }*/
    .imagehotspot-container >div{
      padding-bottom: 630px!important
    }
    .mission1-mapSolution .imagehotspot-container >div{
        padding-bottom: 700px!important
    }
    .container-time-bloc{
        transform: scale(0.60);
        right: -40px;
    }
    .ie .container-time-bloc{
        transform: scale(0.6);
        right: 0px
    }
    .container-time{
        top: -150px;
    }
    #btn-valid.btn-next-step{
        position: absolute;
    }
    section.default#mission-1 .div-mission-1-play{
       /* min-height: 840px*/
    }
    .mission1-play #form-valid .drop_holder {
        height: 56px;
        width: 200px;
        background-size: 200px;
    }
    .mission1-play #form-valid .drop_holder > img {
        width: 100%
    }
    .mission1-play #form-valid .drop_holder .notice-reponse img {
       width: 30px;
    }
    #mission-1 .mission1-play #btn-valid.btn-valid {
        bottom: 2px;
        right: 442px;
        line-height: 48px;
        font-size: 28.87px;
    }
    .div-bg-map{
        background-size: 1300px auto;
    }
    .texthotspot{
        top: 250px;
    }
    section.default#mission-1 .div-mission-1-end{
        background-size: 1300px 100%
    }
    #mission-1 .mission1-play #form-valid .imagehotspot-container .drop_holder .drag_me h3 {
        width: 185px;
        left: 8px;
        top: 6px;
    }
    .mission1-play .drop_wrap .drop_holder .drag_me {
        height: 56px;
        min-height: 56px;
        width: 200px;
        background-size: 200px 56px;
    }
    #mission-1 .mission1-play .imagehotspot-container .drop_holder .drag_me h5 {
        left: 8px;
        top: 25px;
        width: 186px;
    }
}