/*Contenue pricipale*/
  
		

		/* 00000000000000000000000000000000--------FOOTER-----00000000000000000000000000000 */
.footer{
    background:#034F3B;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width:1000%;
    height:auto;
    min-height:300px;
    z-index:9999;
    color:#ECFEFF;
    margin-top:50px;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    padding:10px;
    font-family:sans-serif;

}

.bar{
    width:100%;
    height: auto;
    display:flex;
    flex-wrap:wrap;

}
.compatiment{
	width:33%;
	height:auto;
    margin-left:auto;
    margin-right: auto;
}

/* 📱 Mobile avec slide gauche → droite */
@media (max-width: 768px) {
	
	.footer{
    background:#034F3B;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width:100%;
    height:auto;
    padding:10px;
    min-height:300px;
    z-index:9999;
    color:#ECFEFF;

}
.compatiment{
    width:100%;
    height:auto;
}