.header .header_activites {
    background-image: url(../IMG/Shapes/forme\ 0\ jaune_rotated.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    color: white;

}



/* SHAPES */



.shape1 {
    background-image: url("../IMG/Shapes/forme\ 2\ orange.png");
    left: -5%;
    top: 10%;
    transform: rotate(10deg) scale(0.9);
}

.shape2 {
    background-image: url("../IMG/Shapes/forme\ 16\ bleu.png");
    left: 30%;
    top: 5%;
    transform: rotate(0deg);
}

.shape3 {
    background-image: url("../IMG/Shapes/forme\ 21\ magenta.png");
    left: 72%;
    top: 7%;
    transform: rotate(10deg) scale(0.6);
}

.shape4 {
    background-image: url("../IMG/Shapes/forme\ 8\ jaune.png");
    left: -5%;
    bottom: 10%;
    transform: rotate(20deg);
}

.shape5 {
    background-image: url("../IMG/Shapes/forme\ 3\ mandarine.png");
    left: 72%;
    bottom: 5%;
}




.activites {
    display: flex;
    height: 100vh;
    padding: 0vh 2vw;
    gap: 2vw;
    align-items: center;
    justify-content: space-evenly;

    text-align: center;
}

p,
h1,
li,
ul {
    position: relative;
    z-index: 10;
}
li {
    text-align: justify;
}
.activite_1,
.activite_2,
.activite_3 {
    width: 100%;
    height: auto;
    /* put percent or vh to force a specific size/make it bigger */
    border: dashed 0.3vh #F5924A;
    padding: 2vh;
}

.activite_1,
.activite_3 {
    border-radius: 15px 255px 225px 15px/255px 15px 15px 255px;
    border: dashed 0.3vh #F3B08A;
}

.activite_2 {
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}