/* JURY PAGE*/

.nouvelle {
    min-height: 400px;
}
.suivant {
    text-align: right;
}
.precedent {
    text-align: left;
}
.appreciation {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}

/* Par défaut, une étoile est en gris,
   avec un padding et un curseur en forme de main. */
.fa-trophy {
    color: gray;
    cursor: pointer;
    padding: 0.0625rem;
}

/* Si elle porte en plus la classe '.gold', elle sera en jaune. */
.fa-trophy.gold {
    color: #ffdc0f;
}

/* Le parent global '.rating' positionne le groupe des étoiles et le lien en colonne */
.rating {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: start;
}

/* Le groupe '.trophys' positionne les étoiles
		 les unes à côté des autres sans espacements. */
.trophys {
    display: inline-flex;
    justify-content: center;
    font-size: 1em;
}

/**
	 * Et là opère la magie du ':hover' !
	 */

/* A l'état :hover sur le parent '.rating',
		 on force TOUTES les étoiles à passer en jaune. */
.trophys:hover .fa-trophy {
    color: #ffdc0f;
}

/* Et si la souris survole une étoile en particulier,
		on sélectionne toutes les étoiles qui sont APRÈS celle-ci
		 grâce à l'opérateur '~' et on les force en GRIS */
.trophys .fa-trophy:hover~.fa-trophy {
    color: gray;
}


.reglementConcours{
    text-align: justify;
}
#leConcoursxx {
    background-color: whitesmoke;
}

section h1,
section h2,
section h3,
section h4,
section h5 {
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 3px 3px;
}


#leConcoursxx h2,
#leConcoursxx .date_concours {
    text-align: center;
    margin-bottom: 2em;
    ;
}

.date_concours {
    background-color: #fff2e5;
    width: fit-content;
    padding: 0.6em;
    border-bottom: 2px solid #b25900;
}


#form_utilisation_help {
    color: red !important;
}
