.centerVideo {
	min-width: 100%;
	min-height: 1000px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -45px);
}
video {
	width:100%;
	margin-top: -45px;
}
header.nohero {
	height:100px;
}

#stickyContact {
	transition-property: opacity;
	transition-duration: 0.5s;
}

#videoContainer {
	width: 100%;
	height: 850px;
	overflow: hidden;
	position:absolute;
	top:0px;
	left: 0px;
	z-index:0;
	text-align:center;
}

#moreQuestions.question {
	margin-top: 30px;
}

#menuMobile li {
	width:25% !important;
	margin-bottom: 20px;
}
.forceMobile {
	display: none;
}
#faq div.showMobileOnly {
	text-align:center;
	width: 100%;
}
.in, .out  {
	width:18px !important;
	vertical-align: top;
	margin-top: 1px;
	display: none !important;
}

a#CybotCookiebotDialogBodyLevelButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialogBodyButtonAccept {
	    background-color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
}

#detailMission img {
	border-radius : 5px;
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
	.centerVideo {
/*		min-width: 100%;*/
		min-width: 120%;
	}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 769px) and (max-width: 1024px) {
  
	.flecheSVG {
		margin-top: 150px !important;
		width: auto !important;
		height: 150px !important;
	}
	#fleche2.flecheSVG {
		margin-top: 100px !important;
	}
	.centerVideo {
		min-width: 150%;
	}
	
	#echangerBouton {
		right:10px;
	}
	
	li.menu.dropdown div.dropdown-large {
		min-width: 98%;
	}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  
	.centerVideo {
/*		min-width: 150%;*/
		min-width: 180%;
		min-height: 650px;
	}
  
	header .hero {
		width: auto !important;
		height: auto;
		font-size: 30px !important;
		left: 30px !important;
		top: 350px !important;
		line-height: 32px !important;
	}

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 768px) {
  
  /* CSS */
	.centerVideo {
		min-height: 500px;
		transform: translate(-50%, -5px);
		width: 120%;
	}
	video {
		height:430px !important;
	}
	header, #videoContainer, #film {
		height: 400px !important;
		min-height: 400px !important;
	}
	
/*	header.nohero {
		height:100px;
	}*/
	header.nohero {
		height: 100px !important;
		min-height: 100px !important;
	}	
	header .hero.bottomHero {
		top: 250px !important;
	}
	.showDesktopOnly {
		display:none;
	}
	#myfaq>div {
		float:none !important;
		width: 100% !important;
	}
	#myfaq>div.active {
		margin-bottom: 0px;
		min-height: 0px;
		padding-bottom: 0px;
	}
	
	#myfaq {
		margin-bottom: 15px;
		width: 100% !important;
	}
	.question h3 {
		font-size: 18px;
		margin-bottom: 5px;
		font-weight: bold;
		padding-right: 25px;
	}
	.in {
		display: inline-block !important;
	}
	.out.show, .in.show {
		display: inline-block !important;
	}
	.out.hide, .in.hide {
		display: none !important;
	}
	footer div {
		padding: 0px !important;
	}
	footer div a {
		display: block;
	}
	footer div span a {
		display: inline-block;
	}
	footer svg {
		width: 200px;
		height: auto;
	}
	footer div a.linkedin img {
		width:30px !important;	
	}
	#stickyContact.forceMobile {
		display: block;
	}
