a, a:hover {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

.format {
font-family: 'Roboto', sans-serif;
width: 100%;
margin: 0 auto;
}

.menu-logo {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}

        .logo {
        margin-left: 147px;              
        }

        .container-menu {
        width: 100%;
        display: flex;
        justify-content: center;
        }

                .menu {
                width: 80%;
                font-size: 15px;
                font-weight: bold;
                color: rgb(36, 32, 31);
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                }

                        .onglet-menu {
                        text-align: center;
                        margin: 0 25px;
                        padding: 14px 15px;
                        }
                                .onglet-menu:hover {
                                background-color: rgb(36, 32, 31);
                                color: white;
                                }
                                .onglet-menu:hover a{
                                        color:white;
                                        text-decoration: none;
                                }

       
                        .logofacebook {
                                width:19px;
                                height:auto;
                                padding:11px 15px;
                        }
                        .logofacebook:hover {
                                background-color: rgb(36, 32, 31);
                        }
                        .logofacebook:hover .st0{
                                fill: white;
                        }

                                .facebook:hover {
                                background-image: url(link/LOGOPICTO/picto-facebook-01-hover.svg);
                                }

                        .adherez {
                        text-align: center;
                        margin: 0 30px;
                        padding: 5px 15px;
                        background-color: rgb(36, 32, 31);
                        color: rgb(255, 255, 255);
                        }
                                .adherez:hover {
                                background-color: rgb(51, 148, 175);
                                }

                        .burger {
                        display: none;
                        width: 2.2vw;
                        }

                .vespa-club {
                display: none;
                }


        .pictures-background {
        height: 50vw;
        background-image: url(link/f-page\ acceuil-v2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        position: relative;
        display: flex;
        align-items: center;
        border-top: solid rgb(51, 148, 175) 4px;
        }
        
                .contenair-trois-dates {
                width: 270px;
                position: absolute;
                background: rgb(255, 255, 255);
                display: flex;
                flex-direction: column;
                top: 92px;
                left: 50px;
                }

                        .trois-dates {
                        font-size: 18px;
                        font-weight: bold;
                        text-align: center;
                        }
                        .dates {
                        font-size: 15px;
                        text-align: left;
                        padding: 0 30px;
                        }
                        .text-blue {
                        color: rgb(51, 148, 175);
                        }
                                .text-blue:hover {
                                background-color: rgb(51, 148, 175);
                                color: white;
                                padding: 0 5px;
                                }


                        /*     FOOTER     */


.contenair-footer {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-size: 15px;
} 
                .contenair-partenaires {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                }
                                .partenaires {
                                padding: 0px 10px 0px 40px
                                }
                                .barre-latérales {
                                width: 2px ;
                                }
                                .liens-partenaires {
                                padding: 10px;
                                text-decoration: none;
                                }

                .contenair-mentions-legales {
                height: 20px;
                text-align: center;
                }
                                .mentions-legales {
                                font-weight: bold;
                                }
                                .mentions-legales:hover {
                                background-color: rgb(36, 32, 31);
                                color: white;
                                padding: 1px 15px;
                                }
                

                .liens-amis {
                text-align: right;
                padding: 0px 40px 0px 10px
                }        
                
.footer-responsive-650 {
display: none;
}        
                          




                        /* FORMAT 1121 to 1285 */


@media screen and (min-width: 1121px) and (max-width: 1285px) {

.menu {
font-size: 12px;
}

.trois-dates {
font-size: 15px;
}

.dates {
font-size: 12px;
}

.contenair-footer {
font-size: 12px;
} 

}

                
                        /* FORMAT 650 to 1120 */

@media screen and (min-width: 650px) and (max-width: 1120px) {

.menu {
display: none;
}

.container-menu {
justify-content: right;
align-items: center; 
right: 200px;
}

.vespa-club {
width: 100%;
display: unset;
font-size: 40px;
letter-spacing: 7px;
line-height: 15px;
font-weight: 900;
text-align: center;
color: rgb(51, 148, 175);
}

.espace-letter {
letter-spacing: 20px;
font-size: 13px;
font-weight: bold;
}

.trois-dates {
font-size: 12px;
}
        
.dates {
font-size: 10px;
}

.burger {
display: unset;
width: 15px;
margin-right: 30px ;
 }

.contenair-footer {
font-size: 10px;
}        

}


                        /* FORMAT INFERIEUR A  650 */

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

.menu {
display: none;
}

.logo {
margin-left: 30px;              
}

.container-menu {
justify-content: right;
align-items: center; 
right: 200px;
}


.vespa-club {
width: 100%;
display: unset;
font-size: 25px;
letter-spacing: 3px;
line-height: 15px;
font-weight: 900;
text-align: center;
color: rgb(51, 148, 175);
}
        
.espace-letter {
letter-spacing: 8px;
font-size: 10px;
}
        
.burger {
display: unset;
width: 15px;
margin-right: 30px ;
}

.contenair-trois-dates {
width: 100%;
position: initial;
background: rgb(255, 255, 255);
display: flex;
flex-direction: column;
justify-content: center;
}

.dates {
font-size: 12px;
text-align: center;
}

.contenair-footer {
display: none;
}        
        
.footer-responsive-650 {
display: initial;
text-align: center;
font-size: 12px;
}    

.liens {
margin: 30px 0px;
}

}