@media (max-width: 1280px) and (min-width: 800px) {
	#loginCompte #email-error {
	    top: 30px;
	}
	.nav-link {
	    font-size: 10px;
	    cursor: pointer;
	}
	#mutebtn:focus, #mutebtn {
	    height: 27px;
	    width: 24px;
	    background-size: 20px 23px !important;
	}
	#mainNav .navbar-nav .nav-item .nav-link {
	    font-size: 10.24px;
	    cursor: pointer;
	}
	nav .navbar-nav.ml-auto.my-2.my-lg-0{
	    margin-bottom: 0 !important;
	    margin-top: 0 !important;
	}
	#mainNav .navbar-nav .nav-item .nav-link {
	    color: #fff;
	    font-family: "VinciSans-Medium";
	    font-weight: normal;
	    font-size: 10px;
	    line-height: 20px;
	    padding: 0px 8px;
	    margin: 5px 0;
	    border-right: 2px solid #fff;
	    cursor: pointer;
	}
	section.default#home p {
	    font-size: 20px;
	    line-height: 24px;
	}
	.ie #home #typeWriter, #home #typeWriter {
	    font-size: 16px;
	    line-height: 20px;
	    max-width: 500px;
	}
	#home .btn.btn-participer:hover, #home .btn.btn-participer {
	    line-height: 20px;
	    font-size: 18px;
	    background-size: 25px
	}
	.empty-page .btn.btn-participer-add:hover, .empty-page .btn.btn-participer-add {
	    font-size: 16px;
	    line-height: 25px;
	    padding: 0 20px 0 25px;
	    background-size: 25px!important;
	}
	.animatedtop {
	    margin: 0px 0;
	}
	.bloc-typeWriter {
	    height: auto;
	}
	section#home.default {
		height: auto !important;
	    min-height:  auto !important; 
	}
	#compte .card.card-2 {
	    padding-bottom: 20px;
	}
	/* logo home avec animation */
		.bloc-logo {
		    height: 210px;
		    width: 450px;
		}
		.img_panel img {
		    width: 300px;
		}
		.img_panel1 img {
		    width: 130px;
		}
		.img_panel2 img {
		    width: 300px;
		}
		.img_panel1 {
		    left: -80px;
		    top: -21px;
		    width: 200px;
		    text-align: center;
		}
		.img_panel11 img,
		.img_panel12 img,
		.img_panel13 img,
		.img_panel14 img{
			width: 45px;
		}
		.img_panel1 img {
		    width: 110px;
		}
		.bloc-logo {
		    height: 210px;
		    width: 400px;
		}
	/* logo home avec animation */
	.navbar-nav{
		flex-direction: row;
	}
	#compte .logo-lg img{
		width: auto;
    	height: 70px;
	}
	section.default#compte .title span, section.default#compte p.subtitle {
	    font-size: 12px !important;
	    line-height: 14px !important;
	}
	#compte .title {
	    font-size: 12px;
	    line-height: 14px;
	}
	section.default#compte p.subtitle span {
	    line-height: 14px;
	    font-size: 12px;
	}
	.wrapper--w850 {
	    max-width: 600px;
	}
	#addCompte input {
	    height: 23px;
	}
	.input--style-2 {
	    padding: 5px 0;
	    color: #fff;
	    font-size: 12px;
	    font-family: 'VinciSans-Light';
	}
	.rs-select2 .select2-container .select2-selection--single {
	    outline: none;
	    border: none;
	    height: 20px;
	    background: transparent;
	    border: 1px solid #fff;
	    border-radius: 0;
	    font-family: 'VinciSans-Light';
	}
	.select2-results__options li{
		font-size: 12px;
	}
	.select2-container--default .select2-selection--single .select2-selection__placeholder {
	    font-size: 12px;
	}
	.rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
	    line-height: 20px;
	    padding-left: 7px;
	    color: #fff;
	    font-size: 13px;
	    font-family: 'VinciSans-Light';
	    text-align: left;
	    font-weight: normal;
	    text-transform: uppercase;
	    border-radius: 0;
	}
	.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow {
	    height: 20px;
	    right: 8px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -moz-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -moz-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after {
	    font-family: "Material-Design-Iconic-Font";
	    content: '\f2f9';
	    font-size: 20px;
	    color: #fff;
	    -webkit-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	}
	#addCompte .rs-select2 {
	    height: 40px;
	}
	#compte .btn.btn-participer-add:hover, #compte .btn.btn-participer-add {
	    padding: 3px 15px 3px 22px;
	    font-size: 23.63px;
	    line-height: 35px;
	    font-weight: normal;
	    text-transform: uppercase;
	    border: none;
	    border-radius: 0rem;
	    color: #ffffff;
	    background-color: #e3001b;
	    background-image: url(../img/flech.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    left: 50%;
	    transform: translateX(-50%);
	    font-family: 'VinciSans-Medium';
	    background-size: 22px;
	    font-size: 12px;
	    line-height: 16px;
	}
	section.default#home .modal_footer .modal-body p, section.default .modal_footer .modal-body p {
	    color: #001e3b;
	    font-family: "VinciSans-Light";
	    font-weight: normal;
	    font-size: 14px;
	    line-height: 16px;
	    max-width: 100%;
	    margin-bottom: 2px;
	}
	section.default#compte {
	    padding-top: 20px;
	    padding-bottom: 0;
	}
	.modal_footer .modal-header h4 {
	    color: #e3001b;
	    font-family: "VinciSans";
	    font-weight: normal;
	    font-size: 24px;
	    margin: 0;
	    padding: 0;
	    line-height: 26px;
	}
	.modal_footer .modal-body h2 {
	    color: #001e3b;
	    font-family: "VinciSans-Medium";
	    font-weight: normal;
	    font-size: 18px;
	    margin: 0;
	    padding: 0;
	    line-height: 20px;
	}
	.modal_footer .modal-header {
	    padding: 20px 0 10px 0px;
	}
	#modal_credits.modal_footer .modal-body h2 {
	    margin-bottom: 10px;
	}
	#modal_credits.modal_footer .modal-body {
	    padding: 0px 45px 20px 45px;
	}
	.modal_footer .modal-body h3, .lien-ccc, .lien-ccc:hover {
	    color: #001e3b;
	    font-family: "VinciSans";
	    font-weight: normal;
	    font-size: 16.8px;
	    margin: 0;
	    padding: 0;
	    line-height: 20px;
	    margin-top: 15px;
	}
	#mainNav{
		background-color: transparent;
	}
	.navbar-expand-lg .navbar-collapse {
	    display: -webkit-box !important;
	    display: -ms-flexbox !important;
	    display: flex !important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}
	#coach #typeWriter {
	    display: block;
	    font-size: 16px;
	    text-align: left;
	    margin-bottom: 0;
	}
	.logo-center img {
	    width: auto;
	    height: 70px;
	}
	#compte .help-block {
	    width: 100%;
	    color: #e3001b;
	    text-align: left;
	    padding: 0;
	    margin: 0;
	    bottom: 0;
	    font-size: 7px;
	    left: 0;
	    text-align: left;
	    float: left;
	}
	.btn-href.btn-view-coach:hover, .btn-href.btn-view-coach {
	    font-size: 14px;
	    line-height: 25px;
	    background-size: 30px;
	    padding: 5px 10px 5px 30px;
	    margin: auto;
	    width: 200px;
	    display: block;
	}
	.btn-href.btn-view-coach:hover, .btn-href.btn-view-coach {
	    font-size: 13px;
	    line-height: 20px;
	    background-size: 30px;
	    padding: 3px 10px 1px 30px;
	    margin: auto;
	    width: 200px;
	    display: block;
	    margin-top: -16px;
	    position: absolute;
	    left: 50%;
	    margin-left: -100px;
	}
	.blocDetail h4 {
	    font-size: 25px;
	}
	.blocDetail ul {
	    font-size: 20px;
	    line-height: 22px;
	}
	section.default p.preStart {
	    font-size: 20px;
	    line-height: 22px;
	    letter-spacing: 0.5px;
	    margin-top: 0px;
	}

	/*    les lecteurs    */
		#bloc-coach-index .player {
		    width: 256px;
		    height: 245px;
		    background: url(../img/player-small.png);
		    background-position: center;
		    position: relative;
		    margin: auto;
		    background-repeat: no-repeat;
		    background-size: 246px 235px;
		    float: none;
		}
		#coach .player.coach0 canvas.coach0{
            padding: 50px 46px 26px 58px !important;
            width: 244px;
            height: 216px;
		}
		#coach .player.coach1 canvas.coach1{
            padding: 50px 46px 26px 58px !important;
            width: 244px;
            height: 216px;
		}
		#bloc-coach-index .player .playarea .play {
		    width: 140px;
		    height: 140px;
		    background-size: contain;
		    margin-top: 20px;
		    margin-left: 0px;
		}
		#bloc-coach-index .player .playarea {
		    position: absolute;
		    top: 0%;
		    left: 0%;
		    height: 130px;
		    width: 255px;
		    margin-top: 30px;
		    margin-left: 0px;
		}
		#bloc-coach-index .player .playarea .play.coach1{
			margin-left: 1px;
		}
		.player {
		    width: 330px;
		    height: 328px;
		    background: url(../img/player-low-shadow.png);
		    background-position: center;
		    position: relative;
		    margin: auto;
		    background-repeat: no-repeat;
		    background-size: 330px 328px;
		}
		.player .playarea {
		    position: absolute;
		    top: 0%;
		    left: 0%;
		    height: 170px;
		    width: 328px;
		    margin-top: 69px;
		    margin-left: 0px;
		}
		.player .playarea .play {
		    cursor: pointer;
		    vertical-align: middle;
		    margin: 0px;
		    border-radius: 0px;
		    width: 190px;
		    height: 190px;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: 190px 190px;
		}
		#pre-start #player-pre-start-id1 .playercanvas {
    		padding: 27px 27px !important;

		}
		#pre-start.pre-start-view .btn.btn-pass-intro:focus, #pre-start.pre-start-view .btn.btn-pass-intro:hover, #pre-start.pre-start-view .btn.btn-pass-intro {
		    background-size: 25px;
		    background-position: center left;
		    padding: 2px 0px 0px 25px;
		    box-shadow: none;
		    font-size: 11px;
		    margin-left: -25px;
		    font-family: 'VinciSans-Light';
		}
		#bloc-coach-index .player .playarea .pause {
		    display: none;
		    cursor: pointer;
		    vertical-align: middle;
		    margin: 0px;
		    border-radius: 70px;
		    width: 50px;
		    height: 50px;
		    background: url(../img/pause.png);
		    background-size: 50px auto;
		    background-position: center;
		    margin-top: 50px;
		}
		#coach .player .song.coach0,
		#coach .player .song.coach1{
			display: none;
		}
		#bloc-coach-index .player .soundControl {
		    cursor: pointer;
		    width: 13px;
		    height: 13px;
		    vertical-align: middle;
		    background-image: url(../img/vol0.png);
		    background-position: center;
		    background-repeat: no-repeat;
		    text-align: center;
		    background-size: contain;
		}
		#bloc-coach-index .player .soundControls {
		    cursor: pointer;
		    width: 13px;
		    height: 13px;
		    vertical-align: middle;
		    background-image: url(../img/vol1.png);
		    background-position: center;
		    background-repeat: no-repeat;
		    text-align: center;
		    background-size: contain;
		}
		#bloc-coach-index .player .volume-level {
		    width: 40px;
		    height: 3px;
		    padding: 0px;
		    cursor: pointer;
		    background: #afb0af;
		    position: relative;
		    line-height: 30px;
		    vertical-align: middle;
		    margin: 0 10px;
		}
		.safari #coach .activeAnim.player::before, .ie #coach .activeAnim.player::before {
		    background-image: url(../img/red.gif);
		    height: 150px;
		    width: 150px;
		    background-color: transparent;
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: 150px;
		    border-radius: 50%;
		    content: "0";
		    color: transparent;
		    position: absolute;
		    left: 55px;
		    z-index: 0;
		    top: 50px;
		}
		.player .playarea .pause {
		    display: none;
		    cursor: pointer;
		    vertical-align: middle;
		    margin: 0px;
		    border-radius: 70px;
		    width: 70px;
		    height: 70px;
		    background: url(../img/pause.png);
		 
		    background-size: 50px auto;
		    background-position: center;
		    margin-top: 40px;
		    background-repeat: no-repeat;
		}
		.player .soundControl {
		    cursor: pointer;
		    width: 24px;
		    height: 30px;
		    vertical-align: middle;
		    background-image: url(../img/vol0.png);
		    background-position: center;
		    background-repeat: no-repeat;
		    text-align: center;
		    background-size: 14px;
		}
		.player .soundControls {
		    cursor: pointer;
		    width: 24px;
		    height: 30px;
		    vertical-align: middle;
		    background-image: url(../img/vol1.png);
		    background-position: center;
		    background-repeat: no-repeat;
		    text-align: center;
		    background-size: 14px;
		}
		.player .volume-level {
		    width: 60px;
		    height: 3px;
		    padding: 0px;
		    cursor: pointer;
		    background: #afb0af;
		    position: relative;
		    line-height: 30px;
		    vertical-align: middle;
		    margin: 0 10px;
		}

	/*    les lecteurs    */
	.sous-titre-center{
		font-size: 11px;
	}
	.player-mt--80{
		margin-top: -60px;
	}
	.player-mt--140{
		margin-top: -120px;
		padding-right: 0;
	}

	.blocDetail-h5 h5, .blocDetail h5 {
	    font-size: 20px;
	    line-height: 22px;
	}
	.inputGroup label {
	    font-size: 15px;
	    line-height: 24px;
	}
	/* les lecteurs pre-start 2 */
		#pre-start #pre-start-1 .playercanvas {
		    padding: 100px 50px !important;
		}
	/* les lecteurs pre-start 2 */
	.btn-prest2.btn-href:hover, .btn-prest2.btn-href {
	    font-size: 15.47px;
	}
	.inputGroup label br{
		display: none;
	}
	#pre-start-1 .blocDetail-h5{
		margin-bottom: 0;
	}
	section.default .mission1-0 p.preStart {
	    font-size: 20px;
	    line-height: 22px;
	    padding: 10px 0;
	}
	#mission-1 .mission1-0 .btn.btn-participer:hover, #mission-1 .mission1-0 .btn.btn-participer {
	    font-size: 16.87px;
	    line-height: 22px;
	    background-size: 35px;
	    padding: 0px 20px 0px 40px;
	}
	.blocmoreDetail-center {
	    border: 1px solid #fff;
	    padding: 10px 10px;
	    margin-bottom: 5px;
	    max-width: 350px;
	}
	section.default#mission-1 .h1 span, section.default#mission-1 h1 span {
	    font-size: 22px;
	}
	section.default#mission-1 .h1, section.default#mission-1 h1 {
	    font-size: 20px;
	}
	.mission1-solution h3, .mission1-0 h3 {
	    width: 150px;
	}

	/* les lecteurs pre-start 2 */
		 #mission-1 .playercanvas {
		    padding: 100px 50px !important;
		}
	/* les lecteurs pre-start 2 */

	/* debut drag and drop */
		.drag_me {
		    width: 36px;
		    margin-left: 23px;
		    min-height: 35px;
		    display: inline-block;
		    float: left;
		    text-align: right;
		    cursor: move;
		    z-index: 5;
		    position: relative;
		}
		.mission1-0 .game-container .drop_wrap h4 {
		    width: 220px;
		    padding: 0 20px;
		}
		.drag_holder, .drop_wrap {
		    width: 230px;
		    min-height: 42px;
		    display: inline-block;
		    color: #fff;
		    position: relative;
		    float: left;
		}
		.drag_me {
		    width: 36px;
		    margin-left: 13px;
		    min-height: 35px;
		    display: inline-block;
		    float: left;
		    text-align: right;
		    cursor: move;
		    z-index: 5;
		    position: relative;
		}
		.mission1-0 .drag_holder h4:after {
		    content: '.';
		    color: transparent;
		    position: absolute;
		    right: -50px;
		    width: 50px;
		    height: 42px;
		    background-size: auto 35px;
		    background-repeat: no-repeat;
		    background-image: url(../img/main-empty-.png);
		}
		.mission1-0 .drop_holder {
		    width: 36px;
		    min-height: 35px;
		    display: inline-block;
		    float: left;
		    text-align: left;
		    cursor: move;
		    position: absolute;
		    top: 50%;
		    -ms-transform: translateY(-50%);
		    transform: translateY(-50%);
		    left: -58px;
		}

		.mission1-0 #metier-6 h4 span {
		    padding: 0 54px;
		}
		.mission1-0 .drag-validation-bloc .drop_them h3 {
		    float: left;
		    margin-left: 40px;
		}

	/* fin drag and drop */
	.bloc-entite {
	    line-height: 16px;
	    font-size: 12px;
	    margin-bottom: 15px;
	    min-height: 105px;
	}
	.mission1-solution h4.message-validation br, .mission1-0 h4.message-validation br{
	    display: none;
	}
	.mission-1-solution-1-bloc {
	    margin-top: 10px !important;
	    margin-bottom: 10px !important;
	}
	#mission-1 .message-solution-bloc .btn.btn-participer:hover, #mission-1 .message-solution-bloc .btn.btn-participer {
	    float: right;
	    margin-right: 25px;
	    font-size: 14px;
	    line-height: 16px;
	    background-size: 30px;
	}
	.bloc-entite {
	    line-height: 16px;
	    font-size: 12px;
	    margin-bottom: 15px;
	    min-height: 80px;
	}
	.bloc-entite .bloc-entite-intern {
	    padding: 7px 16px 1px 16px;
	    min-height: 80px;
	}
	.bloc-entite .entite-logo {
	    padding: 4px 0 5px;
	}
	.bloc-entite .entite-logo img {
	    max-width: 80%;
	}
	.topTitleSolutuon span {
	    font-family: 'VinciSans-Light';
	    text-transform: uppercase;
	    font-size: 22px;
	    line-height: 24px;
	    font-weight: normal;
	    position: relative;
	    color: #fff;
	    width: 320px;
	    margin: 0 auto;
	    display: block;
	}
	.blocDetail ul li{
		float: none;
	}

	/* debut map */
		.imagehotspot-container >div {
		    background-size: 1000px auto;
		}

		.texthotspot h4 {
		    font-size: 14px;
		    line-height: 17px;
		}
		#mission-1 .btn.btn-participer:hover, #mission-1 .btn.btn-participer {
		    font-size: 14px;
		    line-height: 25px;
		}
		.mission1-play #form-valid .drop_holder {
		    height: 46px;
		    width: 110px;
		    background-size: 200px;
		}

		#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: 9px;
		    line-height: 10px;
		}
		.mission1-play .drop_wrap .drop_holder .drag_me {
		    height: 32px;
		    min-height: 32px;
		    width: 110px;
		    background-size: 110px 32px;
		}
		#mission-1 .mission1-play #form-valid .imagehotspot-container .drop_holder .drag_me h3 {
		       width: 128px;
    		left: 6px;
    		top: 5px;
		}
		.drop_holder #mission-1 .mission1-play .imagehotspot-container h5, .drop_holder #mission-1 .mission1-play h5 {
		    padding: 3px 15px;
		    font-size: 8px;
		    line-height: 8px;
		    height: 16px;
		    vertical-align: middle;
		    display: block;
		}
		.drop_holder #mission-1 .mission1-play .imagehotspot-container .drop_holder .drag_me h5 {
		    left: 8px;
		    top: 16px;
		    width: 95px;
		}

