.no-float {
	float: none !important;
	margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1280px) and (min-width: 800px) {
	
	section.default#mission-3 .h1, section.default#mission-3 h1{
  	 	font-size: 20px;
    	line-height: 22px;
    	padding-top: 25px;

	}
	section.default.mission3_etape13 .title span,
	section.default.layout-mission .title span{
		 font-size: 22px;
	}
	#mission-3 .blocDetail{
		margin-bottom: 20px
	}
	#mission-2 .blocDetail ul,
	#mission-1 .blocDetail ul,
	#mission-3 .blocDetail ul{
		font-size: 19px;
		width: 100%
	}
	#mission-3 .blocDetail span {
	    font-size: 14px;
	}
	.blocDetail ul li:before,
	#mission-2 .blocDetail ul li:before ,
	#mission-1 .blocDetail ul li:before ,
	#mission-3 .blocDetail ul li:before {
	    content: '.';
	    color: transparent;
	    background-image: url(../img/flech-red.png);
	    position: absolute;
	    left: 2px;
	    top: 0px;
	    width: 10px;
	    background-size: 10px auto;
	    background-repeat: no-repeat;
	    background-position: center left;
	}
	
	.blocDetail ul li,
	#mission-2 .blocDetail ul li,
	#mission-1 .blocDetail ul li,
	#mission-3 .blocDetail ul li{
		padding-left: 15px
	}
	#mission-1 .blocmoreDetail-center ,
	#mission-2 .blocmoreDetail-center {
	    max-width: 350px;
	    padding: 5px 5px 5px 15px;
	}

	#mission-3 .blocmoreDetail-center {
	    max-width: 410px;
	    padding: 5px 5px 5px 15px;
	}
	#mission-1.mission3-2 .mission1-info h4.max-width-345 {
	    max-width: 230px;
	}
	#mission-2 .blocDetail h4 {
	    font-size: 22px;
	    margin-bottom: 5px;
	}
	.stepTitle span {
	    font-size: 18px;
	    line-height: 26px;
	}

	.blocDetail ul li {
	    margin-bottom: 5px;
	    line-height: 24px;
	}
	.logoPreloader img {
	    max-width: 240px;
	}
	.phraseAttente {
	    font-size: 20px;
	    line-height: 24px;
	    margin-top: 25px;
	}
	.loaderContainer {
	    margin: 10% 0 0 -260px;
	}
	.percentage{
		font-size: 18px
	}
	section.default#mission-2 p.preStart,
	section.default#mission-3 p.preStart {
	    font-size: 20px;
	    line-height: 22px
	}
	.checkbox-container-btn {
	    float: left;
	    width: 80%;
	}
	#mission-2 .checkbox-label .checkbox-custom{
		border-radius: 8px;
	}
	.loaderBackground {
	    margin-top: 30px;
	}
	.pt-5.pt-xs-0 {
	    padding-top: 0rem !important;
	}
	.mt-4.mt-xs-0,
	.mt-5.mt-xs-0{
		margin-top: 0rem !important;
	}

	.mt-5.mt-xs-2,.my-5.my-xs-2{
		margin-top: 2rem !important;
	}
	.mb-5.mt-xs-2,.my-5.my-xs-2{
		margin-bottom: 2rem !important;
	}

	.mt-4.mt-xs-05{
	    margin-top: 0.5rem !important;
	}
	.mission3-0 .btn.btn-participer:hover, .mission3-0 .btn.btn-participer {
	    margin-top: 10px;
	    font-size: 15px;
	    line-height: 25px;
	    padding: 0px 10px 0px 25px;
	    background-size: 25px;
	}
	.header-right-info .nav-item .nav-link#logout{
		width: 30px;
	    margin-left: 15px; 
	    height: 25px;
	    background-size: 20px;
	}
	.header-right-info .nav-item .nav-link {
	    font-size: 10.5px;
	    padding: 3px 6px 3px 6px;
	}
	.header-right-info .nav-item .nav-link#info {
	    padding: 3px 6px 3px 0px;
	}
	.logo-lg img {
	    width: auto;
	    height: 70px;
	}
	#mission-1.mission3-2 .mission1-info h4 {
	    font-size: 19px;
	    line-height: 20px;
	}
	section.default#fin-missins {
	    padding-top: 48px;
	    padding-bottom: 34px;
	}
	#fin-missins .btn.btn-participer:hover, #fin-missins .btn.btn-participer ,
	#mission-1.mission3-2 .btn.btn-participer:hover, #mission-1.mission3-2 .btn.btn-participer {
	    font-size: 14px;
	    line-height: 25px;
	    padding: 0 10px 0 25px;
	    background-size: 25px;
	}
	#mission-1.mission3-2 .mission1-info h4.big-h4 {
	    font-size: 24px;
	    line-height: 26px;
	}
	#mainNav{
		position: fixed;
	}
	.mission3-2 .mission1-info {
	    min-height: calc(100vh - 100px) !important;
	}
	.bg-img-m32 {
	    height: 100% !important;
	    background-position: top;
	}
	.mission3-3 .inputGroup label {
	    font-size: 17px;
	    line-height: 20px;
	    padding-bottom: 0;
	    min-height: 43px
	}
	.mission3-3.mission3_11 .inputGroup label{
		padding-top: 12px
	}
	.mission3-3 .inputGroup:last-child label {
	    padding: 6px 70px 5px 101px;
	}
	.mission3-3.mission3_9 .inputGroup:last-child label {
	    padding: 6px 200px 5px 101px;
	}
	.mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
	    font-size: 17px;
	    line-height: 20px;
	}
	.mission3-3 .blocDetail-h5 {
	    margin-bottom: 5px
	}
	.reply-group {
	    font-size: 14.5px;
	    line-height: 16px;
	}
	.mission3-3 .inputGroup {
	    margin-bottom:0;
	    margin-top:5px;
	}
	.red-notice::before,
	.orange-notice::before,
	.green-notice::before {
	    background-size: 25px;
	    background-repeat: no-repeat;
	    background-position: center top;
	}
	#modalInfo .right-bloc h4.classement-val {
	    font-size: 26px;
	}
	#modalInfo .right-bloc h4.score-val span {
	    font-size: 33px;
	}
	section.default.mission3-5#mission-1 {
	    padding: 100px 0 0px 0;
	}
	.mission3-3.mission3_7 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
	    font-size: 16px;
	    line-height: 18px;
	    padding: 0px 0 0 50px;
	    margin-bottom: 0;
	}
	section.default#mission-1.mission3_11 .h1, section.default#mission-1.mission3_11 h1 ,
	section.default#mission-1.mission3_3 .h1, section.default#mission-1.mission3_3 h1 ,
	section.default#mission-1.mission3_6 .h1, section.default#mission-1.mission3_6 h1 ,
	section.default#mission-1.mission3_8 .h1, section.default#mission-1.mission3_8 h1 ,
	section.default#mission-1.mission3_7 .h1, section.default#mission-1.mission3_7 h1 {
	    padding-top: 25px;
	}
	#mission-3 .bloc-score .btn.btn-participer:hover, #mission-3 .bloc-score .btn.btn-participer {
	    font-size: 12px;
	    line-height: 18px;
	}
	#mon-compte .bloc-info-pers h5 {
	    font-size: 20px;
	    line-height: 80px;
	}
	#mon-compte .bloc-info-pers h5 span {
	    font-size: 34px;
	    line-height: 80px;
	}
	#mon-compte .bloc-info-pers h5.classement span {
	    font-size: 34px;
	    line-height: 80px;
	}
	section.default#mon-compte {
	    padding: 100px 0 0px 0;
	}
	#mon-compte .btn.btn-participer:hover, #mon-compte .btn.btn-participer {
	    font-size: 18px;
	    line-height: 25px;
	    padding: 0 10px 0 25px;
	    background-size: 25px;
	}
	section.default#fin-missins p.text-intro {
	    font-size: 26px;
	    line-height: 28px;
	}
	section.default#fin-missins p.text-subintro {
	    font-size: 24px;
	    line-height: 24px;
	}
	.mission1-mapSolution .imagehotspot-container {
	    margin-top: -40px;
	}
	#mission-1 .mission1-play.mission1-mapSolution h4.reclam{
		display: none;
	}
	.redhotspot a h5 {
	    font-size: 14px;
	    line-height: 15px;
	}
	.mission1_end .texthotspot {
	    top: 40%;
	}
	.header-right-info .nav-item .nav-link i {
	    padding: 0 0px 0 5px;
	}
	#mission-1 .mission1-0 .message-validation-bloc .btn.btn-participer:hover, #mission-1 .mission1-0 .message-validation-bloc .btn.btn-participer,
	#mission-1 .mission1-0 .btn.btn-participer:hover, #mission-1 .mission1-0 .btn.btn-participer {
	    font-size: 15px;
	    line-height: 25px;
	    background-size: 25px;
	    padding: 0px 20px 0px 25px;
	}
	.preStartbtn.video:focus, .preStartbtn.video{
		background-size: 50px  auto
	}
	#mission-1 .message-solution-bloc .btn.btn-participer:hover, #mission-1 .message-solution-bloc .btn.btn-participer {
	    margin-right: 0;
	    background-size: 25px;
	    padding: 0 20px 0 25px;
	    line-height: 25px;
	}
	section.default#mission-1 .h1, section.default#mission-1 h1 {
	    padding-top: 35px;
	}
	.mission1-solution h4.message-validation, .mission1-0 h4.message-validation {
	    font-size: 14px;
	    margin-bottom: 1rem!important;
	    width: 190px;
	}
	.mission1_start .mission1-0 h4.message-validation {
	    font-size: 14px;
	    margin-bottom: 0!important;
	    width: 300px;
	}
	.bloc-entite .bloc-entite-intern {
	    padding: 3px 16px 0px 16px;
	    min-height: 75px;
	}
	.message-validation-bloc a {
	    float: right;
	    margin-right: 100px;
	}
	.message-validation-bloc a#btn-edit {
	    float: right;
	    margin-right: 50px;
	}
	.message-validation-bloc a#btn-reponse {
	    float: right;
	    margin-right: 70px;
	}

	.bloc-entite {
	    line-height: 14px;
	    font-size: 12px;
	    margin-bottom: 10px;
	    min-height: 75px;
	}
	#mission-1 .mission1-info h4 {
	    font-size: 20px;
	    line-height: 24px;
	}
	#mission-1 .btn.btn-participer.btn-valid-info {
	    background-size: 25px;
	    padding: 0 20px 0 25px;
	}
	.mission1-play .texthotspot {
	    width: 130px;
	}
	#mission-1 .mission1-play h4.reclam {
	    font-size: 11px !important;
	    line-height: 9px !important;
	    padding: 3px 0 2px 35px !important;
	    background-size: 130px !important;
	    background-position: center;
	    margin-bottom: 3px
	}
	section.default#mission-2.mission-2-score1 {
	    padding: 100px 0 0px 0;
	}
	.modal_recalm.modal_recalm_mission2 .modal-dialog {
	    margin: 0 10px 0 auto;
	    width: 160px;
	}
	.modal_recalm.modal_recalm_mission2 h4 {
	    font-size: 16px;
	    line-height: 16px;
	}
	section.default .modal_recalm.modal_recalm_mission2 p {
	    font-size: 13px;
	    line-height: 13px;
	}
	.mission1-play .drag_them {
	    padding: 2px 2px 0;
	    width: 130px
	}
	.confirmModal h2 {
	    font-size: 30px;
	    line-height: 30px;
	}
	.confirmModal .modal-body {
	    padding: 30px;
	}
	.confirmModal .modal-dialog {
	    width: 350px;
	}
	#mission-1 .btn.btn-participer:hover, #mission-1 .btn.btn-participer {
	    font-size: 14px;
	    line-height: 25px;
	    padding: 0 20px 0 25px;
	    background-size: 25px
	}
	#mission-1 .mission1-play .imagehotspot-container h5, #mission-1 .mission1-play h5 {
	    padding: 2px 0px 0;
	    font-size: 10.5px;
	    line-height: 9px;
	    height: 20px;
	}
	#mission-2 .btn.btn-participer:hover, #mission-2 .btn.btn-participer {
	    font-size: 14px;
	    line-height: 25px;
	    padding: 0px 20px 0px 25px;
	    background-size: 25px;
	}
	#mission-1 .mission1-play #btn-valid.btn-voir-solution {
	    line-height: 30px;
	    font-size: 16px;
	    background-size: 25px auto;
	}
	section.default#mission-2.mission-2-step1 .h1, section.default#mission-2.mission-2-step1 h1 {
	    padding-top: 25px;
	}
	section.default#mission-2.mission-2-step1 {
	    padding: 100px 0 0px 0;
	}
	#mission-2 .container-time-bloc {
	    top: -45px;
    	right: 25px;
    	transform: scale(0.6);
	}
	.nav-tabs--left {
	    margin: 0;
	    width: 160px;
	    float: right;
	}
	#mission-2 .checkbox-label .checkbox-custom{
		width: 30px;
		height: 30px;
		border: 2px solid #e3031b;
		top: 18px
	}
	#mission-2 .checkbox-label input:checked ~ .checkbox-custom::after {
	    left: 8px;
	    top: 3px;
	    width: 10px;
	    height: 17px;
	}
	.mission-2-play-row {
	    padding-top: 5px!important;
	    padding-bottom: 0px!important;
	}
	section.default .card-checkbox-content p{
		margin-bottom: 5px
	}
	#mission-2 .header-top-area {
	    min-height: 100px;
	}
	#mission-2 .mission2-play h4.reclam {
	    font-size: 14px;
	    line-height: 16px;
	    padding: 5px 0 5px 45px;
	    width: 160px;
	}
	.card-checkbox .checkbox-container {
	    width: 40%;
	}
	.card-checkbox .checkbox-container-content {
	    width: 92%;
	    padding: 5px;
	}
	.checkbox-container .input-title {
	    padding: 0px;
	    font-size: 13px;
	    line-height: 15px;
	    min-height: 30px;
	    padding-top: 5px;
	}
	section.default#mission-2 {
	    padding: 100px 0 0px 0;
	}
	.mission1-0 .btn.btn-participer:hover, .mission1-0 .btn.btn-participer{
		margin-top: 10px
	}
	.blocDetail {
	    padding-left: 15px;
	    margin-bottom: 20px;
	}
	.mission1-0 .game-container h4 {
	    font-size: 12px;
	    line-height: 25px;
	    width: 180px;
	}
	.mission1-0 h3 {
	    font-size: 15px;
	    margin: 0;
	}
	.drag_holder, .drop_wrap {
	    width: 280px;
	    min-height: 25px;
	}
	.mission1-0 .drop_holder img, .drag_me img {
	    width: 25px;
	    height: 25px
	}
	.drag_me {
	    min-height: 25px;
	    width: 25px
	}
	.mission1-0 #metier-9 h4 span, .mission1-0 #metier-3 h4 span, .mission1-0 #metier-1 h4 span {
	    padding: 5px 20px;
	}
	.mission1-0 .drop_wrap h4 span {
	    max-width: 180px;
	    line-height:14px;
	}
	.mission1-0 .game-container .drop_wrap h4 {
	    width: 180px;
	    padding: 0 10px;
	    min-height: 25px
	}
	.mission1-0 .drag_holder h4:after {
	    height: 25px;
	    background-size: auto 25px;
	    right: -53px;
	}
	.mission1-0 .drop_wrap h4:after {
	    left: -43px;
	    height: 25px;
	    width: 60px;
	    background-size: auto 25px;

	}
	.mission1-0 .drop_holder {
	    width: 25px;
	    min-height: 25px;
	    left: 58px;
	}
	#mission-1 .res-800-my-1 {
	    margin-top: 0.5rem !important;
	    margin-bottom: 0rem !important;
	}
	.drag-validation-bloc .drop_them {
	    max-width: 280px;
	}
	.mission1-0 .drop_wrap h4 span {
	    max-width: 180px;
	    line-height: 14px;
	    padding: 5px 0;
	}
	.mission1-solution h3, .mission1-0 h3 {
	    width: 180px;
	    height: 24px
	}
	.mission1-0 .drag-validation-bloc .drop_them h3 {
	    float: left;
	    margin-left: 100px;
	}
	.game-container.dnd{
		max-width: 560px
	}
	#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: 12px;
	    line-height: 12px;
	}
	#mission-1 .mission1-play .imagehotspot-container .drop_holder .drag_me h5 {
	    left: 6px;
	    top: 17px;
	    width: 128px;
	    padding: 2px 0px 0;
	    break-before: 0;
	}
	#mission-1 .mission1-play #entite-4 h5 {
	    padding: 3px 0px 0 0px !important;
	}
	#mission-1 .mission1-play #entite-3 h5, #mission-1 .mission1-play #entite-17 h5, #mission-1 .mission1-play #entite-9 h5 {
	    padding: 3px 0 0;
	}
	.mission1-play .drag_me {
	    height: 32px;
	    min-height: 32px;
	}
	.mission1-play .drag_holder {
	    height: 30px;
	    min-height: 30px;
	}
	#mission-1 .mission1-play #entite-19 h5,
	#mission-1 .mission1-play #entite-18 h5,
	#mission-1 .mission1-play #entite-1 h5 {
	    padding: 3px 0px 0 0px;
	}
	.mission1-0 .drag_holder.successAfter h4:after,
	.mission1-0 .drag_holder.errorAfter h4:after {
	    right: -15px;
	    width: 25px;
	    height: 25px;
	    background-size: auto 25px;
	}
	section.default#mission-1 .div-mission-1-info {
	    background-size: cover;
	}
