*{
	margin : 0;
	padding: 0;
}

/*css footer*/

.ligne{
	background-color: #4A3721;
	height: 15px;
	width: 100%;
}

.bandeau{
	height: 85px;
	background-color: #4A3721;
	margin-top: 26px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#footer .footer-corp{
	height: 300px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .row{
	width: 100%;
}

#footer .fond_couleur{
	z-index: -1;
	height: 300px;
	width: 100%;
	position: absolute;
	display: block;
	background-color: #EAAE39;
	filter: opacity(85%);
	}

#footer .fond{
	filter: saturate(0);
	z-index: -2;
	height: 300px;
	width: 100%;
	object-fit: cover;
	position: absolute;
	display: block;
}

#footer .logo-container{
	display: flex;
	justify-content: center;
}

#footer .logo{
	height: 160px;
	width: 160px;
}

#footer .baniere-head{
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 21px;
}

#footer .footer-container{
	display: flex;
	flex-direction: column;
}

#footer .text-container{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

#footer .titre{
	color: white;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

#footer .underline{
	background-color: #4A3721;
	height: 4px;
	width: 120px;
	margin-bottom: 20px;
}

#footer .icone{
	height: 25px;
	width: 25px;
	margin-right: 10px;
}

#footer .coordone{
	font-size: 16px;
	font-weight: 600;
	color: #4A3721;
	margin-bottom: 0px;
}

#footer .button{
	background-color: #4A3721;
	width: 85px;
	height: 35px;
	border-radius: 10px;
	color: white;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .btn{
	font-weight: 600;
}

#footer ul{
	margin-bottom: 10px;
}

#footer li{
	height: 20px;
}

#footer li a:hover{
	color: white;
}

#footer .foot{
	background-color: #4A3721;
}

#footer .colone{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#footer .foot p{
	color: white;
	margin-bottom: 5px;
}

@media screen and (max-width: 992px) {

#footer .fond_couleur{
	height: 450px;
	}

#footer .fond{
	height: 450px;
}

#footer .footer-corp{
	height: 450px;
}

#footer .logo-container{
	margin-bottom: 20px;
}

}

@media screen and (max-width: 768px) {

#footer .fond_couleur{
	height: 600px;
	}

#footer .fond{
	height: 600px;
}

#footer .footer-corp{
	height: 600px;
}

#footer .colone{
	margin-bottom: 20px;
}

#footer .col{
	margin-bottom: 0px;
}

}