.index-backward {
	z-index: -1;
}

.index-medium {
	z-index: 5;	
}

.index-up {
	z-index: 10;
}

.index-front {
	z-index: 100;
}

.logo_footer {
	padding: 1vw;
	z-index: 6;
	margin-right: 3vw;
}

.footer_middle {
	border-top: var(--main-color-light);
	padding: 2%;
	z-index: 1;
	font-size: max(1vw,1rem);
}

.footer_bottom {
	display: inline-block;
	margin: auto;
	padding: 1vw;
	font-size: max(1vw,1rem);
}

.footer_hr {
	height: 3px;
}

.sub-text-inline {
	display: inline-block;
	z-index: 12;
	position: relative;
}

.sub-text-w-30 {
	width: 30%;
}

.sub-text-mt-1vw {
	margin-top: 1vw;
}

.img-bottom {
	top: 5%; 
	width : 20%;
	z-index: 10;
	position: absolute;
	max-height: 90%;
	width: 20%;
}

#img1 {
	left: 35px;
	aspect-ratio: 9/16;
	width: auto;
}

#img2 {
	right: 30px;
}

.newsletter_title {
	z-index: 10;
}

.newsletter_content {
	display: flex;
	align-items: center;
	height: 3rem;
	justify-content: space-around;
}

.newsletter_input {
	z-index: 10;
	display: inline-block;
}

.newsletter_button {
	z-index: 10;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 3vw;
	height: 80%;
}

#btnsbn {
	border-radius: 10px;
	font-weight: bold;
	border: none;
}

.follow_us {
	z-index: 10;
}

.footer_reseaux {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 3rem;
}

.footer_reseaux_btn {
	display: flex;
	height: calc(1.6 * 0.8rem);
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.footer_reseaux a {
	height: 100%;
	width: auto;
	margin: auto;
}

.footer_reseaux a img {
	max-height: 80%;
	margin-top: 10%;
	vertical-align: top;
}

.logo_footer_cs {
	height: 8vw;
	align-items: baseline;
}

.logo_footer_cs a {
	height: 100%;
}

.footer_content_textes {
	width: 50%;
	height: 100%;
	display: inline-block;
	font-size: 1vw;
	margin: auto;
	padding: 1vw;
}


@media (min-width : 768px) {
	.footer_middle_right {
		max-width: 30%;
	}
}

@media (min-width : 992px) {
	.w-lg-50 {
		width: 50% !important;
	}
}
@media (max-width : 991.98px) {
	#img1, #img2 {
		display: none;
	}
	
	.footer_content_textes {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		position: unset;
		letter-spacing: 2px;
		padding: 1rem;
		font-size: inherit;
		justify-content: center;
	}
	
	.sub-text-w-30 {
		margin: auto auto .5rem auto;
		width: 100%;
	}
	
	.footer_hr {
		height: 1px;
		margin-top: 0px;
		margin-bottom: .5rem;
	}
	.textes_5 {
		margin-top: 0px;
	}
	
	.newsletter_button {
		margin-left: 4vw;
	}
	
	.logo_footer_cs {
		height: 2.5rem;
		align-items: center;
	}
	.logo_footer_cs a {
		height: 2rem;
	}
	.logo_footer_cs img {
		vertical-align: top;
	}
}