@media (max-width: 1300px) {
    .blocDetail-h5 h5, .blocDetail h5{
        font-size: 33px
    }
    .header-right-info .nav-item .nav-link {
        font-size: 12.85px;
    }
    .texthotspot h4{
    	font-size: 20px;
	}

}
@media (max-width: 1340px) and (max-height: 750px) {

	.texthotspot h4 {
	    font-size: 23px;
	    line-height: 24px;
	}
	.texthotspot {
	    top: 220px;
	}

	.input-group{
		margin-bottom: 25px;
	}
	#addCompte .rs-select2 {
    	height: 55px;
	}
	#addCompte input{
		height: 37px;
	}
	.title {
	    font-size: 30px;
	    line-height: 30px;
	}
	.select2-container--default .select2-selection--single .select2-selection__placeholder{
		font-size: 16px;
	}
	.header-right-info .navbar-nav{
		float: right;
		/*padding: 5px 0px 0;	*/
	}
	#compte .card:nth-child(2){
		padding-bottom: 15px;	
	}
	#compte .card-2 .card-body{
		padding: 12px 55px;
	}
	#mutebtn:focus, #mutebtn {
	    height: 35px;
	    width: 30px;
	    background-size: 28px 32px !important;
	}
	section.default {
	    padding-top: 37px;
	    padding-bottom: 60px;
	}

}

