/**
 * Cas où j'utilise une section d'un side pour le titre, puis deux sides
 * Suppression des paddings entre les deux sections
 */
section.duo-dessus, p.duo-dessus {
    margin-bottom:0px;
    padding-bottom:0px;
}
.color-rapidite {
    color:#d236f9 !important;
}
tr.palmares-masession-rapidite {
    background-color: #d236f9 !important;
    color:#fff;
}
span.score-mini-classement-rapidite {
    margin-bottom:0px;
    padding-bottom:0px;
    font-size:60%;
    text-align: left;
    line-height: 100%;
}
p.errorMessage {
    background-color: #e66262;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}
p.succesMessage {
    background-color: #35bbf5;
    border: #35bbf5 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}
p.zoneVide {
    color:#606060;
    font-style: italic;
}
p.mini {
    color:#606060;
    font-size: 70%;
    line-height: 1;
}
p.miniHistoire {
    color:#606060;
    font-size: 80%;
    line-height: 1;
    padding-left: 35px;
}

/**
 * RESULTAT ENIGMES LISTE FICHIER
 */
.croix {
    font-family: 'Permanent Marker', cursive;
    font-size: 20px;
    padding-bottom: 10px;
}
.croix, .resultat-neutre {
    color: #666; /* d6dbdf;     */
}
.croix-error, .resultat-error {
    color: #606060;
}
.croix-succes, .resultat-succes {
    color: #32b0e5; 
}
.croix-coucicouca, .resultat-coucicouca {
    color: #606060; 
}
.croix-gagnant, .resultat-gagnant{
    color: #32b0e5;
}

i.fa-discret{
    color:#B4B4B4;
}
a.fa-rafraichir{
    margin: 0 0 0 0.5em;
    border: none;
}
i.fa-rafraichir{
    color:#6497AD;
}

/**
 * PALMARES : tableau
 */
/* Tables */

    table.palmares {
            width: 100%;
    }

    table.palmares tbody tr {
        border: solid 1px #e0e0e0;
    }

    table.palmares td {
        padding: 0.5em 1em 0.5em 1em;
        text-align: left;
        vertical-align: top;
    }

    table.palmares th {
        font-weight: 600;
        padding: 0.5em 1em 0.5em 1em;
        text-align: left;
    } 

    table.palmares thead {
        background-color: #555555;
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        color: #fff;
    }

    tr.palmares-masession {
        background-color: #32b0e5;
        color:#fff;
    }

/**
 * SCORE DU JOUR : tableau
 */
    table.scoredujour {
        width: 100%;
    }

    table.scoredujour tbody tr {
        border: solid 1px #e0e0e0;
    }

    table.scoredujour tr.masession {
        font-weight:bold;
        color:#36bdf8;
    }

    table.scoredujour td {
        padding: 0.5em 1em 0.5em 1em;
        text-align: left;
        vertical-align: top;
    }

    table.scoredujour th {
        font-weight: 600;
        padding: 0.5em 1em 0.5em 1em;
        text-align: left;
    } 

    table.scoredujour thead {
        background-color: #555555;
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        color: #fff;
    }
    table.scoredujour td.only_mobile, table.scoredujour th.only_mobile {
        display: none;
    }
    @media (max-width: 480px) {
        table.scoredujour td.only_mobile, table.scoredujour th.only_mobile {
            display: unset;
        }
    }
    @media (max-width: 480px) {
        table.scoredujour td.invisible_mobile, table.scoredujour th.invisible_mobile {
            display: none;
        }
    }

/**
 * SCORE : tableau
 */
/* Tables */

    table.score {
        width: 100%;
    }

    table.score tbody tr {
        border: solid 1px #e0e0e0;
    }

    table.score td {
        padding: 0.5em 1em 0.5em 1em;
        text-align: center;
        vertical-align: top;
    }

    table.score th {
        font-weight: 600;
        padding: 0.5em 1em 0.5em 1em;
        text-align: center;
    } 

    table.score thead {
        background-color: #555555;
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        color: #fff;
    }

    td.score-total {
        font-weight:bold;
        font-size:120%;
    }

p.score-classement, span.enigmedujour-classement {
    color:#32b0e5;
    font-weight:bold;
    font-size:200%;
    text-align: left;
    padding-left:15%;
    margin-bottom:0px;
}
p.score-classement {
    color:#32b0e5;
    padding-left:0%;
}
td.score-classement{
    vertical-align:top;
}
span.score-score, span.enigmedujour-score {
    font-weight:bold;
    font-size:200%;
    text-align: left;
    margin-bottom:0px;
}
span.score-score {
    padding-left:15%;
}
p.score-mini-classement, span.score-mini-score, span.enigmedujour-mini-classement {
    font-size:80%;
    text-align: left;
    line-height: 100%;
}
p.score-mini-classement {
    padding-left:0%;
}

td.score-trophee {
    width: 80px;
    vertical-align:top;
}
@media (max-width: 480px) {
    td.score-trophee {
        width: 40px;
        vertical-align:top;
    }
}
img.score-trophee {
    width: 60px;
}
@media (max-width: 480px) {
    img.score-trophee {
        width: 30px;
    }
}

/**
 * PICTOGRAMMES
 */
img.pictogramme {
    width: 20px;
}
@media (max-width: 480px) {
    img.pictogramme {
        width: 15px;
    }
}
td.pictogramme {
    width: 5%;
}
@media (max-width: 480px) {
    td.pictogramme {
        width: 10%;
    }
}

/**
 * Journaux de log
 */

    table.log {
        width: 100%;
        line-height: 1em;
    }
    table.log_reponses {
        font-size: 80%;
        word-break: break-all;
    }
    table.log td.only_mobile, table.log th.only_mobile {
        display: none;
    }
    @media (max-width: 480px) {
        table.log td.only_mobile, table.log th.only_mobile {
            display: unset;
        }
    }
    @media (max-width: 480px) {
        table.log td.invisible_mobile, table.log th.invisible_mobile {
            display: none;
        }
    }


    table.log tbody tr {
        border: solid 1px #e0e0e0;
    }

    table.log td {
        padding: 0.5em 1em 0.5em 1em;
        text-align: left;
        vertical-align: top;
    }

    table.log th {
        font-weight: 600;
        padding: 0.5em 1em 0.5em 1em;
        text-align: left;
    } 

    /*table.log thead {
        background-color: #555555;
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
        color: #fff;
    }*/

    tr.log_sous_titre {
        background-color: #32b0e5;
        color:#fff;
    }

    p.log_nom_fichier{
        padding:0 0 0 1em;
        margin:0 0 0 0;
        font-size: 80%;
        background-color:#32b0e5;
        color:#fff;
    }

    p.log_question{
        padding:0 0 0 1em;
        margin:0;
        font-size: 80%;
        color:#32b0e5;
    }
    span.log_question_detail{
        color: #999;
    }
    span.log_reponses_mauvaises, td.log_reponses_mauvaises{
        color:  #900C3F;
    }
    span.log_reponses_trouvees, td.log_reponses_trouvees{
        color:  #32b0e5;
    }

/**
 * Enigme du jour
 */
p.indice-mini-texte, p.enigme-mini-texte {
    font-size:80%;
    text-align: left;
    line-height: 100%;
}
p.indiceMessage, p.lettreMessage {
    background-color: #efefef;
    border: #35bbf5 1px solid;
    padding: 5px 10px;
    border-radius: 3px;
}
p.enigme-questiondujour {
    color:#32b0e5;
    font-weight: bold;
    font-size:110%;
    text-align: left;
    line-height: 100%;
    margin-bottom: 10px;
    padding-bottom:0px;
}

/**
 * MODE TESTEUR
 */
span.modetesteur-mini-texte {
    font-size:80%;
    text-align: left;
    line-height: 100%;
}

/**
 * TOOLTIP
 */

 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #dce0d5; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {  
  visibility: hidden;
  width: 180px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  line-height: 100%;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}


.tooltiptext{
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
} 

/**
* Indication des fichiers non lu 
*/

.badge{
    color:rgb(210, 54, 249);
    padding: 3px;
}

/* Bannière toujours visible */
#message-banniere {
  background-color: rgba(210, 54, 249, 0.8); /* fuchsia transparent */
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  border-bottom: 2px solid #fff;
  display: block;            /* force l’affichage */
}

/* Texte */
#message-banniere p {
  margin: 0;
  font-size: 1rem;
  color: #fff;
}

/* Lien */
#message-banniere p a {
  color: #fff;
  text-decoration: none; !important
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#message-banniere header h2 a:hover {
  text-decoration: none; !important
}

/* Icône */
#message-banniere .fa-bell {
  color: #fff;
  font-size: 1.2rem;
}

/* Responsive : ajuster taille sur mobile */
@media (max-width: 768px) {
  #message-banniere {
    padding: 8px 10px;
  }
  #message-banniere p {
    font-size: 0.9rem;
  }
  #message-banniere .fa-bell {
    font-size: 1rem;
  }
}