/*	.mapImage{
	    background-image: url(/img/map.png);
	    background-repeat: no-repeat;
	    background-position: right 23px;
	}
	.mapImage > img{
		opacity: 0
	}*/
	.mission1-play .drop_wrap {
	    width: 140px;
	}
	.connector_canvas{
		max-width: 560px
	}

	.mission1-0 #metier-6 h4 span {
	    padding: 3px 54px;
	}

	.mission1-0 #metier-6 h4 span.en {
	    padding: 3px 34px;
	}
	#pre-start .btn.btn-participer:hover, #pre-start .btn.btn-participer {
	    font-size: 14px;
	    background-size: 25px;
	    line-height: 25px;
	    padding: 0 20px 0 25px;
	}
	.blocurlDetail.blocurlDetail-pass {
	    bottom: 10px;
	}
	.preStartbtn:focus, .preStartbtn{
		background-size: 90px
	}
	#map {
	    width: 1000px;
	    /*position: relative !important;*/
	}
	#fhotspot30 {
	    right: 60px;
	    top: 395px;
	    width: 24px;
	    height: 30px;
	}
	.mission1-play #form-valid .drop_holder {
	    height: 42px;
	    width: 140px;
	    background-size: 140px;
	}
	.mission1-play.mission1-mapSolution #form-valid .drop_holder {
	    height: 42px;
	    width: 140px;
	    background-size: 140px;
	    padding: 5px;
	}
	#groupe-30 {
	    top: 75px;
	    left: -75px;
	}
	#groupe-30:after {
	    top: -63px;
	    right: 63px;
	    width: 10px;
	    height: 67px;
	}
	#fhotspot24 {
	    right: 870px;
	    top: 365px;
	    width: 24px;
	    height: 32px;
	}
	#groupe-24 {
	    position: absolute;
	    left: -95px;
	    top: -50px;
	}
	#groupe-24:after {
	    top: 40px;
	    right: 34px;
	    width: 2px;
	    height: 10px;
	}
	#fhotspot14 {
	    right: 445px;
	    top: 310px;
	    width: 27px;
	    height: 29px;
	    background-position: center;
	}
	#groupe-14 {
	    position: absolute;
	    left: 80px;
	    top: 95px;
	}
	#groupe-14:after {
	    top: -85px;
	    right: 103px;
	    width: 95px;
	    height: 116px;
	    z-index: -1;
	    background-size: 110px auto;
	    background-repeat: no-repeat;
	}
	.container-time-bloc {
	    transform: scale(0.5);
	    right: -44px;
	    top: -15px;
	}
	#fhotspot13 {
	    right: 432px;
	    top: 323px;
	    width: 30px;
	    height: 22px;
	    background-position: center;
	}
	#groupe-13 {
	    position: absolute;
	    left: -75px;
	    top: 85px;
	}
	#groupe-13:after {
	    top: -80px;
	    right: 30px;
	    width: 8px;
	    height: 85px;
	}
	#fhotspot20 {
	    right: 438px;
	    top: 230px;
	    width: 21px;
	    height: 28px;
	}
	#groupe-20 {
	    position: absolute;
	    left: 40px;
	    top: 65px;
	}
	#groupe-20:after {
	    top: -43px;
	    right: 120px;
	    width: 50px;
	    height: 46px;
	    background-size: 50px;
	}
	#fhotspot4 {
	    right: 470px;
	    top: 165px;
	    width: 24px;
	    height: 30px;
	    background-position: center;
	}
	#fhotspot21 {
	    right: 32px;
	    top: 377px;
	    width: 24px;
	    height: 34px;
	    background-position: center;
	}
	#fhotspot7 {
	    right: 255px;
	    top: 90px;
	    width: 24px;
	    height: 32px;
	}
	#groupe-7 {
	    position: absolute;
	    left: 15px;
	    top: -70px;
	}
	#groupe-7:after {
	    top: 43px;
	    right: 100px;
	    width: 45px;
	    height: 30px;
	}
	#fhotspot12 {
	    right: 663px;
	    top: 375px;
	    width: 24px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-12 {
	    position: absolute;
	    left: -60px;
	    top: -50px;
	}
	#groupe-12:after {
	    top: 41px;
	    right: 67px;
	    width: 2px;
	    height: 13px;
	    z-index: -1;
	}
	#fhotspot9 {
	    right: 163px;
	    top: 320px;
	    width: 24px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-9 {
	    position: absolute;
	    left: -130px;
	    top: 30px;
	}
	#groupe-9:after {
	    top: -15px;
	    right: 4px;
	    width: 34px;
	    height: 18px;
	}
	#fhotspot22 {
	    right: 120px;
	    top: 385px;
	    width: 24px;
	    height: 32px;
	}
	#groupe-22 {
	    position: absolute;
	    left: -160px;
	    top: 85px;
	}
	#groupe-22:after {
	    top: -70px;
	    right: -25px;
	    width: 40px;
	    height: 73px;
	}
	#fhotspot16 {
	    right: 585px;
	    top: 388px;
	    width: 24px;
	    height: 32px;
	}
	#groupe-16 {
	    position: absolute;
	    left: -33px;
	    top: 75px;
	}
	#groupe-16:after {
	    top: -50px;
	    right: 100px;
	    width: 2px;
	    height: 55px;
	}
	#fhotspot18 {
	    right: 210px;
	    top: 265px;
	    width: 27px;
	    height: 27px;
	    background-position: center;
	}
	#groupe-18 {
	    position: absolute;
	    left: 77px;
	    top: -105px;
	}
	#groupe-18:after {
	    top: 22px;
	    right: 140px;
	    width: 65px;
	    height: 85px;
	    background-size: 65px auto;
	    background-repeat: no-repeat;
	}
	#fhotspot19 {
	    right: 195px;
	    top: 260px;
	    width: 24px;
	    height: 30px;
	    background-position: center;
	}
	#groupe-19 {
	    position: absolute;
	    left: 59px;
	    top: -50px;
	}
	#groupe-19:after {
	    top: 43px;
	    right: 98px;
	    width: 80px;
	    height: 21px;
	}
	#fhotspot10 {
	    right: 465px;
	    top: 310px;
	    width: 24px;
	    height: 30px;
	    background-position: center;
	}
	#groupe-10 {
	    position: absolute;
	    left: -90px;
	    top: 49px;
	}
	#groupe-10:after {
	    top: -23px;
	    right: 33px;
	    width: 1px;
	    height: 26px;
	}
	#fhotspot32, #fhotspot11 {
	    right: 673px;
	    top: 415px;
	    width: 24px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-32, #groupe-11 {
	    position: absolute;
	    left: -165px;
	    top: -4px;
	}
	#groupe-32:after {
	    top: 17px;
	    right: -28px;
	    width: 29px;
	    height: 1px;
	    z-index: -1;
	}
	#fhotspot6 {
	    right: 365px;
	    top: 210px;
	    width: 24px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-6 {
	    position: absolute;
	    left: 20px;
	    top: -50px;
	}
	#groupe-6:after {
	    top: 19px;
	    right: 140px;
	    width: 10px;
	    height: 32px;
	    z-index: -1;
	    background-position: left top;
	}
	#groupe-4 {
	    position: absolute;
	    left: 85px;
	    top: -145px;
	}
	#groupe-4:after {
	    top: 44px;
	    right: 68px;
	    width: 146px;
	    background-size: 146px;
	    height: 100px;
	    z-index: -1;
	    background-repeat: no-repeat;
	}
	#fhotspot8 {
	    right: 760px;
	    top: 270px;
	    width: 24px;
	    height: 30px;
	    background-position: center;
	}
	#groupe-8 {
	    position: absolute;
	    left: -205px;
	    top: -10px;
	}
	#groupe-8:after {
	    top: 17px;
	    right: -68px;
	    width: 70px;
	    height: 2px;
	}
	#fhotspot21 {
	    right: 36px;
	    top: 348px;
	    width: 24px;
	    height: 34px;
	}
	#groupe-21 {
	    position: absolute;
	    left: -100px;
	    top: -58px;
	}
	#groupe-21:after {
	    top: 43px;
	    right: 30px;
	    width: 2px;
	    height: 16px;
	    z-index: -1;
	}
	#fhotspot25 {
	    right: 308px;
	    top: 210px;
	    width: 24px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-25 {
	    position: absolute;
	    left: 172px;
	    top: -100px;
	}
	#groupe-25:after {
	    top: 13px;
	    right: 139px;
	    width: 152px;
	    height: 100px;
	}
	#fhotspot28 {
	    right: 426px;
	    top: 225px;
	    width: 24px;
	    height: 28px;
	}
	#fhotspot28 {
	    right: 395px;
	    top: 215px;
	    width: 24px;
	    height: 28px;
	    background-position: center;
	}
	#groupe-28 {
	    position: absolute;
	    left: 25px;
	    top: 30px;
	}
	#groupe-28:after {
	    top: -8px;
	    right: 139px;
	    width: 20px;
	    height: 30px;
	}
	#fhotspot31, #fhotspot5 {
	    right: 455px;
	    top: 240px;
	    width: 24px;
	    height: 28px;
	    background-position: center;
	}
	#groupe-31 {
	    position: absolute;
	    left: -154px;
	    top: 0px;
	}
	#fhotspot15 {
	    right: 602px;
	    top: 390px;
	    width: 27px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-15 {
	    position: absolute;
	    left: -160px;
	    top: 73px;
	}
	#groupe-15:after {
	    top: -48px;
	    right: -39px;
	    width: 65px;
	    height: 52px;
	    background-size: 65px auto;
	}
	#fhotspot29 {
	    right: 413px;
	    top: 205px;
	    width: 22px;
	    height: 32px;
	    background-position: center;
	}
	#groupe-29:after {
	    top: 42px;
	    right: 105px;
	    width: 2px;
	    height: 70px;
	    z-index: -1;
	}
	#fhotspot27 {
	    right: 570px;
	    top: 143px;
	    width: 20px;
	    height: 28px;
	}
	div#fhotspot27:before {
	    top: 12px;
	    right: 12px;
	}
	#groupe-27 {
	    position: absolute;
	    left: 35px;
	    top: -123px;
	}
	#groupe-27:after {
	    top: 43px;
	    right: 79px;
	    width: 80px;
	    height: 90px;
	}
	div#fhotspot27:before {
	    background-image: url(../img/img-fr-top-right.png);
	    content: '0';
	    color: transparent;
	    position: absolute;
	    top: 22px;
	    width: 18px;
	    right: 12px;
	    background-repeat: no-repeat;
	    background-size: 18px auto;
	}
	#fhotspot3 {
	    right: 585px;
	    top: 115px;
	    width: 20px;
	    height: 27px;
	    background-position: center;
	}
	#groupe-3 {
	    position: absolute;
	    left: -95px;
	    top: -95px;
	}
	#groupe-3:after {
	    top: 42px;
	    right: 33px;
	    width: 2px;
	    height: 55px;
	    border-left: 0;
	    background-image: url(../img/list-trait/vinci-environnement-2);
	}
	#fhotspot26 {
	    right: 620px;
	    top: 133px;
	    width: 20px;
	    height: 28px;
	}
	#groupe-26 {
	    position: absolute;
	    left: -207px;
	    top: -113px;
	}
	#groupe-26:after {
	    top: 44px;
	    right: -75px;
	    width: 149px;
	    height: 72px;
	    z-index: -1;
	    background-size: auto 75px;
	    background-repeat: no-repeat;
	}

	div#fhotspot26:before {
	    background-image: url(../img/img-fr-top-left.png);
	    content: '0';
	    color: transparent;
	    position: absolute;
	    top: 17px;
	    width: 26px;
	    left: 14px;
	    background-repeat: no-repeat;
	    background-size: 26px auto;
	}

	#fhotspot17 {
	    right: 745px;
	    top: 275px;
	    width: 23px;
	    height: 29px;
	    background-position: center;
	}
	#groupe-17 {
	    position: absolute;
	    left: -221px;
	    top: -70px;
	}
	#groupe-17:after {
	    top: 20px;
	    right: -95px;
	    width: 95px;
	    height: 51px;
	}
	#fhotspot1 {
	    right: 633px;
	    top: 186px;
	    height: 28px;
	    width: 20px;
	    background-position: center;
	}
	#groupe-1 {
	    left: -183px;
	    top: -60px;
	}
	#groupe-1:after {
	    top: 40px;
	    right: -45px;
	    width: 100px;
	    height: 32px;
	}
	#fhotspot2 {
	    right: 605px;
	    top: 160px;
	    height: 27px;
	    width: 20px;
	}
	#groupe-2 {
	    position: absolute;
	    left: -364px;
	    top: -90px;
	}
	#groupe-2:after {
	    top: 27px;
	    right: -225px;
	    width: 226px;
	    height: 75px;
	    background-size: auto 75px;
	}
	div#fhotspot2:before {
	    background-image: url(../img/img-fr-bottom.png);
	    content: '0';
	    color: transparent;
	    position: absolute;
	    top: 12px;
	    width: 14px;
	    background-repeat: no-repeat;
	    background-size: 14px auto;
	}
	.mission1-play .drop_wrap .drop_holder .drag_me {
	    height: 41px;
	    min-height: 41px;
	    width: 140px;
	    background-size: 140px 41px;
	}
	#mission-1 .mission1-play #btn-valid.btn-valid, #mission-1 .mission1-play #btn-valid.btn-next-step {
	    line-height: 30px;
	    font-size: 20px;
	    margin-bottom: 0;
	    left: 180px;
	    top: 410px;
	    bottom: auto;
	    right: auto;
	}
	section.default#mission-1 {
	    height: 100vh;
	    padding: 100px 0 0px 0;
	    background-image: url(../img/bg-mission-1.jpg);
	    overflow: hidden;
	}

	#mission-1 .header-top-area {
	    min-height: 100px;
	}
	.modal_recalm h4 {
	    font-size: 16px;
	    line-height: 16px;
	}
	section.default .modal_recalm p {
	    font-size: 12px;
	    line-height: 14px;
	}
	.mission1-play #form-valid .drop_holder .notice-reponse img {
	    width: 20px;
	}
	#mission-1 .redhotspot .notice-reponse {
	    right: -5px;
	    top: -3px;
	}
	#mission-1 .mission1-play.mission1-mapSolution .imagehotspot-container h5 {
	    height: 20px;
	    padding: 2px 0px 0;
	    line-height: 9px;
	}
	.modal_recalm .modal-dialog {
	    width: 190px;
	    margin-left: 15px;
	    margin-top: 109px;
	}
	.animatedtop {
	    margin: 0 0 20px 0;
	}
	.inputGroup label{
		min-height: 30px
	}
	.inputGroup label:after {
	    width: 20px;
	    height: 20px;
	    right: 20px;
	}
	.inputGroup label {
	    font-size: 15px;
	    line-height: 20px;
	}
	#pre-start-1 .blocDetail-li .inputGroup {
    	min-height: 30px;
    }
    .inputGroup label {
	    padding: 5px 100px 5px 20px;
	}
	.inputGroup:last-child label {
	    padding: 5px 50px 5px 20px;
	}
	.inputGroup input:checked ~ label:after {
	    background-size: 18px;
	}
	.player{
		float: right;
	}
	.modal_recalm .modal-body {
	    padding: 10px;
	}
	#mission-1 .mission1-play #btn-valid.btn-voir-solution {
	    left: 170px;
	    right: auto;
	    bottom: auto;
	    top: 430px;
	}
	.bloc-question h4, .question-name {
	    font-size: 22px;
	    padding-top: 10px;
	}
	section.default .reponse-detail p {
	    font-size: 19px;
	    line-height: 22px;
	}
	.reponse-detail ul li {
	    font-size: 17px;
	    line-height: 20px;
	}
	.question-logo {
	    width: 190px;
	}
	section.default .reponse-detail p {
	    font-size: 17px;
	    line-height: 20px;
	}
	.reponse-detail {
	    padding-left: 15px;
	    width: 70%;
	}
	.bloc-question h4 span {
	    font-size: 30px;
	    padding-top: 28px;
	}
	section.default#mission-2.mission-2-solution1 {
	    padding: 110px 0 0px 0;
	}
	section.default#mission-2.mission-2-solution1 .h1, section.default#mission-2.mission-2-solution1 h1 {
	    padding-top: 20px;
	}
	.formCheckbox .custom-control.fill-checkbox .fill-control-indicator {
	    top: 8px;
	}
	#modalInfo .right-bloc h4.classement-val span {
	    font-size: 33px;
	    line-height: 47px;
	}
	.mission2step2solution .formCheckbox .fill-control-description {
	    color: #fff;
	    font-size: 20px;
	}
	.mission2step2solution .formCheckbox .custom-control.fill-checkbox.trueRep .fill-control-input:checked ~ .fill-control-indicator {
	    background-color: #54e265;
	    border-color: #54e265;
	    background-size: 70%;
	    width: 25px;
	    height: 25px;
	    top: 7px;
	    left: 10px;
	}
	.projetModal .modal-header h5.logo-entite.logo-entite-count2 {
	    font-size: 13px;
	    line-height: 12px;
	}
	#mission-1 .mission1-play #btn-valid.btn-next-step.btn-next-step-solution {
	    line-height: 15px;
	    font-size: 16px;
	    margin-bottom: 0;
	    width: 180px;
	    right: 311px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	.mission1-mapSolution-solution{

	}
	.mission1-play.mission1-mapSolution.mission1-mapSolution-solution #form-valid #groupe-17 .drop_holder {
	    height: 62px;
	    background-size: auto 62px;
	    background-size: cover;
	    background-position: center;
	    border-radius: 10px;
	}
	#mission-1 .mission1-play.mission1-mapSolution.mission1-mapSolution-solution .imagehotspot-container #groupe-17 h5 {
	    height: 30px;
	}

	section.default#mission-1 .mission1-play form {
		height: 100%;
	}

	section.default#mission-1 .div-mission-1-play,
	section.default#mission-1 .mission1-play,
	section.default#mission-1 .mission1-play > .row,
	section.default#mission-1 .mission1-play > .row game-container-solution,
	section.default#mission-1 .imagehotspot-container {
		height: 100%!important;
		overflow: visible;
	}

	.imagehotspot-container >div {
	    height: 100%!important;
	    margin-top: -40px;
	    padding: 0!important;
	}

	.mission1-mapSolution .imagehotspot-container >div {
	    height: 100%!important;
	    margin-top: -10px;
	    padding: 0!important;
	}

}