/* style.css */
    
    body {
        margin: 0;
        font-family: 'Segoe UI', sans-serif;
        background-color: #fff8f0;
        color: #333;
        line-height: 1.6;
    }
    
    header {
        text-align: center;
        padding: 0.3em 0;
        background-color: #783c18;
        color: white;
    }
    
    .logo {
        max-width: 300px;
        height: auto;
        margin-bottom: 0.5em;
    }
    
    .intro,
    .services,
    .contact {
        padding: 0.5em 2em;
        margin-bottom: 0.3em;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .texte-image {
        position: relative;
    }
    
    .coin-image {
        float: right;
        margin: 0 0 1em 1em;
        height: auto;
        width: 400px;
        /* ajustable selon tes besoins */
        border-radius: 8px;
    }
    /* Responsive pour mobile */
    
    @media (max-width: 600px) {
        .coin-image {
            float: none;
            display: block;
            margin: 0 0 1em 1em;
            height: auto;
            width: 90%;
            /* ajustable selon tes besoins */
            border-radius: 8px;
        }
    }
    
    h2 {
        color: #783c18;
        margin-bottom: 1rem;
    }
    
    ul {
        list-style-type: none;
        padding: 0;
    }
    
    a {
        text-decoration: none;
        color: #783c18;
    }
    
    footer {
        background-color: #eee;
        text-align: center;
        padding: 1rem;
        font-size: 0.9rem;
    }