* {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0;
}

nav {
    background-color: black !important;
    font-weight: 500;
}

.nav-item,
.navbar-brand {
    margin: 40px;
    font-size: larger;
}

.text-dev {
    color: grey;
    font-size: 18px;
    font-weight: 500;
    

}
.text-light {
    font-size: medium;
}
.icon {
    font-size: 1.5rem;
    color: white;
}

.titrefooter {
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;

}
.titre {
    font-weight: 900;
    color: black;
}

.para {
    font-weight: 600;
}

.sectionacc {
    margin-top: 8%;
}

img {

    width: 100%; /* La largeur est égale à 50% de la largeur du conteneur parent */
    height: auto;
}

.btn-vin {
    border: 2px solid black ;
    background-color: black;
    color: white;
    border-radius: 7px;
    padding: 10px;
    margin-right: 30px;
    transition: 0.3s;
    font-weight: 600;
}

.btn-ref{
    border: 2px solid black ;
    background-color: white;
    border-radius: 7px;
   padding: 10px;
   transition: 0.3s;
   font-weight: 600;
}

.btn-vin:hover {
    background-color: white;
    color: black;
    border: 2px solid black;
}

.btn-ref:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

footer {
    background-color: black;
    
}

.ligne {
    height: 2px;
    background-color: rgb(255, 255, 255);
}

.copy {
    color: white;
}