footer{
    background-color: #AF3232;
    display: flex;
   flex-direction: row;
   justify-content: space-evenly;
   flex-wrap: wrap;
   padding-top: 150px;
}
             

                @media screen and (max-width:1100px){
                    footer{
                        padding-top: 80px;
                    }
                    }  
                    
.ligne-rouge3{
    position:relative;
    top: -200px;
}

                    @media screen and (max-width:1100px){
                        .ligne-rouge3{
                            top: -110px;
                        }
                        }  

                        @media screen and (max-width:550px){
                            .ligne-rouge3{
                                top: -90px;
                            }
                            }  
                            
footer div{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.footnav nav{
    z-index: 0;
}
footer .footnav{
    display: block;
    position: static;
    color: #FDFBF4;
    margin: 3px;
    margin-left: 10px;
    margin-top: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
    font-weight: 400;
    width: 150px;
    z-index: 0;
}
                  

footer .logofoot img{
width: 250px;
}


.info{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
@media screen and (max-width:464px){
    .info{
       width: 100%;
    }
    }   

footer p{
    color: #FAFCF8;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
}
footer h5{
    color:#F4E8B6;
    font-weight: 400;
    margin: 0;
}
/*..horaires.............*/
.horaire{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
                    @media screen and (max-width:699px){
                        .horaire{
                            padding-top: 100px;
                        }
                        } 
                        
                        @media screen and (max-width:464px){
                            .info{
                              justify-content: center;
                              width: 60%;
                              margin: 0 auto;
                            }
                            }   
.horaire img{
   width: 33px;
}
.horaire P{
    width: 350px;
    margin: 0;
    margin-bottom: 40px;
}
/*..localites.....*/
.localite{
    display: flex;
    flex-direction: row;
  justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
   width:450px ;
}

.localite img{
 
  width: 70px;
}
.localite p{
   width: 350px;
}
/*..contactx........*/
                    @media screen and (max-width:1164px){
                        .contacts{
                            padding-top: 100px;
                        }
                        }    
.contacts img{
    width:35px;
    height: auto;
    padding-right: 10px;
    
}

.contacts .tel img{
    width: 50px;
    height: 40px;

}
.contacts2{
    display: flex;
    flex-direction: row;
    justify-content: left;
    margin: 0;
    padding: 0;
    width: 250px;
    flex-wrap: wrap;
    }
.contacts2 p{
    width: 100%;
    padding-bottom: 20px;
    margin-top: 20px;
}


/*.....mentions légales............*/
footer span, footer span a{
  position: relative;
    text-align: center;
    color:#F4E8B6;
    font-size: 18px;
    font-weight: lighter;
    text-decoration-style: none;
    width: 100%;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 10px;
}