/* Styles généraux */
body {
    background-color: #00061C;
    background-image: url(Images/fond_page9.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 700px;
}

.bandeau {
    background-color: #ffffff;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 99%;
    z-index: 1000;
}

input[type=text] {
    position: absolute;
    margin-left: 31%;  /* Position horizontale fixée */
    margin-top: 12%;   /* Position verticale fixée */
    border: 0;
}

input[type=submit] {
    left: 45%;  /* Position horizontale fixée */
    background: url(Images/fond_page9.png) no-repeat;
    border: 0;
    color: #fff;
    margin-left: 45%;  /* Position horizontale fixée */
    margin-top: 23%;
}

h2 {
    position: absolute;
    left: 0%;    /* Position horizontale fixée */
    top: 430px;  /* Position verticale fixée */
}


/* Écrans >= 1450px */
@media (min-width: 1450px) {
    body {
        background-size: 800px;
    }

    .bandeau {
        padding: 15px;
        font-size: 1.8vw; /* Proportionnel à la largeur */
    }

    input[type=text] {
        margin-left: 33%;  /* Position horizontale fixée */
        margin-top: 23%;   /* Position verticale fixée */
    }

    input[type=submit] {
        margin-left: 46%;  /* Position horizontale fixée */
        margin-top: 29%;
    }

    h2 {
        top: 430px;  /* Position verticale fixée */
    }
}

/* Écrans >= 1920px (Full HD) */
@media (min-width: 1920px) {
    body {
        background-size: 900px;
    }

    .bandeau {
        padding: 20px;
        font-size: 2vw; /* Proportionnel à la largeur */
    }

    input[type=text] {
        margin-left: 38%;  /* Position horizontale fixée */
        margin-top: 13%;   /* Position verticale fixée */
    }

    input[type=submit] {
        margin-left: 48%;  /* Position horizontale fixée */
        margin-top: 23%;
    }

    h2 {
        top: 430px;  /* Position verticale fixée */
    }
}

/* Écrans >= 2560px (2K/4K) */
@media (min-width: 2560px) {
    body {
        background-size: 1200px;
    }

    .bandeau {
        padding: 25px;
        font-size: 2.5vw; /* Proportionnel à la largeur */
    }

    input[type=text] {
        margin-left: 37%;  /* Position horizontale fixée */
        margin-top: 18%;   /* Position verticale fixée */
    }

    input[type=submit] {
        margin-left: 50%;  /* Position horizontale fixée */
        margin-top: 26%;
    }

    h2 {
        top: 430px;  /* Position verticale fixée */
    }
}