/*
		#fhotspot1 {
		     right: 404px;
		     top: 115px;
		}
		#fhotspot2 {
			right: 385px;
			top: 100px;
		}
		#fhotspot27 {
			right: 360px;
			top: 90px;
			width: 24px;
			height: 35px;
		}
		#fhotspot3 {
			right: 374px;
			top: 68px;
		}
		#fhotspot26 {
			right: 400px;
			top: 80px;
			width: 24px;
			height: 35px;
		}
		#fhotspot4 {
			right: 295px;
			top: 91px;
			width: 33px;
			height: 47px;
		}
		#fhotspot7 {
			right: 157px;
			top: 40px;
			width: 33px;
			height: 49px;
		}
		#fhotspot25 {
			right: 192px;
			top: 120px;
			width: 31px;
			height: 47px;
		}
		#fhotspot19 {
			right: 108px;
			top: 157px;
			width: 33px;
			     height: 47px;
		}
		#fhotspot18 {
			     right: 130px;
			     top: 165px;
			     width: 32px;
			     height: 49px;
		}
		#fhotspot14 {
			     right: 273px;
			     top: 190px;
		}
		#fhotspot13 {
			     right: 260px;
			     top: 206px;
			     width: 35px;
			     height: 44px;
		}
		#fhotspot20 {
			     right: 274px;
			     top: 134px;
			     width: 32px;
			     height: 49px;
		}
		#fhotspot31, #fhotspot5 {
			     right: 293px;
			     top: 142px;
			     width: 36px;
			     height: 48px;
		}
		#fhotspot28 {
			     right: 240px;
			     top: 127px;
			     width: 35px;
			     height: 46px;
		}
		#fhotspot29 {
			     right: 263px;
			     top: 113px;
			     width: 31px;
			     height: 46px;
		}
		#fhotspot6 {
			     right: 215px;
			     top: 121px;
			     width: 32px;
			     height: 49px;
		}
		#fhotspot10 {
			     right: 297px;
			     top: 188px;
			     width: 33px;
			     height: 49px;
		}
		#fhotspot16 {
			     right: 367px;
			     top: 237px;
			     width: 33px;
			     height: 49px;
		}
		#fhotspot15 {
			     right: 390px;
			     top: 250px;
			     width: 33px;
			     height: 49px;
		}
		#fhotspot12 {
			     right: 419px;
			     top: 230px;
			     width: 33px;
			     height: 49px;
		}
		#fhotspot32, #fhotspot11 {
			     right: 429px;
			     top: 265px;
			     width: 33px;
			     height: 49px;
		}
		#fhotspot17 {
			     right: 457px;
			     top: 170px;
		}
		#fhotspot8 {
			     right: 482px;
			     top: 168px;
			     width: 35px;
			     height: 46px;
		}
		#fhotspot24 {
			     right: 555px;
			     top: 232px;
			     width: 33px;
			     height: 49px;
		}
		#fhotspot30 {
			     right: 36px;
			     top: 235px;
			     width: 31px;
			     height: 47px;
		}
		#fhotspot21 {
			     right: 15px;
			     top: 212px;
			     width: 31px;
			     height: 47px;
		}
		#fhotspot22 {
			     right: 67px;
			     top: 238px;
			     width: 31px;
			     height: 47px;
		}
		#fhotspot9 {
			     right: 98px;
			     top: 196px;
			     width: 33px;
			     height: 49px;
		}
*/
	/* fin map */

	#mission-1 .mission1-info h4 span {
	    font-size: 20px;
	    font-weight: normal;
	}
	#mission-1 .mission1-play h4.reclam a {
	    padding-left: 0px;
	    display: block;
	}
	#mission-1 .mission1-play h4.reclam {
	    font-size: 17px;
	    line-height: 20px;
	    padding: 5px 0 5px 55px;
	    background-size: 200px;
	}
	#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: 14px;
	    line-height: 16px;
	}
	#mission-1 .mission1-play #entite-3 h5,
	#mission-1 .mission1-play #entite-17 h5,
	#mission-1 .mission1-play #entite-9 h5 {
	    padding: 5px 0;
	}
	.mission1-play .drag_holder {
	    height: 39px;
	    min-height: 39px;
	}
	.mission1-play .drag_me {
	    height: 39px;
	    min-height: 39px;
	}
	#mission-1 .logo img {
	    max-height: 100px;
	    width: auto;
	}
	#mission-1 .header-top-area {
	    min-height: 120px;
	}
	section.default#mission-1 {
	    /* height: calc(100% - 60px); */
	    min-height: 100vh;
	    padding: 120px 0 0px 0;
	    background-image: url(../img/bg-mission-1.jpg);
	}


	/* http://sgdev.alias-community.fr/mission-1-score */
	.mission1-score .bloc-info-pers h5 span{
		font-size: 35px;
    	line-height: 80px;
	}
	.mission1-score .bloc-info-pers h5 sup {
	    font-size: 16px;
	}
	#mission-1 .div-mission-1-score .btn.btn-participer:hover, #mission-1 .div-mission-1-score .btn.btn-participer {
	    font-size: 15px;
	    line-height: 20px;
	}
	.mission1-score .bloc-info-pers h5 {
	    font-size: 20px;
	    line-height: 80px;
	}
	.help {
	    font-size: 8px;
	    padding-left: 5px;
	}
	.solution span {
	    font-size: 25px;
	    line-height: 30px;
	    width: 460px;
	}
	.solution {
	    top: 65px;
	}

	
	section.default#pre-start .h1, section.default#pre-start h1 {
	    font-size: 25px;
	}
	section.default.layout-mission#mission-2 .title span, section.default#mission-2 .h1, section.default#mission-2 h1 {
	    font-size: 22px;
	    line-height: 35px;
	}
	section.default#mission-2 .h1, section.default#mission-2 h1 {
	    font-size: 20px;
	    line-height: 22px;
	    padding-top: 25px;
	}
	#mission-2 .blocDetail ul {
	    font-size: 20px;
	    line-height: 22px;
	}
	#mission-2 .blocDetail h4 {
	    font-size: 22px;
	}
	#mission-2  .playercanvas {
	    padding: 100px 50px !important;
	}
	section.default#mission-2 p.preStart {
	    font-size: 20px;
	    line-height: 22px;
	    margin: 0;
	}
	#mission-2 .mission2-info h4 {
	    color: #fff;
	    font-family: 'VinciSans-Light';
	    font-size: 24px;
	    line-height: 32px;
	    position: relative;
	    margin-bottom: 0;
	}
	section.default .card-checkbox-content p {
	    font-size: 15px;
	    line-height: 16px;
	}
	section.default .card-checkbox-content p br {
	    display: none;
	}
	.nav-tabs--left .nav-link-tab {
	    font-size: 17px;
	    line-height: 20px;
	    padding: 10px 0px 10px 44px;
	}
	.nav-tabs--left .nav-link-tab span {
	    font-size: 25px;
	}
	#mission-2 .mission2-play h4.reclam {
	    color: #004188;
	    background-image: url(../img/reclam.png);
	    background-size: cover;
	    border-radius: 13px;
	    background-position: left;
	    background-repeat: no-repeat;
	    font-family: 'VinciSans-Medium';
	    font-size: 15px;
	    line-height: 19px;
	    position: relative;
	    padding: 5px 0 5px 45px;
	    cursor: pointer;
	    width: 170px;
	    text-align: left;
	    float: right;
	}

	.mission2-play .container-time {
	    position: relative;
	    top: 0px;
	    width: 220px;
	    margin: 0 auto;
	    z-index: 1060;
	    left: 15px;
	}
	#mission-2 .mission2-play .card-checkbox-content h4 {
	    font-size: 15px;
	    line-height: 24px;
	}
	.checkbox-container .input-title span {
	    font-size: 10px;
	}
	.checkbox-container .input-title {
	    padding: 0px;
	    font-size: 14px;
	    line-height: 18px;
	    min-height: 30px;
	    padding-top: 10px;
	}
	.bloc-info-score h5 {
	    font-size: 20px;
	    line-height: 80px;
	}
	.bloc-info-score h5 span {
	    font-family: 'VinciSans-Medium';
	    font-size: 35px;
	    line-height: 80px;
	    vertical-align: middle;
	}
	#mission-2 .help {
	    font-size: 9px;
	    padding-left: 5px;
	}
	.bloc-info-score h5 sup {
	    font-family: 'VinciSans-Light';
	    font-size: 16px;
	    text-transform: uppercase;
	    top: -10px;
	    padding: 0 9px;
	}
	#mission-1 .chartjs-size-monitor, 
	#mission-1 .chartjs-size-monitor-expand #chDonutScore, 
	#mission-1 .chartjs-size-monitor-shrink #chDonutScore,
	#mission-2 .chartjs-size-monitor, 
	#mission-2 .chartjs-size-monitor-expand #chDonutScore, 
	#mission-2 .chartjs-size-monitor-shrink #chDonutScore{
		transform:scale(0.7);
	}
	.stepTitle span {
	    font-size: 20px;
	    line-height: 30px;
	}
	.formCheckbox .fill-control-description {
	    color: #fff;
	    font-size: 24px;
	}
	#mission-2.mission-2-step2-play .blocDetail h5 {
	    font-size: 22px;
	    line-height: 32px;
	}
	#mission-2.mission-2-step2-play .blocDetail h4 {
	    font-size: 22px;
	}
	#mission-2 h4.info {
	    font-size: 19px;
	    line-height: 22px;
	    padding: 0 5px;
	}
	#mission-2 h4.info br {
	    display: none;
	}
	.left-time .container-time {
	    transform: scale(0.6);
	    top: 5px;
	    right: -25px;
	}
	.puces .puce-title {
	    font-size: 11px;
	    line-height: 11px;
	    color: #004188;
	    display: block;
	}
	#pre-start #player-pre-start-id1 .playercanvas{
		transform:scale(0.7) !important;
	}
	#pre-start #pre-start-1 .playercanvas{
		transform:scale(0.7) !important;
		padding: 29px 28px !important;
	}
	#mission-1 .playercanvas{
		transform:scale(0.7) !important;
		padding: 29px 28px !important;
	}
	#mission-2 .playercanvas {
	    transform:scale(0.7) !important;
		padding: 29px 28px !important;
	}
	#mission-3 .playercanvas {
	    transform:scale(0.7) !important;
		padding: 29px 28px !important;
	}
	#mon-compte .playercanvas {
	    transform:scale(0.7) !important;
		padding: 29px 28px !important;
	}
	.ie .player .activeAnim.blue.playarea::before, 
	.safari .player .activeAnim.blue.playarea::before, 
	.safari .player .activeAnim.blue.playarea::before, 
	.ie .player .activeAnim.blue.playarea::before {
	    background-size: 200px;
	}
	.safari .player .activeAnim.playarea::before, 
	.safari .player .activeAnim.playarea::before, 
	.ie .player .activeAnim.playarea::before, 
	.ie .player .activeAnim.playarea::before{
		background-size: 200px;
		left: 26px;
		margin-top: -40px;
	}

