/*Intro*/

.v-difference__adn-wrapper{
	margin-top:50px;
	margin-bottom:50px;
}

.v-difference__adn-riche-texte{
	max-width:1111px;
	border-left:5px solid #000F9F;
	padding-left:25px;
	text-align:left;
}

/*Engagements*/

.v-difference__engagements{
	background-color:#EDEFF0;
	padding:90px 0;
}

.v-difference__engagements-wrapper{
	max-width:1111px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
}

.v-difference__engagements-titre{
	text-align:center;
}

.v-difference__engagements-tuiles{
	max-width:1190px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
	margin-top:80px;
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
	gap: 40px;
}

@media screen and (max-width: 1024px) {
  	.v-difference__engagements-tuiles{
		max-width: 536px;
		justify-content:center;
	}
}

.v-difference__engagements_tuile{
	max-width: 536px;
	display: flex;
    flex-direction: column;
	align-items:center;
}

@media screen and (max-width: 1200px) {
  	.v-difference__engagements_tuile{
		max-width: 475px;
	}
}

.v-difference__engagements_tuile-libelle h3{
	text-align:center;
	font-size:18px;
	line-height:30px;
}

.v-difference__engagements_tuile-libelle .sous-texte{
	text-align:center;
	margin-top:15px;
	font-size:18px;
	font-weight:500;
	line-height:30px;
	display: block;
}

/*Forces*/

.v-difference__forces {
    padding: 90px 0;
	position:relative;
}

