/***CSS_SPEC.css (spéciaux) ***/
/******************************/
/*** Doc dans CSS_documentation.css ***/
/*style="font-size:10px; color:black; font-family:'Comic Sans MS', 'Times New Roman', Times, serif;"*/

:root { /* Variable CSS */
	--body_lst_BR_Color: goldenRod; /* Couleur de fond du body de la page */
	--body_erreur_Color: red; /* Couleur de fond du body de page d'erreur */
	--trColor: #FFCC66;
	--trColor2: #FFD966;
	--tdColor1: #FFCC66;
	--tdColor2: #FFD966;
	--tdColorImportant: #FFDD66;
	--tdColorImportant2: #FFAE66;
	--tdColorTravaux: black;
	--RNtxt1RN: 	 #000065; /* Couleur de texte1 pour RN */
	--RNtxt1Pirates: #500065; /* Couleur de texte1 pour Pirates */
	--RNtxt1Patrons: #500095; /* Couleur de texte1 pour Patrons */
	--RNtxt1Equipes: #500095; /* Couleur de texte1 pour Patrons */
	--RNbodyEquipes: rgba(20, 60, 120, 1); /* Bleu profond gwada */
	--RNbodyPweeter: rgba(20, 60, 120, 1); /* Bleu profond gwada */
	--RNbodyInfoAdmin: rgba(7, 16, 78, 1); /* NoirBleuté profond gwada */
}
/*** Clignotement ***/
/*** http://www.basical.fr/css/clignoter-bouton-css3/ ***/

/***************************/
/*** Zone OPÉ à utiliser ***/
@keyframes textFlash {
   0%, 5% {opacity: 1;}
   5%, 100% {opacity: 0;}
}
@keyframes textOccult {
   0%, 5% {opacity: 0;}
   5%, 100% {opacity: 1;}
}
@keyframes textClignote{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes testTextFlash {
   0%, 5% {opacity: 1;}
   5%, 100% {opacity: 0;}
}

.textOccult_0 {
	color: black;
	-webkit-animation-name: textOccult; /*on affecte l'animation*/
	-webkit-animation-duration: 8s; /* Durée de l'animation*/
	-webkit-animation-iteration-count:infinite; /*Répétition infinie.*/
}


/*** Zone TEST ne pas utiliser en opé ***/
@-webkit-keyframes testBoxClignote {
	0%{box-shadow:0px 0px 10px #4183C4;}
	50%{box-shadow:0px 0px 0px #4183C4;}
	100%{box-shadow:0px 0px 10px #4183C4;}
}
.testBoxClignote {
	font-weight: bold;
	text-shadow: 0 1px 0 white;
	border-radius: 3px;
	padding: 5px 10px;
	border: 1px solid #DDD;
	box-shadow:0px 0px 10px #4183C4;
	-webkit-animation-name: testBoxClignote; /*on affecte l'animation boxClignote au bouton*/
	-webkit-animation-duration: 5s; /* Durée de l'animation*/
	-webkit-animation-iteration-count:infinite; /*Répétition infinie.*/
}

@keyframes testTextClignote{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
.testTextClignote {
	color: white;
	-webkit-animation-name: testTextClignote; /*on affecte*/
	-webkit-animation-duration: 2s; /* Durée de l'animation*/
	-webkit-animation-iteration-count:infinite; /*Répétition infinie.*/
}

@keyframes testTextFlash {
   0%, 5% {opacity: 1;}
   5%, 100% {opacity: 0;}
}
.testTextFlash {
	color: white;
	-webkit-animation-name: testTextFlash; /*on affecte l'animation*/
	-webkit-animation-duration: 5s; /* Durée de l'animation*/
	-webkit-animation-iteration-count:infinite; /*Répétition infinie.*/
}

@keyframes testTextOccult {
   0%, 5% {opacity: 0;}
   5%, 100% {opacity: 1;}
}
.testTextOccult {
	color: white;
	-webkit-animation-name: testTextOccult; /*on affecte l'animation*/
	-webkit-animation-duration: 8s; /* Durée de l'animation*/
	-webkit-animation-iteration-count:infinite; /*Répétition infinie.*/
}
