/* Feuille CSS pour l'année 2025-2026 */

h1 {color: #886434; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}		/* Brun */
h2 {color: #886434; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h3 {color: #886434; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h4 {color: #29367C; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}		/* Bleu foncé */
h5 {color: #29367C; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h6 {color: #29367C; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h7 {color: #006242; font-family: Tangerine; font-size: 55px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Vert */
h8 {color: #006242; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h9 {color: #006242; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

.FondLien A:link {color: #29367C; background: #886434;}					/* Bleu sur Brun */
.FondLien A:visited {color: #29367C; background: #886434;}
.FondLien A:active {color: #29367C; background: #886434;}
.FondLien A:hover {color: #886434; background: #29367C;}

.FondLien1 A:link {color: #886434; background: #29367C;}				/* Brun sur bleu */
.FondLien1 A:visited {color: #886434; background: #29367C;}
.FondLien1 A:active {color: #886434; background: #29367C;}
.FondLien1 A:hover {color: #29367C; background: #886434;}

.FondLien2 A:link {color: #FFFFFF; background: #29367C;}				/* Blanc sur Bleu */
.FondLien2 A:visited {color: #FFFFFF; background: #29367C;}
.FondLien2 A:active {color: #FFFFFF; background: #29367C;}
.FondLien2 A:hover {color: #29367C; background: #FFFFFF;}

.FondCCI A:link {color: #F0F8FF; background: #F0F8FF;}					/* Gris sur Gris SANS décoration */
.FondCCI A:visited {color: #F0F8FF; background: #F0F8FF;}
.FondCCI A:active {color: #F0F8FF; background: #F0F8FF;}
.FondCCI A:hover {color: #F0F8FF; background: #F0F8FF;}

.FondBleu    {background-color: #29367C; color: #FFFFFF;}
.FondMauve   {background-color: #5D7090; color: #886434;}
.FondDore    {background-color: #886434; color: #29367C;}
.FondBlanc   {background-color: #FFFFFF; color: #FF0000;}
.FondVert    {background-color: #006242; color: #FFFFFF;}
.FondJaune   {background-color: #886434; color: #FFFFFF;}
.FondBrun    {background-color: #886434; color: #FFFFFF;}
.FondRouille {background-color: #660000; color: #FFFFFF;}

/********************************************************************************* Champs INPUT régulier */
.image {
-moz-border-radius: 5px; 	/* Je déteste les coins carrés */
border-radius: 10px; 
border: 5px solid #83733C;	/* Brun */
}
/********************************************************************************* Champs INPUT régulier */
.input {
text-decoration: none;
text-align: left;
border: 2px solid #29367C;	/* Bleu Foncé */	
background-color: #EBF5FF;	/* Bleu Pâle */
-moz-border-radius: 5px; 	/* Je déteste les coins carrés */
border-radius: 5px; 
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #29367C 				/* Texte en Bleu Foncé */
}
.inputcentre {
text-align: center;
}
.inputRapido {
text-align: center;
background-color: #886434;	/* Brun */
}
input[type=checkbox] + label {
  color: #29367C;			/* Texte en Bleu Foncé */
  font-style: normal;
} 
input[type=checkbox]:checked + label {
  color: #A73333;			/* Texte en BriqueFoncé */
  font-style: italic;
} 

/********************************************************************************* Champs INPUT pour le nom d'une photo */
.inputPhoto {
text-decoration: none;
text-align: left;
border: 2px solid #29367C;	/* Bleu Foncé */	
background-color: #29367C;	/* Bleu Foncé */	
border-radius: 5px; 		/* Je déteste les coins carrés */
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #FFFFFF 				/* Texte en Blanc */
}

/********************************************************************************* Bouton SUBMIT */
.submit
{
  display: block;
  margin: 0 auto;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid #29367C;
  border-top: none;
  border-left: none;
  border-right: none;
/*  background: radial-gradient(#886434,#C8934C); 		/* Bouton en brun */
/*  background: linear-gradient(#FF0000,#770000); 		/* Bouton en rouge */
  background: radial-gradient(#29367C,#115271); 		/* Bouton en bleu */  
  border-radius: 15px;
  box-shadow: 0px 2px 10px white;
  transition: 150ms ease;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  color: #FFFFFF;				/* Texte en Blanc */
}

.submit:hover {
  border: none;
  border-bottom: 2px solid #115271;
  box-shadow: 0px 2px 10px grey;
/*  background: radial-gradient(#115271,#29367C);		/* Bouton en bleu */
  background: radial-gradient(#886434,#C8934C); 		/* Bouton en brun */
  color: #FFFFFF;				/* Texte en Blanc */
}

.submit:active {
  border: hidden;
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: 0px 2px 10px grey;
  background: linear-gradient(#115271,#29367C);  
  color: #886434;				/* Brun Pâle */
}

.submitRapido {
  text-decoration: none;
  text-align: center;
  border: 2px solid #29367C; 	/* Bleu Foncé */
  background-color: #A73333;	/* Brique Foncé */
  border-radius: 5px; 			/* Je déteste les coins carrés */
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #886434;				/* Texte en Brun */	
}
.submitRapido:hover {
  background-color: #29367C;	/* Bleu Foncé */		
  color: #886434; 				/* Texte en Brun */
}

/********************************************************************************* <table */
.table {
  margin: 5px;
  padding: 0px;
  border: 3px solid #29367C;	/* Bleu Foncé */
  background-color: #EFFEFF;	/* Bleu Pâle */
  border-radius: 8px; 
}

.tableBot {						/* Pour HtmlBottom.php */
  border: 2px solid #886434;	/* Brun Foncé */
  background-color: #886434;	/* Brun Foncé */
  border-radius: 8px; 
}

.tableS {						/* Pour les Statistiques */
  border: 5px solid #29367C;	/* Bleu Foncé */
  background-color: #886434;	/* Brun */
  border-radius: 8px; 
  table-layout: fixed;
}

/********************************************************************************* Champs INPUT pour TEXTARIA */
.textarea {
	border: 2px solid  ;			/* Vert */	
	background-color: #EFFEFF;		/* Bleu pâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #29367C;					/* Bleu foncé */
	overflow-y: auto;
	word-wrap: break-word;
	height:auto;
	resize:vertical-auto; 			/* Enables vertical height due to size of contained text */ 
}	
textarea::placeholder {
	color: #000000;					/* Noir */
	background: #BFBFBF;			/* Gris moyen */
	font-size: 1em;
	font-style: italic;
}

/********************************************************************************* Écriture à la verticale dans un <th */
th span /* par défaut le texte dans un th est en gras centré */
{
  writing-mode: vertical-rl;	
  white-space: nowrap;
}