/*	footer .lastMobileMenuElement {
		order: 13;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.hideOnMobile {
		display: none;
	}*/
	header .hero {
		top: 250px !important;
	}
	#questionsColonnes .autoCol>div {
		float:none;
		width:100%;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	div.mission div.presentation p {
		margin-bottom: 20px;
	}
	div.mission div.presentation h2 {
		margin-bottom: 10px;
	}
	footer .left svg {
		max-width:150px;
	}
	footer .left a.forceMobile {
		top: 10px !important;
	}
	footer div a.linkedin {
		margin-top: 3px !important;
	}
	#extranetContainer {
		height: auto;
	}
	#extranetContainer div.container {
		padding-top: 50Px;
    position: relative !important;
    top: 50%;
    left: 0% !important;
    transform: none !important;
	}
	#myfaq>div.active {
		margin-bottom: 0px;
		min-height: 0px;
		padding-bottom: 0px;
	}
	.question h3 {
		font-size: 18px;
		margin-bottom:5px;
		font-weight: bold;
		padding-right: 25px;
	}
	
	img#iconFAQ {
		max-width:60% !important;
	}
	
	#myfaq {
		margin-bottom: 15px;
	}
	/*.question h3::before {
	background-image: url(../img/zoom-in.svg);
    background-size: 18px 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    margin-right: 5px;
	}*/
	.hideOnMobile {
		display: none;
	}
	#menuMobile li {
		width:33% !important;
	}
	
	#detailMission img, #temoignageMission img, #conseils img {
		width: 100% !important;
		object-fit: cover;
		max-height: 500px;
		max-width: 100% !important;
	}
	#conseils img {
		max-width: 70% !important;
	}
	
	.iconFormEchanger img, #finPage {
		max-width: 60% !important;
	}

	.autoCol>div {
		width:100% !important;
		margin-bottom:35px;
	}
	.sectionTop {
		margin-bottom: 0px !important;
	}
	.bg-light {
		padding: 0px;
	}
	#questionsColonnes .question {
		margin-bottom: 0px !important;
		padding:0px !important;
	}
	#moreQuestions {
		margin-top: 40px !important;
	}
	.row {
		margin-bottom: 40px !important;
	}
	.bg-light .row, footer .row {
		margin-bottom: 0px !important;
	}
	#detailMission .last {
		margin-bottom: 15px !important;
	}
	#contactStep2 .row, #contactStep3 .row, #contactStep1 .row, #simpleContactStep .row {
		margin-bottom: 0px !important;
	}
	#contactStep1>.row {
		margin-bottom: 20px !important;
	}
	#faq.row {
		margin-bottom: 0px !important;
	}
	#moreQuestionsButton {
		margin-top: 0px !important;
	}
	#partenairesUniques h3 {
		margin-bottom: 0px !important;
	}
	#plus15ans {
		margin-top: 0px !important;
	}
	.titreContainer {
		margin-bottom: 15px;
	}
	#home.row {
		margin-bottom: 0px !important;
	}
	#home.row .titreContainer {
		margin-bottom: 0px;
	}

	#detailMission .row {
		margin-bottom: 20px;
	}
	#detailMission .intro {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	#detailMission .btn {
		margin-top: 0px;
	}
	#presentationMission .row {
		margin-bottom: 30px;
	}
	#presentationMission img {
		margin-bottom: 0px;
	}
	#presentationMission p {
		font-size:20px;
		line-height: 26px;
	}
	footer .lastMobileMenuElement {
		order:13;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.showDesktopOnly {
		display: none;
	}
	.forceMobile {
		display: block;
	}
	footer {
		padding: 10px 20px 10px 20px;
	}
	footer svg {
		width: 200px;
		height: auto;
	}
	footer div {
		padding:0px !important;
	}
	footer .right a {
		display: inline-block;
		margin:0px 5px;
	}
	footer .right a.linkedin img {
		width:30px !important;
	}
	footer .lastMobileMenuElement span a {
		display: inline;
	}
	#presentationMission .label-mission {
		margin-top: 0px;
		padding-top:2px !important;
		padding-bottom:2px !important;
	}
	header, #videoContainer, video, #film {
		height: 650px;
		min-height: 650px;
	}
	video {
/*		height: 850px;*/
		width: auto;
	}
	.centerVideo {
		top: 50%;
	/*	transform: translate(-60%, -50%);*/
		transform: translate(-60%, -35%);
	}
	.in {
		display: inline-block !important;
	}
	.out.show, .in.show {
		display: inline-block !important;
	}
	.out.hide, .in.hide {
		display: none !important;
	}
  
}