@media (max-height: 680px){
	section.default#home p {
	    font-size: 28.48px;
	    line-height: 30px;
	}
	.bloc-logo{
		transform: scale(0.8);
	}
	.animatedtop {
	    margin: 20px 0;
	}
	.home-div{
		height: 100%!important
	}
	section#home.default{
		min-height: 600px!important
	}
	section.default#compte .title span,
	section.default#compte p.subtitle {
	    font-size: 18px;
	    line-height: 18px;
	}
	#compte .logo-lg img {
	    width: auto;
	    height: 80px;
	}
	section.default#compte {
	    padding-top: 25px;
	    padding-bottom: 45px;
	}
	#welcome.empty-page .btn.btn-participer-add:hover, 
	#welcome.empty-page .btn.btn-participer-add{
		background-size: 35px

	}
	#mainNav .navbar-nav .nav-item .nav-link{
		margin-bottom: 0
	}
	#compte .input-group.group-text {
	    margin-bottom: 15px;
	}
	/*section.default#mission-1 .div-mission-1-play {
	    min-height: 100%;
	}*/
	.projetModal .content-popup .titre {
	    font-size: 19px;
	    padding-left: 50px;
	    margin-bottom: 10px;
	}
	.logo-lg img {
	    width: auto;
	    height: 103px;
	}
	section.default#pre-start {
	    padding-top: 120px;
	    padding-bottom: 0px;
	    min-height: 100%;
	}
	section.default#pre-start .h1, section.default#pre-start h1 {
	    padding-top: 40px;
	}
	section.default#mission-2 .h1, section.default#mission-2 h1 {
	    font-size: 33px;
	    line-height: 35px;
	    padding-top: 25px;
	}
	.mission3-3 .inputGroup label {
	    font-size: 20px;
	       line-height: 24px;
    	margin-bottom: 5px;
	}
	.mission3-3.mission3_7 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
	    font-size: 20px;
	    line-height: 24px;
	    padding: 0px 0 0 50px;
	    margin-bottom: 0;
	}
	


}
#modalInfo .right-bloc h4.classement-val {
    font-size: 32px;
    line-height: 40px;
    color: #707070;
    font-family: 'VinciSans-Medium';
    margin: 0;
    letter-spacing: -2px;

}
#modalInfo .right-bloc h4.classement-val span {
    font-size: 46.7px;
    line-height: 47px;
}
#modalInfo .right-bloc h4.score-val {
    font-size: 20.28px;
    line-height: 40px;
    text-align: center;
}
#modalInfo .right-bloc h4.classement-val sup {
    font-size: 32.7px;
    top: -17px;
    font-family: 'VinciSans';
}
#modalInfo .modal-dialog {
    width: 370px;
    float: right;
    margin: 17px 15px;
}
#modalInfo .modal-header h5 {
    font-size: 14px;
    line-height: 30px;
}
#modalInfo .modal-body {
    padding-top: 5px;
    padding-bottom: 5px;
}
#modalInfo .modal-content {
    padding: 5px 8px 0px;
    border-radius: 0
}
#modalInfo .left-bloc {
    padding: 0 11px 0 5px;
}
#modalInfo .rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
}
#modalInfo .left-bloc h5 {
    font-size: 14px;
    line-height: 16px;
}
#modalInfo .right-bloc h3.classement, #modalInfo .right-bloc h3.score {
    font-size: 10px;
    line-height: 15px;
    color: #707070;
    font-family: 'VinciSans';
    margin: 0;
}
#modalInfo .right-bloc {
    background: #e5e5e5;
    padding: 5px 5px 0;
}
#modalInfo  .accordion .card-header .collapsed h5:before {
    font-family: 'FontAwesome';
    content: url(/img/plus.png);
    float: left;
    padding: 0;
    height: 36px;
    background-position: center;
}
#modalInfo .modal-body a:hover, #modalInfo .modal-body a h5 {
    font-size: 10.20px;
    line-height: 30px;
    font-family: 'VinciSans-Bold';
}
#modalInfo .accordion .card-header .collapsed h5:before {
    float: left;
    padding: 0;
    height: 30px;
    background-position: -2px center;
    background-size: 24px auto;
    background-image: url(/img/plus.png);
    content: '0';
    width: 28px;
    color: transparent;
    height: 30px;
    background-repeat: no-repeat;
}
#modalInfo .left-bloc h4{
	line-height: 20px;
	margin-top: 10px
}
#modalInfo .left-bloc h4 a:hover, #modalInfo .left-bloc h4 a {
    font-size: 13.90px;
    line-height: 25px;
}
#modalInfo .rs-select2 .select2-container {
    margin-top: 10px;
}
#modalInfo .list-utilisateurs li {
    font-size: 11.67px;
    line-height: 16px;
    color: #707070;
    font-family: 'VinciSans';
    padding: 0;
    margin: 0;
}
#modalInfo .list-utilisateurs ul{
	list-style: none;
	padding:10px;
}
.force-overflow {
    min-height: 250px;
}
@media (max-width: 1260px){
	.inputGroup label {
	    font-size: 20px;
	    line-height: 24px;
	}
	.blocDetail-h5 h5, .blocDetail h5 {
	    font-size: 27px;
	}
	
}
@media (max-width: 1279px){
	/* home */
	#home .btn.btn-participer:hover,
	#home .btn.btn-participer{
	  line-height: 30px;
	  font-size: 24px
	}
	section.default#home p{
        font-size: 33.33px;
        line-height: 34px
    }
	.mission1-solution h4.message-validation, .mission1-0 h4.message-validation {
	    font-size: 14.46px;
	    padding: 0;
	    width: 240px;
	    float: right;
	}
	.message-solution-bloc,
	.message-validation-bloc{
		padding-right: 0
	}
	.message-validation-bloc a{
		float: right;
		margin-right: 50px
	}
	#mission-1 .message-solution-bloc .btn.btn-participer:hover, #mission-1 .message-solution-bloc .btn.btn-participer{
		float: right;
	    margin-right: 25px;
	    font-size: 15px;
	    line-height: 21px;
	    background-size: 30px;
	}
	.mission1-solution h3, .mission1-0 h3{
		width: 260px
	}
	.mission1-0 .drag-validation-bloc .drop_them h3 {
	    float: left;
	    margin-left: 160px;
	}
	#mission-1 .mission1-0 .message-validation-bloc .btn.btn-participer:hover, 
	#mission-1 .mission1-0 .message-validation-bloc .btn.btn-participer {
	    font-size: 14.87px;
	    line-height: 26px;
	    background-size: 30px;
	    padding: 0px 20px 0px 30px;
	}
	.bloc-entite .bloc-entite-intern {
	    padding: 12px 10px 7px 10px;
	    min-height: 110px;
	}
	.bloc-entite {
	    font-size: 14px;
	    line-height: 16px;
	    min-height: 110px;
	    margin-bottom: 20px;
	}
	section.default#mission-1 .h1, section.default#mission-1 h1 {
	    font-size: 26px;
	}
	#mission-1 .mission1-play #btn-valid.btn-valid, #mission-1 .mission1-play #btn-valid.btn-next-step {
	    right: 360px;
	}
	#mission-2.mission-2-step2-play .blocDetail h5 {
	    font-size: 28px;
	    line-height: 32px;
	}
	#mission-1 .div-mission-1-score .btn.btn-participer:hover, #mission-1 .div-mission-1-score .btn.btn-participer {
	    font-size: 19px;
	    line-height: 25px;
	}
	.help {
	    font-size: 10px;
	    padding-left: 10px;
	}
	.mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
	    font-size: 24px;
	    line-height: 28px;
	    padding: 0px 0 0 50px;
	    margin-bottom: 20px;
	}
	.text-left-mission3{
	  padding-right: 0 !important;
	  padding-left: 20px !important;
	}
	.text-left-mission3{
	  padding-right: 0 !important;
	  padding-left: 20px !important;
	}
	.reply-group {
	    font-size: 19px;
	    line-height: 24px;
	}
	.header-right-info .nav-item .nav-link {
	    font-size: 11.85px;
	}
    
}
@media (max-height: 901px) {
	
	.mission1-mapSolution .imagehotspot-container >div{
	    padding-bottom: 620px!important;
	    margin-top: -15px;
	}
}
@media (max-height: 850px) {
	#coach .logo {
	    padding-bottom: 55px;
	}

	section.default#mentions_legal_page p {
	    font-size: 16.8px;
	    line-height: 22px;
	}
	#mentions_legal_page .logo-lg img{
		height: 133px
	}
	
	.bloc-entite {
	    font-size: 16px;
	    line-height: 18px;
	    margin-bottom: 15px;
	}
	.mission-1-solution-1-bloc{
		margin-top: 20px!important;
		margin-bottom: 20px!important;
	}
	.mission1-play .drag_holder{
		margin-bottom: 3px;
	}
	.mission1-play .drag_them {
	    padding: 3px 5px 5px;
	}
	.imagehotspot-container >div {
	    padding-bottom: 590px!important;
	}
	.reponse-detail ul li {
	    font-size: 17px;
	    line-height: 18px;
	}
	.bloc-question h4,
	.question-name {
	    font-size: 25px;
	    padding-top: 15px;
	}
	.mission-2-solution1-row{
		margin-bottom: 0px!important
	}
	.mx-h-620 {
	    min-height: 540px!important;
	}
	.mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
	    font-size: 24px;
	    line-height: 28px;
	}
	.mission3-3 .inputGroup label {
	    font-size: 22px;
	    line-height: 24px;
	}
	

}
@media (max-height: 750px) {
	.mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
	    font-size: 24px;
	    line-height: 26px;
	    padding: 0px 0 0 50px;
	    margin-bottom: 0;
	}
	.reply-group {
	    font-size: 18px;
	    line-height: 24px;
	    padding-left: 100px;
	    margin-left: 50px;
	}
	.text-left-mission3{
	  padding-right: 0 !important;
	  padding-left: 20px !important;
	}
	.text-left-mission3{
	  padding-right: 0 !important;
	  padding-left: 20px !important;
	}
	.bloc-logo {
	    height: 250px;
	    width: 500px;
	}
	.img_panel img{
		width: 340px
	}
	.img_panel2 img{
		width: 340px
	}
	.img_panel1{
		width: 150px
	}
	#compte .logo-lg img {
	    width: auto;
	    height: 110px;
	}
	#mentions_legal_page h2 {
	    font-size: 32.17px;
	    line-height: 36px;
	}
	#mentions_legal_page h2 {
	    font-size: 31.17px;
	    line-height: 31px;
	    margin: 0;
	}
	.mentions_legal-content{
		margin-top: 0!important;
		margin-bottom: 0!important;
	}
	.bloc-entite .bloc-entite-intern {
	    padding: 7px 16px 1px 16px;
	    min-height: 105px;
	}
	.bloc-entite {
	    line-height: 16px;
	    font-size: 15px;
	    margin-bottom: 15px;
	    min-height: 105px;
	}
	section.default#mentions_legal_page p {
	    font-size: 15px;
	    line-height: 17px;
	}
	#mission-2 .mission2-3-play .game-container{
		margin-top: 10px!important
	}
	#coach .logo {
	    padding-bottom: 30px;
	}

}