.mission-rules {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    padding: 0 15px 15px;
    font-family: 'VinciSans-light';
}
section.default#mission-3 {
    min-height: 100vh;
    padding: 150px 0 0px 0;
    background-image: url(../img/bg-mission-3.jpg);
}
#mission-1 .header-top-area{
    min-height: 150px
}
section.default#mission-3 .h1,
section.default#mission-3 h1{
  font-size: 34px;
  line-height: 38px;
  padding-top: 55px;
  text-transform: uppercase;
  font-family: 'VinciSans-Bold';
}
#mission-3 .blocDetail span{
	font-size: 23px;
}
#mission-3 .blocmoreDetail-center {
    max-width: 515px;
    padding: 5px 5px 5px 15px;
}

#mission-3 .blocDetail ul li {
    padding-left: 27px;
}
#mission-3 .blocDetail ul{
	font-size: 28px;
}
#mission-1.mission3-3 .inputGroup {
    background-color: transparent;
}
.mission3-3 .inputGroup {
    max-width: 100%;
}
.mission3-3 .inputGroup input:checked ~ label {
    background-color: transparent;
}
.mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
    font-size: 28px;
    padding: 0px 0 0 50px;
    margin-bottom: 20px;
}
.mission3-3 .inputGroup label {
    padding: 6px 70px 5px 101px;
}
.mission3-3 .inputGroup label:after {
    right: auto;
    top: 22px;
    left: 50px;
}
.mission3-3 .btn.btn-participer {
    margin-left: 100px;
}
.mission3-3 .blocDetail-li {
    border-left: 2px solid white;
}
.mission3-3 .clicked-text  label{
	color: #7f8f9e;
}
.mission3-3 .inputGroup label {
    font-size: 26px;
}
.red-notice, .orange-notice, .green-notice{
	position: relative;
}
.red-notice::after {
	background: #e54c4c;
}
.orange-notice::after {
	background: #ff9300;
}
.green-notice::after {
	background: #54e265;
}
.red-notice::after, .orange-notice::after, .green-notice::after{
	position: absolute;
	content: '';
	width: 3px;
	height: 100%;
	left: 60px;
	top: 2px;
	z-index: 0;
}
.red-notice::before{
	background: url(../img/red-notice.png);
}
.green-notice::before{
	background: url(../img/green-notice.png);
}
.orange-notice::before{
	background: url(../img/orange-notice.png);
}
.red-notice::before, .orange-notice::before, .green-notice::before{
	position: absolute;
	content: '';
	width: 38px;
	height: 37px;
	left: 43px;
	top: 0;
    z-index: 1;
}

.reply-group {
    color: #fff;
    font-family: 'VinciSans-Medium', sans-serif;
    font-size: 23px;
    line-height: 31px;
    padding-left: 100px;
    margin-left: 50px;
}
section.default#mission-3 p.preStart {
    font-size: 25px;
}

#mission-3 .mission1-info h4 {
    color: #fff;
    font-family: 'VinciSans-Light';
    font-size: 48px;
    line-height: 50px;
    position: relative;
}
#mission-3 .mission3-info h4 {
    color: #fff;
    font-family: 'VinciSans-Light';
    font-size: 48px;
    line-height: 50px;
    position: relative;
}
/*.mission3-4 #mainNav{
	display: none;
}*/
#mission-1.mission3-2 .mission1-info h4 {
    font-family: 'VinciSans-Light';
    font-size: 35px;
    line-height: 40px;
}
#mission-1.mission3-2 .mission1-info h4.max-width-345 {
    max-width: 345px;
}
section.default.mission3-2#mission-1 .div-mission-1{
    height: 100%;
}
section.default.mission3-5#mission-1 .div-mission-1{
    height: 100%;
}
section.default.mission3-2#mission-1, section.default.mission3-5#mission-1{
    height: 100%;
    background-image: url(../img/bg-mission-3.jpg);
}
.bg-img-m32{
	background-image: url(../img/vue_generale_HD.png);
	background-size:contain;
	background-repeat: no-repeat;
    background-position: right top;
}
.bg-img-m32.en{
    background-image: url(../img/vue_generale_HD-en.jpg);
}
section.default.mission3-5 .mission1-info{
	opacity: 0;
	transition: linear all 100ms;
}
section.default.mission3-5 .mission1-info video{
    width: 100%;
}
.mejs__container.mejs__video{
	width: 100% !important;
	/* height: 100% !important; */
}
section.default.mission3-5#mission-1 .mission1-info,
section.default.mission3-5#mission-1 .mission1-info video{
	min-height: calc(100vh - 150px - 61px) !important;
}
section.default.mission3-5#mission-1 {
    padding: 147px 0 0px 0;
}
.mission3-2 .mission1-info{
	min-height: calc(100vh - 150px) !important;
}  
.ie .mission3-2 .mission1-info{
    min-height: calc(100vh - 190px) !important;
}
section.default.mission3-5#mission-1 video {
    /* height: 100% !important; */
    /* width: 100% !important; */
}
.mejs__time-float {
    display: none !important;
}

.mejs__overlay-button {
    display: none;
}
.mejs__time-handle-content{
    display: none;	
}


.lecteur2 .#mep_1 .mejs__controls {
	display: none;
}
.bloc-score{
    font-size: 19px;
}

#mission-3 .bloc-score .btn.btn-participer:hover, 
#mission-3 .bloc-score .btn.btn-participer{
    font-size: 19px;
}
#mission-3 .mission1-score .bloc-info-pers h5{
    max-width: 500px;
}
.mission3_7 .blocDetail-h5,
.mission3_5 .blocDetail-h5 {
    margin-bottom: 25px;
}
@media (max-width: 1700px) {
    #mission-1.mission3-2 .mission1-info h4 {
        font-family: 'VinciSans-Light';
        font-size: 24px;
        line-height: 35px;
    }
    .container-video{
        max-width: 90% !important;
    }
}
@media (max-width: 1400px) {
    #mission-1.mission3-2 .mission1-info h4 {
        font-family: 'VinciSans-Light';
        font-size: 24px;
        line-height: 35px;
    }
    #mission-1.mission3-2 .mission1-info h4.big-h4{
        font-size: 35px;
    }
    .mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5{
        font-size: 26px;
        padding: 0px 0 0 50px;
        margin-bottom: 20px;
    }
     .container-video{
        max-width: 85% !important;
    }
    .mission3-2 .mission1-info {
        max-height: calc(100% - 60px) !important;
        min-height: calc(100% - 60px) !important;
    }
}
@media (max-width: 1280px){
    
}
@media (max-width: 1200px) {
    #mission-1.mission3-2 .mission1-info h4 {
        font-family: 'VinciSans-Light';
        font-size: 24px;
        line-height: 30px;
    }

}
@media (max-width: 1024px) {
    #mission-1.mission3-2 .mission1-info h4 {
        font-family: 'VinciSans-Light';
        font-size: 20px;
        line-height: 30px;
    }
}

@media(max-height: 750px){
    .reply-group {
        color: #fff;
        font-family: 'VinciSans-Medium', sans-serif;
        font-size: 21px;
        line-height: 31px;
        padding-left: 100px;
        margin-left: 50px;
    }
    .mission3-3 .inputGroup label {
        font-size: 18px;
    }
    .mission3-3 .blocDetail-h5 h5, .mission3-3 .blocDetail h5 {
        font-size: 20px;
        padding: 0px 0 0 50px;
        margin-bottom: 10px;
    }
}
.mejs__mediaelement > .mejs__container .mejs__controls {
    display: none;
}