<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
/* Feuille CSS pour l'année 2021-2022 */
BODY {
font-family: 'Tangerine', serif;}

h1 {color: #FAE7AB; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Doré Lions */
h2 {color: #FAE7AB; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h3 {color: #FAE7AB; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h4 {color: #1D4C6C; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* bleu foncé */
h5 {color: #1D4C6C; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h6 {color: #1D4C6C; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h7 {color: #008000; font-family: Tangerine; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* vert */
h8 {color: #008000; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h9 {color: #008000; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

.FondLien A:link {color: #1D4C6C; background: #FAE7AB;}					/* Bleu sur beige */
.FondLien A:visited {color: #1D4C6C; background: #FAE7AB;}
.FondLien A:active {color: #1D4C6C; background: #FAE7AB;}
.FondLien A:hover {color: #FAE7AB; background: #1D4C6C;}

.FondLien1 A:link {color: #FAE7AB; background: #1D4C6C;}				/* Beige sur bleu */
.FondLien1 A:visited {color: #FAE7AB; background: #1D4C6C;}
.FondLien1 A:active {color: #FAE7AB; background: #1D4C6C;}
.FondLien1 A:hover {color: #1D4C6C; background: #FAE7AB;}

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

.FondCCIa A:link {color: #1D4C6C; background: #E5E5E5;}					/* Bleu sur Gris Spécial Congrès */
.FondCCIa A:visited {color: #1D4C6C; background: #E5E5E5;}
.FondCCIa A:active {color: #1D4C6C; background: #E5E5E5;}
.FondCCIa A:hover {color: #1D4C6C; background: #FFFFF8;}

.FondBleu    {background-color: #1D4C6C; color: #FAE7AB;}
.FondMauve   {background-color: #5D7090; color: #FAE7AB;}
.FondBeige   {background-color: #FAE7AB; color: #1D4C6C;}
.FondBlanc   {background-color: #FFFFFF; color: #FF0000;}
.FondVert    {background-color: #169500; color: #FFFFFF;}
.FondJaune   {background-color: #FAE7AB; color: #FFFFFF;}
.FondDore    {background-color: #FAE7AB; color: #1D4C6C;}
.FondRouille {background-color: #660000; color: #FFFFFF;}

/********************************************************************************* Champs INPUT régulier */
.input {
text-decoration: none;
text-align: left;
border: 2px solid #1D4C6C;	/* BleuFonce */	
background-color: #EBF5FF;	/* BleuPâ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: #1D4C6C 				/* Texte en BlueFonce */
}
.inputcentre {
text-align: center;
}
.inputRapido {
text-align: center;
background-color: #FAE7AB;	/* Beige */
}
input[type=checkbox] + label {
  color: #1D4C6C;			/* Texte en BleuFoncé */
  font-style: normal;
} 
input[type=checkbox]:checked + label {
  color: #A73333;			/* Texte en BriqueFoncé */
  font-style: italic;
} 
textarea {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #1D4C6C; 			/* Texte en BlueFonce */ 
  overflow-y: auto;
  word-wrap: break-word;
  height:auto;
  resize:vertical-auto; 	/* enables vertical height due to size of contained text */ 
  width:100%;
}

/********************************************************************************* Champs INPUT pour le nom d'une photo */
.inputPhoto {
text-decoration: none;
text-align: left;
border: 2px solid #1D4C6C;	/* BleuFonce */	
background-color: #1D4C6C;	/* BleuFonce */	
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 #770000;
  border-top: none;
  border-left: none;
  border-right: none;
  /* background: linear-gradient(#FF0000,#770000); */
  background: radial-gradient(#FF0000,#770000);
  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: #FAE7AB;				/* Beige Pâle */
}

.submit:hover {
  border: none;
  border-bottom: 2px solid #770000;
  box-shadow: 0px 2px 10px grey;
  background: radial-gradient(#770000,#FF0000);
  color: #FAE7AB;				/* Beige Pâle */
}

.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(#770000,#FF0000);
  color: #FAE7AB;				/* Beige Pâle */
}

.submitRapido {
  text-decoration: none;
  text-align: center;
  border: 2px solid #1D4C6C; 	/* BlueFonce */
  background-color: #A73333;	/* BriqueFonce */
  border-radius: 5px; 			/* Je déteste les coins carrés */
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #FAE7AB;				/* Texte en Beige */	
}
.submitRapido:hover {
  background-color: #1D4C6C;	/* BleuFonce */		
  color: #FAE7AB; 				/* Texte en Beige */
}

/********************************************************************************* <table */
.table {
  margin: 5px;
  padding: 0px;
  border: 4px solid #1D4C6C;	/* BleuFonce */
  background-color: #FAE7AB;	/* Beige */
  border-radius: 8px; 
}

.tableB {						/* Pour HtmlBottom.php */
  border: 2px solid #1D4C6C;	/* BleuFonce */
  background-color: #1D4C6C;	/* BleuFonce */
  border-radius: 8px; 
}

.tableS {						/* Pour les Statistiques */
  border: 5px solid #1D4C6C;	/* BleuFonce */
  background-color: #FAE7AB;	/* Beige */
  border-radius: 8px; 
  table-layout: fixed;
}

/********************************************************************************* É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;
}
