.container .menu a.contactCouleur {

  color: #c5c5c5;

}



section.content{

    background-image: url('../img/bg_orange.avif');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    min-width: 100%;

}



.contact{

    display: flex;

    justify-content: center;

    align-items: center;

    color: white;

    background-color: rgba(231, 145, 0, 0.33);

    height: 150px;

    font-size: 60px;

}



.box {

    background: rgba(255, 255, 255, 0.9);

    padding: 35px 40px;

    border-radius: 10px;

    max-width: 520px;

    margin: 20px auto;

    box-shadow: 0 4px 20px rgba(0,0,0,0.12);

    font-size: 1.15rem;

}



h2 {

    margin-top: 0;

    font-size: 1.8rem;

}



input, textarea {

    width: 100%;

    padding: 12px 0;

    margin: 10px 0 20px;

    border: 1px solid #ccc;

    border-radius: 6px;

    font-size: 1rem;

}





button {

    background: #b3cc4c;

    color: white;

    padding: 14px 20px;

    border: none;

    border-radius: 6px;

    font-size: 1.1rem;

    cursor: pointer;

    width: 100%;

}





@media (max-width: 600px) {

    .box {

        padding: 25px;

        font-size: 1rem;

        margin: 20px;

    }



    h2 {

        font-size: 1.4rem;

    }



    input, textarea{

        width: 95%;

    }

}