/* SELECT PAGE */
.app-navmenu li.nav-item:nth-child(4)::after {
  content: "\25b4";
  color: var(--app-color-orange);
  text-align: center;
  bottom: -8px;
  left: calc(100% / 2.25);
  position: absolute;
}
.app-navmenu li:nth-child(4) {
    border-bottom-color: var(--app-color-orange);
}
/* END SELECT PAGE */

.app-bgcolor-nightsky {
	background-color: var(--app-color-nightsky);
}
.app-color-nightsky {
	color: var(--app-color-nightsky);
}
body {
	line-height: 1.3;
}
.button-connect {
	padding: 1em 3em;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}
.button-link {
	padding: 1em 0;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
}
.card-img-container {
	height: 12vw;
	max-height: 192px;
	overflow: hidden;
}
.custom-card {
	height: 140px;
	margin: 70px 0;
	font-weight: bold;
}
.custom-card p {
	padding: 0 24px;
	line-height: 1.6;
	transform: translateY(-25px);
}
.custom-col {
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
}
.font-size-14 {
	font-size: 14px;
}
.font-size-19 {
	font-size: 19px;
}
.icon {
	width: 50px;
	height: 45px;
	/*top: calc(100% - 25px);*/
	top:unset;
	bottom: -25px;
}
.icon-left {
	left: calc(50% - 86px);
}
.icon-right {
	left: calc(50% + 50px);
}
.icon-agence-rotate {
	width: 20px;
	transform: rotate(90deg);
}
.icon-check-circle {
	font-size: 65px;
}
.icon-check-container {
	position: relative;
	top: -32.5px;
	left: calc(50% - 26px);	
	width: 55px;
}
.image-height {
	padding: 0;
}
.list-padding {
	padding: 0 0 0 2em; 
}
.main {
	margin-top: 80px;
}
.max-height-img {
	max-height: 400px;
}
.margin-bottom-80 {
	margin-bottom: 80px;
}
ol.list-padding {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.padding-bottom-50 {
	padding-bottom: 50px; 
}
.padding-bottom-115 {
	padding-bottom: 115px;
}
.padding-l-2 {
	padding-left: 2em;
}
.padding-r-3 {
	padding-right: 3em;
}

.title-container .underline-style::after {
	top: calc(100% + 16px)!important;
}

@media only screen and (min-width: 961px) and (max-width: 1500px) {
	.img-vertical-margin {
		margin-left: 50%;
		transform: translate(-50%);
	}
}

@media only screen and (min-width: 992px) {
	.bg-entete-img {
		top: -20%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.bg-entete-img {
		top: -10%;
	}
	.button-link {
		width: 80%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
	.button-link {
		font-size: 13px;
	}
	.padding-l-2 {
		padding-left: 0!important;
	}
	.text-adjust {
		line-height: 1.1;
		font-size: 14px; 
	}
}

@media only screen and (max-width: 991px) {
	.section.flex-row {
		flex-direction: column!important;
	}
	.section.flex-row .img-80-md {
		width: 80%!important;
	}
	.padding-l-2,
	.padding-r-3 {
		padding: 0;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1187px) {
	.font-size-13 {
		font-size: 13px;
		line-height: 1.2;
		letter-spacing: -.2px;
		text-align: justify;
	}
	.max-height-img {
		max-height: 320px;
	}
	.main {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1125px) {
	.image-height ~ div h3 {
		font-size: 16px!important;
	}
	.image-height ~ div p {
		font-size: 13px!important;
	}
}

@media only screen and (min-width: 971px) and (max-width: 1226px) {
	.custom-col h3 {
		font-size: 21px!important;
	}
	.custom-col h4 {
		font-size: 18px!important;
	}
}

@media only screen and (max-width: 1064px) {
	.icon-check-container ~ p {
		font-size: 12px!important;
	}
}

@media only screen and (min-width: 876px) and (max-width: 975px) {
	.custom-col h3 {
		font-size: 18px!important;
	}
	.custom-col h4 {
		font-size: 16px!important;
	}
}

@media only screen and (max-width: 960px) {
	.flex-column-r-md {
		flex-direction: column-reverse;
	}
	.image-height.pr-4 {
		padding-right: 0!important;
	}
	.main {
		margin-top: 50px;
	}
	.margin-top-2-md {
		margin-top: 2em;
	}
	.no-p-md {
		padding: 0!important;
	}
}

@media only screen and (max-width: 875px) {
	.button-container {
		margin-top: 3em;
	}
	.card-img-container {
		height: unset;
		max-height: 150px;
	}
	.custom-card {
		width: 80%;
		height: unset;
		margin-top: 0;
		margin-bottom: 10px;
		padding: 0 16px;
	}
	.custom-col {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;		
	}
	.d-flex-md {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex-column-md {
		align-items: center;
		flex-direction: column;
	}
	.flex-column-md .card:not(:last-child) {
		margin-bottom: 4em;
	}
	.margin-top-md-5 {
		margin-top: 5em; 
	}
	.padding-bottom-115 {
		padding-bottom: 40px!important;
	}
}

@media only screen and (min-width: 581px) and (max-width: 960px) {
	.img-80-md {
		width: 80%!important;
	}	
	.text-center-md {
		text-align: center;
	}
}

@media only screen and (max-width: 769px) {
	.title-container .underline-style::after {
		top: calc(100% + 10px)!important;
	}	
}

@media only screen and (min-width: 451px) and (max-width: 767px) {
	h1 {
		font-size: 3rem!important;
	}
}

@media only screen and (max-width: 725px) {
	.button-link {
		font-size: 13px!important;
	}	
}

@media only screen and (max-width: 698px) {
	.button-connect {
		font-size: 13px!important;
		padding: 1em 2em;
	}
	.flex-column-sm {
		align-items: center;
		flex-direction: column;
	}
	.flex-column-sm ul {
		padding: 0;
	}
	.no-mb-md {
		margin-bottom: 0!important;
	}
}

@media only screen and (min-width: 421px) and (max-width: 620px) {
	.custom-col {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;	
	}	
}

@media only screen and (max-width: 580px) {
	.img-100-sm {
		width: 100%;	
	}
	.list-padding {
		padding: 0;
		padding-left: 17px; 
	}
	.w-100-sm {
		width: 100%;
	}
}

@media only screen and (max-width: 420px) {
	.custom-col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;	
	}	
}

@media only screen and (max-width: 380px) {
	.main {
		margin-top: 20px;
	}
}


/* Carousel height */
.carousel .carousel-inner {
    min-height: 700px;
    background-color: white;
}
/*@media only screen and (max-width: 1205px) {
    .carousel .carousel-inner {
        min-height: 740px;
    }
}*/
@media only screen and (max-width: 1150px) {
    .carousel .carousel-inner {
        min-height:760px;
    }
}
@media only screen and (max-width: 982px) {
    .carousel .carousel-inner {
        min-height: 800px;
    }
}
@media only screen and (max-width: 875px) {
    .carousel .carousel-inner {
        min-height: 670px;
    }
}
@media only screen and (max-width: 675px) {
    .carousel .carousel-inner {
        min-height: 720px;
    }
}
@media only screen and (max-width: 450px) {
	.bg-entete h1 {
		top: -1em
	}

}
@media only screen and (max-width: 460px) {
    .carousel .carousel-inner {
        min-height: 750px;
    }
}
@media only screen and (max-width: 320px) {
    .carousel .carousel-inner {
        min-height: 770px;
    }
}

/* Enlever le padding sur les côtés des carousels en mobile */
@media only screen and (max-width: 875px) {
	.section.app-padding-x {
		padding-left: 5%!important;
		padding-right: 5%!important;
	}
}