.v-difference__forces-wrapper {
    max-width: 1111px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.v-difference__forces-image {
    min-height: 600px;
    padding-bottom: 30%;
    overflow: unset;
    border-radius: unset;
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
  	.v-difference__forces-image {
		min-height: 900px;
	}
}

@media screen and (max-width: 682px) {
  	.v-difference__forces-image {
		min-height: 1200px;
	}
}

@media screen and (max-width: 575px) {
  	.v-difference__forces-image {
		min-height: 1800px;
	}
}

.v-difference__forces-content {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
}

.v-difference__forces-titre {
    text-align: center;
}

.v-difference__forces-tuiles {
    max-width: 1190px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    margin-top: 80px;
	margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

@media screen and (max-width: 1024px) {
  	.v-difference__forces-tuiles{
		max-width: 736px;
		gap:100px;
		justify-content:center;
	}
}

.v-difference__forces_tuile{
	max-width: 536px;
	display: flex;
    flex-direction: column;
	align-items:center;
}

@media screen and (max-width: 1200px) {
  	.v-difference__forces_tuile{
		max-width: 475px;
	}
}

@media screen and (max-width: 575px) {
  	.v-difference__forces_tuile{
		width:100%;
	}
}

.v-difference__forces_tuile-libelle{
	text-align:center;
	font-size:30px;
	line-height:40px;
	font-weight:700;
	margin-top:10px;
}


/*Difference*/

.v-difference__difference{
	padding:0;
	background-color:#000F9F;
}

.v-difference__difference-wrapper{
	max-width:1920px;
	padding:0!important;
}

.v-difference__difference-image{
	/*height: 747px;*/
	min-height: 500px;
    padding-bottom: 30%;
    overflow: unset;
    border-radius: unset;
    margin-top: 0;
}

@media screen and (max-width: 600px) {
  	.v-difference__difference-image{
		height: 747px;
	}
}

@media screen and (max-width: 520px) {
  	.v-difference__difference-image{
		height: 850px;
	}
}

.v-difference__difference-video{
	background-image: none;
	object-fit:cover;
}

.v-difference__difference-content{
	position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    color: #fff;
	max-width: 812px;
    margin: auto;
}

@media screen and (max-width: 1300px) {
  	.v-difference__difference-content{
		/*top: 50px;*/
	}
}

.v-difference__difference-texte{
	font-size:18px;
	font-weight:500;
	line-height:30px;
	text-align:center;
}

.video-mots{
	padding:0 15px;
	display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
}

@media screen and (max-width: 600px) {
  	.video-mots{
		flex-direction:column;
		align-items: center;
	}
}

.video-mot{
	font-weight:bold;
	font-size:30px;
}

@media screen and (max-width: 600px) {
  	.video-mot{
		margin-top:20px;
	}
}

/*Couverture*/

.v-difference__couverture-wrapper {
	display:flex;
	flex-direction:column;
}

.@media screen and (min-width: 768px){
	.v-difference__couverture-wrapper {
		max-width: 1685px;
	}
}

@media screen and (min-width: 1200px){
	.v-difference__couverture-wrapper {
		padding-left: 0px;
		padding-right: 0px;
		gap:50px;
		flex-direction:row;
	}
}

.v-difference__couverture-map{
	position:relative;
}

@media screen and (max-width: 860px){
	.v-difference__couverture-map img {
		max-width:100%;
	}
}

.map_couverture_mobile {
	display:none;
}

@media screen and (max-width: 860px){
	.map_couverture {
		display:none;
	}
	
	.map_couverture_mobile {
		display:block;
	}
}

.pin-bleu{
	position: absolute;
	transform: scale(0.7);
	transition:all .5s ease-in-out;
}

@media screen and (max-width: 860px){
	.pin-bleu{
		display:none;
	}
}

.pin-bleu:hover{
    transform: scale(1);
}

.pin-bleu:hover > .pin-box{
    visibility:visible;
}

.pin-bleu img{
    cursor: pointer;
}

.mississauga{
	bottom: 23px;
    right: 250px;
}

.ottawa{
	right: 240px;
    bottom: 70px;
}

.sherbrooke{
	right: 160px;
    bottom: 100px     
}

.montreal{
	right: 188px;
    bottom: 87px;
}

.trois-rivieres{
	right: 185px;
    bottom: 113px;
}

.quebec{
	right: 171px;
    bottom: 127px;
}

.pin-bleu .pin-box{
	position: absolute;
    width: 185px;
	background-color: #000F9F;
    color: #fff;
    padding: 10px;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
	visibility:hidden;
	transition:all .5s ease-in-out;
}

.pin-titre{
	font-weight:600;
	font-size:14px;
	line-height:20px;
}

.pin-texte{
	font-weight:500;
	font-size:12px;
	line-height:20px;
}

.pin-lien a{
	color:#fff;
	text-decoration:none;
	font-weight:500;
	font-size:10px;
	line-height:20px;
}

.pin-lien a:hover{
	color:#EE7623;
}

.pin-lien{
	text-align: right;
    width: 100%;
	margin-top:6px;
}

.pin-lien img{
	margin-left: 5px;
    margin-bottom: -2px;
	width: 12px;
}

/*Ligne temps*/

.v-difference__temps{
	position:relative;
	overflow: hidden;
}

.v-difference__temps-video{
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-image: url(../probleme-ecran-noir-windows-10-black-screen-56b21b3a6c989.html);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s opacity;
    max-width: 300%;
}

.v-difference__temps-wrapper{
	margin-top:150px;
	margin-bottom:115px;
}

.v-difference__temps-titre{
	margin-top:150px;
	text-align:center;
	margin:auto;
	color:#fff;
}

.swiper-temps{
	width: 100%;
    height: 100%;
	max-width: 1225px;
	padding: 0 20px;
}

@media screen and (max-width: 1635px) {
  .swiper-temps{
		max-width:1000px;
	}
}

@media screen and (max-width: 1270px) {
  .swiper-temps{
		max-width:700px;
	}
}

@media screen and (max-width: 1000px) {
  .swiper-temps{
		max-width:500px;
	}
}

.v-difference__temps-points{
	position:relative;
}

.v-difference__temps-points .ligne-bg{
	height: 1px;
    width: 100%;
    background-color: #EE7623;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.swiper-temps .swiper-pagination{
	position: relative;
    height: 100px;
    bottom: unset;
    left: unset;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.swiper-temps .swiper-pagination-bullet{
	background-color: #EE7623;
    opacity: 1;
	width: 10px;
    height: 10px;
	position:relative;
}

.swiper-temps .swiper-pagination-bullet-active::before{
	content:"";
	border-radius: 50%;
    border: solid 1px #EE7623;
    padding: 25px;
	margin:auto;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-left: -21px;
}

.swiper-temps .swiper-pagination-bullet-active::after{
	content:url('../png/temps-ligne.png');
	display:block;
	margin-top:35px;
}

@media screen and (max-width: 800px) {
  .swiper-temps .swiper-pagination-bullet-active::after{
		content:"";
	}
}

.v-difference__temps-tuiles{
	max-width:1300px;
	width:100%;
	margin:auto;
	display:flex;
	margin-top: 15px;
}

@media screen and (max-width: 1635px) {
  .v-difference__temps-tuiles{
		max-width:1100px;
	}
}

@media screen and (max-width: 1270px) {
  .v-difference__temps-tuiles{
		max-width:800px;
	}
}

@media screen and (max-width: 1000px) {
  .v-difference__temps-tuiles{
		max-width:600px;
	}
}

.v-difference__temps_tuile{
	/*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
	white-space: nowrap;
    width: 170px;
	color: #fff;
	visibility:hidden;
	transition:all .5s ease-out;
}

@media screen and (max-width: 1635px) {
  .v-difference__temps_tuile{
		width:130px;	
	}
}

@media screen and (max-width: 1270px) {
  .v-difference__temps_tuile{
		width:90px;	
	}
}

@media screen and (max-width: 1000px) {
  .v-difference__temps_tuile{
		width:60px;	
	}
}

@media screen and (max-width: 800px) {
  .v-difference__temps_tuile{
		width: 100%;
    	position: absolute;
    	margin-left: 15px;
    	margin-right: 15px;
	  	white-space: unset;
	}
}

.v-difference__temps_tuile:first-child{
	visibility:visible;
}

.v-difference__temps_tuile-titre{
	font-size:18px;
	font-weight:bold;
	line-height:25px;
}

.v-difference__temps_tuile-texte{
	font-size:18px;
	font-weight:500;
	line-height:25px;
}

.v-difference__temps-pagination{
	display:flex;
	margin-top: 120px;
    margin-bottom: 60px;
	justify-content: center;
    gap: 100px;
}

.swiper-button-prev-temps, .swiper-button-next-temps{
	position: relative;
    right: unset;
    left: unset;
    top: unset;
}

.swiper-button-prev-temps::after, .swiper-button-next-temps::after{
	color:#fff;
	font-size:30px;
}