:root { 
    --primary-blue: #173857; /* Bleu Marine de votre logo */
    --ocean-blue: #0077be;
    --light-bg: #fdfdfd; 
}

body { 
    background-color: var(--light-bg); 
    color: #333; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

.navbar { 
    padding: 1rem 2rem; 
    background: #fff; 
    border-bottom: 1px solid #eee; 
}

/* Applique un décalage à toutes les sections qui ont un ID (ancres) */
#projet, #technologie, #partenaires, #contact {
    scroll-margin-top: 120px;
}

/* Couleur des liens du menu */
.navbar .btn-link {
    color: var(--primary-blue) !important;
    font-weight: 600;
}

.navbar .btn-link:hover {
    color: var(--ocean-blue) !important;
}

.logo-mtr { 
    height: 60px; /* Ajustez la hauteur de votre logo */
}

.navbar-brand img {
    height: 60px;
    width: auto;
    display: block;
}

.hero { 
    padding: 4rem 0; 
    background: #fff; 
}

.btn-primary { 
    background: var(--primary-blue); 
    border: none; 
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-blue);
}

footer { 
    padding: 2rem; 
    border-top: 1px solid #eee; 
    margin-top: 4rem; 
}

/* Grille des Partenaires */
.partner-grid {
    gap: 15px;
    margin-top: 2rem;
}

.partner-grid .chip {
    background: #fff;
    border: 1px solid var(--ocean-blue);
    color: var(--primary-blue);
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
    cursor: default;
}

.partner-grid .chip:hover {
    background: var(--primary-blue);
    color: #fff;
    transform: translateY(-2px);
}

/* Formulaire de contact */
/* Cibler le conteneur du formulaire */
.contact-form form {
    width: 100%;
    max-width: 100%; /* S'assure qu'il n'y a pas de restriction */
    margin: 0;
    padding: 0;
}

/* Ajuster les champs pour qu'ils prennent toute la largeur disponible */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100% !important; /* Aligne le bord droit sur le texte au-dessus */
    box-sizing: border-box; /* Indispensable pour que le padding n'agrandisse pas le champ */
    border: 1px solid #bcc3ce;
    border-radius: 4px;
    padding: 0.6rem;
    margin-top: 0.4rem;
    margin-bottom: 1.2rem;
}

html {
    scroll-behavior: smooth;
}

/* On compense la hauteur du menu fixe pour que le titre ne soit pas caché */
section[id] {
    scroll-margin-top: 80px;
}

/* Couleur du menu pour correspondre au logo MTR (#173857) */
.navbar .btn-link {
    color: #173857 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.navbar .btn-link:hover {
    color: #0077be !important;
    text-decoration: none;
}