/* Ghait */
section.default#fin-missins {
	height: auto!important;
}

section.default#fin-missins .text-intro {
    font-size: 18px!important;
}

section.default#fin-missins .bloc-logo- img {
	max-width: 200px;
}

.modal-open, .header-top-area {
	padding: 0!important;
}

.percentage {
	margin-top: -14px;
}

#pre-start .player {
	margin: auto!important;
	float: none;
}

#mission-1 .player {
	float: right;
}

section.default#welcome .div-window-height {
    height: 100%!important;
}

.projetModal .modal-header h5.name {

}

.projetModal .modal-header h5.name {
    font-size: 14px;
    line-height: 16px;
}

.projetModal .modal-header h5.logo-entite,
.projetModal#modalProjet3 .modal-header h5.name,
.projetModal#modalProjet4 .modal-header h5.name {
    font-size: 14px;
    line-height: 16px;
}

.projetModal .modal-header button.close {
    padding: 0;
}

.projetModal .modal-dialog {
    margin-top: 70px;
}

.projetModal .content-popup .titre {
	font-size: 14px!important;
}

.projetModal .content-popup .columne-left ul li {
    font-size: 16px;
    line-height: 24px;
}

.projetModal .content-popup .columne-right ul {
	padding: 0 0 0 30px;
}

.projetModal .content-popup .columne-right ul li {
	padding: 0;
	margin: 0 0 15px;
}

.projetModal .content-popup .columne-right ul li img {
    max-width: 45%;
    margin: 0 auto;
    display: block;
}

button.zoom-image-btn,
button.play-video-btn {
	background-size: 30px;
}

.modal-video-body {
    max-width: 768px;
}

/*.projetModal .modal-header {
    height: 40px;
}*/

.projetModal .modal-header h5.drap {
	background-size: 25px;
}

.projetModal .modal-header button.close span {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ghait - end */

}

@media (max-width: 1024px) and (min-width: 800px) {
	
}