.englobe{
    padding-top: 30vh;
    color: #FBEEDC;
    margin-bottom: 50px;
}

.englobe4{
    padding-top: 75px;
    color: #FBEEDC;
}

.englobe5{
    padding-top: 63vh;
    color: #FBEEDC;
}

.englobe6{
    padding-top: 75px;
    color: #FBEEDC;
    padding-bottom: 75px;
}

.englobe4query{
  display: none;
}

.englobequery{
    display: none;
}

.start{margin-top: 25vh;}
.start2{margin-top: 25vh;}
.start3{margin-top: 50px;
        margin-bottom: 50px;}

.partie1{
    gap: 25px;
    width: 100%;
    display: flex;
}

.texte2{
    width: 50%;
}
.top2{
    margin-top: -120px;

}

.interet{
    width: 25%;
}

.devenirmembre{
    width: 50%;
}

.ans{
    width: 25%;
}

.soutenez-nous{
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.marge{
    margin-left: 25%;
}

.petit{
    font-size: 20px;
}

.petittexte{
    color: #FBEEDC;
}

.cercle5 {
    width: 300px;
    height: 300px; 
    border-radius: 50%;
    display: flex;
    justify-content: center; 
    align-items: center; 
    text-align: center;
    font-size: 50px;
    font-family: Expo;
    cursor: pointer;
    position: relative;
    animation: oscillation 3s ease-in-out infinite;    border: 5px solid #FBEEDC; /* Bord blanc de 2px */
    color: #FBEEDC;
    background-color: #9FD59F;
    position: relative;
    z-index: 1; /* S'assure que le bouton est au-dessus du motif */
    /* margin-top: -35vh; */
}

.separation{
    margin-bottom: 10vh;
}
.cercle5:hover {background-color: #FBEEDC;}
.cercle5:hover a {color:#9FD59F;}


.margegauche{
    margin-left: 50%;
    padding-left: 15px;
    margin-top: 10vh;
}
.twint{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 25vh;
}

.petittitre{
    font-size: 20px;
    margin-bottom: 5px;
}



/* RESPONSIVE */
            @media (max-width: 1200px) {
                body {
                    margin: 10px; /* Marges réduites */
                }

                .twint{
                    padding-top: 25px;
                    padding-bottom: 25px;
                }

                .devenirmembre{
                    width: 100%;
                }
                .start{
                    margin-top: 5vh;
                }
         
                .englobequery{
                    display: block;
                    padding-top: 5vh;
                    color: #FBEEDC;
                }
.margegauche {
    margin-left: 0%;
    padding-left: 0px;
}
                .partie1{
                    display: block;
                    gap: 40px;
                }
                .ans{
                    width: 100%;
                }
                .interet{
                    width: 100%;
                }
                .interet2{
                    width: 50%;
                }

                                .partie1 {
                                    display: block;
                                }
                
                                .texte2 {
                                    width: 100%;
                                }

                                .courant{
                                    font-size: 26px;
                                }

                 /* partie2 */

                 .englobe4{
                    display: none;
                 }

                 .englobe4query{
                    padding-top: 10vh;
                    display: block;
                    color: #FBEEDC;
                 }

                 .soutenez-nous{
                    width: 100%;
                    display: block;
                    padding-top: 15vh;
                 }

                 .marge{
                    margin-left: 0;
                 }

                 .margeBas{
                    padding-bottom: 5vh;
                 }

                 .petittitre{
                    font-size: 12px;
                 }

                 .queryflex{
                    display: block;
                    gap: 40px;
                 }

                 .mc {
                    width: 100%;
                    display: flex; /* Utiliser Flexbox pour centrer le contenu */
                    justify-content: center; /* Centre horizontalement le bouton */
                    align-items: center; /* Centre verticalement le bouton */
                  }
                  
                  /* Style du bouton circulaire */
                  .cercle5 {
                    width: 350px;
                    height: 350px;
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 35px;
                    border: 3px solid #FBEEDC; /* Bordure blanche de 3px */
                    margin-top: 5vh;
                    margin-bottom: -10vh;
                  }


                .twint{
                    margin-top: 15px;
                    width: 100%;
                    margin-bottom: 35px;
                }

                                .separation {
                                    margin-top: -20vh;
                                    margin-bottom: 10vh;
                                }
            }