/* Conteneur pour les formes décoratives de fond */
.groupe_forme {
    position: fixed; /* Fixé en arrière-plan pour ne pas défiler */
    top: 0;
    left: 0;
    width: 100%; /* Prend toute la largeur */
    height: 100%; /* Prend toute la hauteur */
    z-index: -1; /* Place les formes en arrière-plan */
}
/* Style générique pour chaque forme */
.shape {
    position: absolute; /* Position absolue pour placer les formes */
    opacity: 0.5; /* Transparence des formes */
    border-radius: 50%; /* Arrondi les formes en cercles */
}
.forme_1 { background: rgba(255, 182, 193, 0.5); width: 150px; height: 150px; top: 5%; left: 15%; }
.forme_2 { background: rgba(144, 238, 144, 0.5); width: 200px; height: 200px; top: 10%; left: 50%; }
.forme_3 { background: rgba(173, 216, 230, 0.5); width: 100px; height: 100px; top: 25%; left: 20%; }
.forme_4 { background: rgba(255, 228, 181, 0.5); width: 250px; height: 250px; top: 30%; left: 40%; border-radius: 30%; }
.forme_5 { background: rgba(221, 160, 221, 0.5); width: 120px; height: 120px; top: 70%; left: 10%; }
.forme_6 { background: rgba(240, 230, 140, 0.5); width: 180px; height: 180px; top: 40%; left: 70%; }
.forme_7 { background: rgba(255, 182, 193, 0.5); width: 220px; height: 220px; top: 60%; left: 25%; }
.forme_8 { background: rgba(176, 224, 230, 0.5); width: 150px; height: 150px; top: 80%; left: 5%; }
.forme_9 { background: rgba(255, 160, 122, 0.5); width: 160px; height: 160px; top: 15%; left: 35%; }
.forme_10 { background: rgba(216, 191, 216, 0.5); width: 140px; height: 140px; top: 75%; left: 65%; }
.forme_11 { background: rgba(176, 224, 230, 0.5); width: 200px; height: 200px; top: 50%; left: 15%; }
.forme_12 { background: rgba(255, 182, 193, 0.5); width: 180px; height: 180px; top: 20%; left: 75%; }
.forme_13 { background: rgba(255, 250, 205, 0.5); width: 100px; height: 100px; top: 65%; left: 45%; }
.forme_14 { background: rgba(152, 251, 152, 0.5); width: 220px; height: 220px; top: 5%; left: 80%; }
.forme_15 { background: rgba(169, 169, 169, 0.5); width: 160px; height: 160px; top: 35%; left: 5%; }
.forme_16 { background: rgba(100, 149, 237, 0.5); width: 150px; height: 150px; top: 55%; left: 25%; }
.forme_17 { background: rgba(255, 182, 193, 0.5); width: 170px; height: 170px; top: 70%; left: 45%; }
.forme_18 { background: rgba(255, 228, 181, 0.5); width: 130px; height: 130px; top: 40%; left: 30%; }
.forme_19 { background: rgba(72, 209, 204, 0.5); width: 160px; height: 160px; top: 10%; left: 60%; }
.forme_20 { background: rgba(221, 160, 221, 0.5); width: 190px; height: 190px; top: 75%; left: 30%; }
.forme_21 { background: rgba(255, 182, 193, 0.5); width: 250px; height: 250px; top: 15%; left: 10%; }
.forme_22 { background: rgba(255, 182, 193, 0.5); width: 180px; height: 180px; top: 35%; left: 70%; }
.forme_23 { background: rgba(135, 206, 250, 0.5); width: 140px; height: 140px; top: 65%; left: 60%; }
.forme_24 { background: rgba(255, 228, 181, 0.5); width: 200px; height: 200px; top: 50%; left: 15%; }
.forme_25 { background: rgba(255, 218, 185, 0.5); width: 170px; height: 170px; top: 5%; left: 60%; }
.forme_26 { background: rgba(100, 255, 218, 0.5); width: 190px; height: 190px; top: 80%; left: 10%; }
.forme_27 { background: rgba(255, 228, 181, 0.5); width: 160px; height: 160px; top: 20%; left: 50%; }
.forme_28 { background: rgba(144, 238, 144, 0.5); width: 220px; height: 220px; top: 45%; left: 35%; }
.forme_29 { background: rgba(255, 99, 71, 0.5); width: 180px; height: 180px; top: 30%; left: 75%; }
.forme_30 { background: rgba(255, 228, 225, 0.5); width: 160px; height: 160px; top: 75%; left: 55%; }
.forme_31 { background: rgba(224, 102, 255, 0.5); width: 150px; height: 150px; top: 10%; left: 25%; }
.forme_32 { background: rgba(255, 160, 122, 0.5); width: 190px; height: 190px; top: 30%; left: 70%; }
.forme_33 { background: rgba(178, 34, 34, 0.5); width: 140px; height: 140px; top: 45%; left: 15%; }
.forme_34 { background: rgba(128, 128, 0, 0.5); width: 160px; height: 160px; top: 60%; left: 50%; }
.forme_35 { background: rgba(75, 0, 130, 0.5); width: 180px; height: 180px; top: 15%; left: 40%; }
.forme_36 { background: rgba(255, 182, 193, 0.5); width: 220px; height: 220px; top: 25%; left: 80%; }
.forme_37 { background: rgba(128, 0, 0, 0.5); width: 140px; height: 140px; top: 5%; left: 55%; }
.forme_38 { background: rgba(0, 128, 128, 0.5); width: 150px; height: 150px; top: 65%; left: 25%; }
.forme_39 { background: rgba(139, 69, 19, 0.5); width: 170px; height: 170px; top: 20%; left: 70%; }
.forme_40 { background: rgba(0, 255, 255, 0.5); width: 200px; height: 200px; top: 35%; left: 10%; }
.forme_41 { background: rgba(255, 140, 0, 0.5); width: 200px; height: 200px; top: 80%; left: 20%; }
.forme_42 { background: rgba(255, 182, 193, 0.5); width: 220px; height: 220px; top: 45%; left: 50%; }
.forme_43 { background: rgba(135, 206, 250, 0.5); width: 180px; height: 180px; top: 60%; left: 15%; }
.forme_44 { background: rgba(255, 228, 196, 0.5); width: 160px; height: 160px; top: 25%; left: 75%; }
.forme_45 { background: rgba(245, 245, 220, 0.5); width: 190px; height: 190px; top: 50%; left: 35%; }
.forme_46 { background: rgba(248, 248, 255, 0.5); width: 130px; height: 130px; top: 10%; left: 60%; }
.forme_47 { background: rgba(255, 182, 193, 0.5); width: 200px; height: 200px; top: 75%; left: 80%; }
.forme_48 { background: rgba(144, 238, 144, 0.5); width: 180px; height: 180px; top: 30%; left: 40%; }
.forme_49 { background: rgba(176, 224, 230, 0.5); width: 150px; height: 150px; top: 65%; left: 10%; }
.forme_50 { background: rgba(255, 228, 181, 0.5); width: 200px; height: 200px; top: 20%; left: 50%; }

.bandeau-bas {margin-top: 31%;}