/* === EN-TÊTE ET TITRES === */

.Titre {
    display: flex;
    justify-content: center;
}

.entete {
    flex-basis: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;	
    background-size: cover;
    font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  
}

.entete .nom {
    font-size: 2.5rem; 
    font-weight: 500;
    color: #4C989C;
    font-family:"Segoe print", Arial, Helvetica, sans-serif;
}

.entete .nom-site {
    font-size: 3rem;
    font-weight: 300;
    line-height: 4rem;
}

.entete .nom-spé {
    font-size: 1rem;
    font-weight: 200;
    line-height: 2rem;
}

/* Media queries pour les titres */
@media screen and (max-width: 780px) {
    .entete .nom {
        font-size: 1rem;
        font-weight: 500;
        color: #BA5A87;
    }

    .entete .nom-site {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
    }
    
    .entete .nom-spé {
        font-size: 0.8rem;
        font-weight: 300;
    }
}

/* === IMAGES ET SECTIONS === */

.pissenlit {
    flex-basis: 30%;
    flex-direction: column;
    justify-content: center;
    min-width:100px;
    margin: auto;
    background-size: cover;
    max-width: 10vw;
    padding: 15px;	
}

.pissenlit_petit {
    max-width: 5vw;
}

.logossi {
    max-width: 2.5vw;
    float: right;
    margin: auto;
}

.logossi2 {
    max-width: 4.5vw;
    float: right;
    padding-top: 1.5rem;
}

.pissenlit2 {
    min-width:40px;
    position: relative;
    background-size: cover;
    max-width: 4vw;
    padding: 5px;	
    float:left;
}




@media (max-width:750px) {
    .pissenlit_petit {
        max-width: 8vw;
    }
    
    .logossi {
        max-width: 6vw;
        float: right;
    }

    .logossi2 {
        max-width: 8vw;
        float: right;
        padding-top: 0.1rem;
    }
}

/* === CONTACT === */

.bandeau {
    width: 80%;
    margin: 0 auto;
}

.contact {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    align-items: start;
}

.contact2 {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.social-links {
    display: flex;
    justify-content: center;
    gap: 0.1rem;
    margin-top: 0.1rem;
}

.logo {
    background-size: cover;
    max-width: 3em;
    transition: transform 0.2s;
}

.logo:hover {
    transform: scale(1.1);
}

/* Media queries pour le contact */
@media (max-width: 1000px) {
    .contact {
        grid-template-columns: 1fr;
    }
    
    .contact2 {
        order: -1;
    }
}

@media (min-width: 1150px) {
    .logo {
        background-size: cover;
        max-width: 3em;
    }

    .contact2 {
        grid-column: 2;
        grid-row: 1;
        margin: auto;
        text-align: center;
    }
}

@media (min-width: 625px) and (max-width: 1150px) {
    .logo {
        background-size: cover;
        max-width: 3em;
    }

    .contact2 {
        grid-column: 3;
        grid-row: 1;
        margin: auto;
        text-align: center;
    }
}

@media (max-width: 625px) {
    .logo {
        background-size: cover;
        max-width: 2em;
    }

    .contact2 {
        grid-column: 1/4;
        grid-row: 2;
        margin: auto;
        text-align: center;
    }
}

/* === PIED DE PAGE === */

.footer {
    background-color: rgba(47, 23, 15, 0.9);
}

.text-faded {
    color: #46c8ca;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.small {
    font-size: 0.875em;
}

.m-0 {
    margin: 0 !important;
}

/* === UTILITAIRES GLOBAUX === */
/* Ces utilitaires sont maintenant dans base.css */