#homeCatImage {
    width: 100%; /* Ajustez la largeur selon vos préférences */
    max-height: 400px;
    object-fit: cover;
    opacity: 70%;

}
#quoteBot{
    margin-top: 5%;
    margin-left: 28%;
}

.add-bot-btn {
    padding: 75px 250px;
    max-width: 250px;
    max-height: 75px;
    font-size:38px;
    background-color: transparent; /* Couleur Discord */
    color: #da6334;
    border: 5px solid #da6334;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    
    /* Centrer horizontalement et verticalement */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font-family: Impact, fantasy;
    
}

.add-bot-btn:hover {
    background-color: #da6334; /* Couleur Discord (teinte plus foncée) au survol */
    opacity: 90%;
    color: #fff;
}

#commandesPageLink{
    color: #da6334;
}

.MainPres{
    margin-left: 15%;
    align-items: center;
    width: 1000px;
    margin-top: 5%;
}

.centered-content {
    text-align: center;
}

.join-discord-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #7289DA; /* Couleur de Discord */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.join-discord-btn:hover {
    background-color: #5a68a2; /* Couleur de survol */
}

/* Pour les écrans plus petits, par exemple, les téléphones */
@media only screen and (max-width: 750px) {
    #homeCatImage {
        max-height: 200px;
    }

    .add-bot-btn {
        padding: 20px 40px;
        font-size: 18px;
    }

    .MainPres {
        margin-left: 5%;
        width: 90%;
    }

    .text-container {
        margin-right: 0;
    }

    .imagePres {
        max-height: 150px;
    }

    .join-discord-btn {
        padding: 8px 16px;
    }

    .presentation-section {
        display: flex;
        align-items: flex-start; /* Aligner en haut plutôt qu'au centre */
        justify-content: space-around; /* Ajustez selon vos préférences */
        margin-bottom: 100px;
        width: 100%; /* Ajustez selon vos préférences */
        flex-direction: column; /* Change la direction de la flexbox à colonne */
    }

    #presPouetBtn{
        height: 5px;
        width: 5px;
    }
    #quoteBot{
        margin-top: 5%;
        margin-left: 3%;
        text-align: center;
    }

    
}


/* Pour les écrans de taille moyenne, par exemple, les tablettes */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
    #homeCatImage {
        max-height: 300px;
    }

    .add-bot-btn {
        padding: 40px 100px;
        font-size: 28px;
    }

    .MainPres {
        margin-left: 10%;
        width: 80%;
    }

    .text-container {
        margin-right: 10px;
    }

    .imagePres {
        max-height: 200px;
    }

    .join-discord-btn {
        padding: 10px 20px;
    }
    #quoteBot{
        margin-top: 5%;
        margin-left: 3%;
        text-align: center;
    }
}

/* Pour les écrans plus grands, par exemple, les ordinateurs de bureau */
@media only screen and (min-width: 1025px) {
    #homeCatImage {
        max-height: 400px;
    }

    .add-bot-btn {
        padding: 75px 250px;
        font-size: 38px;
    }

    .MainPres {
        margin-left: 15%;
        width: 70%;
    }

    .text-container {
        margin-right: 20px;
    }

    .imagePres {
        max-height: 250px;
    }

    .join-discord-btn {
        padding: 12px 24px;
    }
}

#presPouetBtn {
    position: absolute; /* Position absolue par rapport à l'élément parent (.image-container) */
    top: 52%; /* Positionne le bouton au milieu verticalement */
    left: 40%; /* Positionne le bouton au milieu horizontalement */
    transform: translate(-50%, -50%); /* Centre parfaitement le bouton */
    background-color: #ca0202; /* Couleur du bouton */
    color: #ffffff; /* Couleur du texte du bouton */
    padding: 10px; /* Espace à l'intérieur du bouton */
    border: none; /* Supprime la bordure du bouton */
    border-radius: 50%; /* Bords arrondis du bouton */
    cursor: pointer; /* Curseur indiquant que le bouton est cliquable */
}