table {
    border-collapse: collapse;
    font-family: Calibri;
}

#tabmodule {
    border: 1px solid black;
    width: 7%;
    height: 0px;
    font-size: 11px;
    text-align: center;
}

img {
    width: 30px;
    height: 25px;
}

.clignote {
    animation: blinkRed 2s infinite; /* Animation pour clignoter en rouge */
}

@keyframes blinkRed {
    0% {
        background-color: red;
        opacity: 1;
    }
    50% {
        background-color: red;
        opacity: 0;
    }
    100% {
        background-color: red;
        opacity: 1;
    }
}

.clignote2 {
    animation: blinkGrey 2s infinite; /* Animation pour clignoter en gris */
    /*width: 30px; /* Ajustez la taille selon vos besoins */
    /*height: 25px;*/
    background-image: url('Icones/Bruit.svg'); /* Remplacez 'image.jpg' par le chemin de votre image */
    /*opacity: 0; /* Définit l'opacité à 1 initialement */
    /*content: url('Icones/Bruit.svg');
    /*background-size: cover; /* Ajustez la taille de l'image */
    /*display: block; /* Assurez-vous que l'élément est affiché en tant que bloc */
}

@keyframes blinkGrey {
    0% {
        background-color: Gainsboro;
        opacity: 0;
    }
    50% {
        background-color: Gainsboro;
        opacity: 1;
    }
    100% {
        background-color: Gainsboro;
        opacity: 0;
    }
}


#bodyOrdi {
    width: 1800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#bodyMobile {
    width: 100%;
    text-align: center;
    margin-left: 0px;
}

header {
    background: Gainsboro;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 30px;
}

footer {
    background: Gainsboro;
    width: 100%;
    bottom: 0px;
    margin-bottom: 0px;
    height: 16px;
    font-size: 16px;
}

/* Pour les écrans dont la largeur est inférieure ou égale à 1800px, la largeur est de 100% */
@media screen and (max-width: 2000px) {
    #bodyOrdi {
        width: 100%;
    }
}

/* Pour les écrans dont la largeur est supérieure à 1800px, mais inférieure à 2000px, la largeur est de 1950px */
@media screen and (min-width: 2001px) {
    #bodyOrdi {
        width: 1950px;
    }
}
