html {
    scroll-behavior: smooth;
}

body {
    /* Couleur de fond principale du site */
    background-color: #f8f9fa; /* J'ai mis un gris très clair (celui de Bootstrap), mais tu peux mettre #ffffff pour du blanc */
    
    /* Création des lignes horizontales puis verticales */
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
        
    /* Taille des carreaux */
    background-size: 40px 40px; 
}
 
/* Navbar */
nav {
    color: white;
}



p {
    font-size: clamp(1.5rem, 1.1vw, 2rem);
}

.nom_entreprise p {
    font-size: clamp(0.5rem, 1.1vw, 1.1rem);
}

.rubrique p {
    font-size: clamp(0.8rem, 0.95vw, 2rem);
    transition: transform 0.2s ease;
}

.rubrique p:hover {
    text-decoration: underline;
    text-decoration-color: white;
    transform: scale(1.08);
}
.rubrique a {
    text-decoration: none;
    color: white;
}

.menu a {
    color: #ffffff !important;
}

/* Espacement sous la navbar */
section {
    padding-top: 12rem;
}

/* Titres */
h2 {
    margin: 2%;
    text-decoration: underline;
    text-align: center;
}

/* Cartes blanches */
.cabinet {
    font-size: 1.25rem;
    background-color: #ffffff; 
    display: flex;             
    flex-direction: column;    
    justify-content: flex-start;  
    padding-top: 1.5rem;    
    padding-bottom: 2rem;   
    color: #000000;            
    border-radius: var(--bs-border-radius-xxl); 
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.25);
    position: relative;       
    min-height: 40rem;
}

.cabinet li {
    margin-top: 0.5rem;
}

.cabinet {
    /* Marge d'arrêt sur mobile/tablette */
    scroll-margin-top: 7rem; 
}

@media (min-width: 992px) {
    .cabinet {
        /* Marge d'arrêt sur grand écran */
        scroll-margin-top: 9rem; 
    }
}


@media (min-width: 992px) {
    .overlap {
        margin-top: -3.5rem;   
        margin-left: -2rem; 
        z-index: 1;
    }
}

.photo{
    min-width: 300px;
}

.image_droite{
    width: 35rem;
}

.slogan {
    font-size: 2rem;
}

.logo_partenaire {
    margin: 2rem;
    min-width: 3.75rem;
    max-height: 4rem;
    min-height: 2.25rem;
}

.valeur li {
    padding-left: 2rem;
}

input{
    background-color: grey

}
::placeholder{
    text-align: center;

}

.card-body img{
    min-width: 150px;
    padding: 0px;
}

footer{
    margin-top: 10rem;
}
footer p{
    margin-top: 1rem;
}