.footer2 {
    background: #055D94;
    color:white;
   font-family: Arial, sans-serif;
margin:0 ; 
padding:0 ;
margin-top:20px;
width:100%; 
max-width:100%;
}
.footer2-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 ;
}
.footer2-section {
    flex: 1 1 250px;
    margin: 0 20px;
}
.footer2-section h4 {
    margin-bottom: 10px;
    font-size: 1.1em;
    color: #f1c40f;
}
.footer2-section ul {
    list-style: none;
    padding: 0;
background-color:#055D94;
}
.footer2-section ul li {
    margin-bottom: 5px;
background-color:#055D94;
}
.footer2-section ul li a {
    color: #fff;
    text-decoration: none;
  padding: 0 10px;
}
.footer2-section ul li a:hover {
    text-decoration: underline;

}
.footer-bottom {
    text-align: center;
    padding: 10px 10px;
    font-size: 0.95em;
    border-top: 1px solid #34495e;
    margin-top: 20px;
}
      @media  (max-width: 800px){
    .footer-content {
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }

  .footer2 ul{
background-color:#055D94;
}
    .footer2-section {
        margin: 15px 0;
        width: 100%;
        text-align: center;
background-color:#055D94;
    }
      }
    .footer2 a{
color:white;
text-decoration:none;
padding: 20px;
}
.footer2 nav ul{
list-style:none; 
display:flex; 
flex-wrap:wrap; 
justify-content:center; 
gap:24px; 
margin:0; 
padding:0;
background-color:#055D94;
}
.footer2 a:hover{
background: lightblue; 
color:black;

}
li a{
color:white;
padding:5px;
}
.footer2 li{
padding-top:20px;
}
.largeur{
max-width:1800px; 
margin:0 auto; 
padding:0 20px;
}
 @media (max-width: 600px) {
            footer div[style*="display: flex"] {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 14px !important;
            }
        }
 @media (max-width: 600px) {
            .footer2 div[style*="display: flex"] {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 0.5em !important;
            }
        }