/*-----------------------------------------------------------------------------------------------*/
/* Styles communs */
@viewport				/* à revoir   */
{
	width: device-width;
	zoom: 1;
}
:root {
	/* Définitions globales */	
	opacity: 1;
}

/*-----------------------------------------------------------------------------------------------*/
html{
	font-size: 16px; /* = 1 rem */
}
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, "Trebuchet MS", "Comic Sans MS", sans-serif;	
}
header{
	/*--h_fonce: #1A9F9F;  turquoise foncé */
	/*--h_clair: #CAFFFF;  turquoise claire */
	/*--h_fonce: #381C44;  violet*/
	--h_fonce: #632E44; /*  violet*/
	--h_clair: #FFCB75; /* lune or */
}
/*-----------------------------------------------------------------------------------------------*/
/* menu principal */
nav{
	width: 90%;
	margin: 0;
	display: block;
	position: absolute;
	top: -20px;
	height: 60px;
}
/*
nav a:visited{
	color: gold;
}
*/
menu{
	padding-left: 0px;
	list-style-type: none;
	background-color: var(--h_fonce);	
	font-size: 20px;
}
menu::after{
	content: "";
	display: table;
	clear: both;
}
menu > li{
	float: left;
	text-align: center;
	margin-top: 4px;
	margin-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}
menu > li > a{
	display: block;
	text-decoration: none;
	color: var(--h_fonce);
	background-color: var(--h_clair);
	padding-top: 4px;	
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
}
menu li:hover{
	color: var(--h_clair);
	background-color: var(--h_fonce);
	box-shadow: 0 0 10px 10px var(--h_clair);
}
#cache:hover{
	box-shadow: 0 0 10px 10px var(--h_fonce);		
}
.menu_actif{
	color: var(--h_fonce);
	background-color: var(--h_clair);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 22px;
	font-weight: bold;
}
.menu_actif > a{
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;	
}

/*-----------------------------------------------------------------------------------------------*/
/* menu niveau 2 */
menu menu{
	display: none;
	position: absolute;
	box-shadow: 0 10px 20px var(--h_clair);
	list-style-type: none;
	font-size: 18px;
	padding-left: 0px;
	width: inherit;
}
menu li:hover menu{
	display: block;
}
menu menu li{
	float: none;
	display: flex;
	padding-right: 20px;
	line-height: 80%;
	background-color: var(--h_fonce);
}
menu menu li:hover{
	display: block;
	cursor: pointer;
	background-color: var(--h_clair);
	box-shadow: inset 0px 0px 5px 5px var(--h_fonce);
}
menu menu li a{
	padding-left: 20px;
	display: flex;
	text-decoration: none;
	color: var(--h_clair);
	background-color: var(--h_fonce);
	font-weight: normal;
}
menu menu li:hover a{
	font-weight: normal;
	color: var(--h_fonce);
	background-color: var(--h_clair);
}
menu menu .indisponible{
	background-color: grey;
}
menu menu .indisponible a{
	color: black;
	background-color: grey;
}
menu menu .indisponible:hover{
	background-color: grey;
}
menu menu .indisponible a:hover{
	font-weight: 500;
	color: black;
	background-color: grey;
	cursor: default;
}
/*-----------------------------------------------------------------------------------------------*/
/* date heure en haut à droite */
#dateheure{
	position: absolute;
	top:  -20px;
	height:  59px;
	left:  90%;
	width:  10%;
	margin-top:  10px;
	font-size: 18px;
	display: flex;
	text-align: center;
	justify-content: space-around;
	align-items: center;
	color: var(--h_clair);
	background-color: var(--h_fonce);		
}
/*-----------------------------------------------------------------------------------------------*/
article
{
	border: var(--Bordure);
	padding: 0px;
	margin: 0%;
	width: 100%;
}
main
{
	border: var(--Bordure);
	margin: 0px;
	margin-top: 20px;
	padding-top: 22px;
	padding-bottom: 44px;
}
section
{
	border: var(--Bordure);
}
p
{
	font-size: 18px;
	line-height: 140%;
	color: var(--Couleur30);
	margin-top: 9px;
	margin-bottom: 4px;
	white-space: normal;
}
/*-----------------------------------------------------------------------------------------------*/
/* Element fixe en bas à droite qui renvoi au menu */
#aller_au_menu{
	position: fixed;
	right: 0px;
	top: 90%;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: space-around;
	align-items: center;	
	text-decoration: none;
	background-color: var(--Couleur02);
}
#aller_au_menu::before{
	content: '\000AB';  /* code CSS d'un chevron */
	transform: rotate(90deg);
	font-size: 100px;
	margin-left: 20px;
	color: var(--Couleur29);	
}
#aller_au_menu:hover::before{
	color: var(--Couleur02);	
}
#aller_au_menu:hover{
	background-color: var(--Couleur29);
}
/*-----------------------------------------------------------------------------------------------*/
footer{
	border: var(--Bordure);	
	background-color: var(--Couleur02);
	padding: 10px;
	margin: 0px;
}
footer p{
	color: var(--Couleur08);
	white-space: pre;
}
/*-----------------------------------------------------------------------------------------------*/
/* Texte */
pre{
	color: var(--Couleur30);
	font-size: 18px;
	margin: 0px;
	margin-block: 0px;
}
.gras{	
	font-weight: bold;	
}
.formule{	
	font-weight: bold;	
}
.formule > sub, sup{
	font-size: 14px;
}
.p_entrée{
	color: #2A6099;
}
.p_calculé{
	color: #C9211E;
}
.ls10{
	letter-spacing: 10px;	
}
.wspre{
	font-family: monospace;
	white-space: pre;
}
/*
.texte_portrait{
		font-size: 18px;
	}	
*/
/*-----------------------------------------------------------------------------------------------*/
/* Image */
img{
	width: 100%;
	display: block;
}
a img{
	width: 96%;
	padding: 2%;	
}
.image0{
	width: 100%;
	padding: 0%;	
}
/*
a img:hover{
	width:  100%;
	padding: 0%;
}

.R2:hover{
	padding-top: 0.5%;	
	padding-bottom: 0.5%;		
}
.R4:hover{
	padding-top: 0.75%;	
	padding-bottom: 0.75%;		
}
*/
figure{
	padding: 0px;
	margin: 0px;
}
figcaption{
	font-style: italic;
	text-align: center;
	margin-top: 3px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Niveau 1: titre article; */
h1{
	font-size: 44px;
	font-weight: 100;
	text-align: center;
	color: var(--Couleur28);
	background-color: var(--Couleur05); 
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	margin-bottom: 22px;	
	border-radius: 44px; 
	padding: 22px;		
}
.bloc1
{
	color: var(--Couleur28);
	background-color: var(--Couleur06); 
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;	
	margin-bottom: 22px;
	border-radius: 22px; 
	padding: 16px;	
}
/*-----------------------------------------------------------------------------------------------*/
/* Niveau 2: manche, discipline; */
h2
{
	font-size: 38px;
	font-weight: 800;
	letter-spacing: 5px;
	text-align: center;
	color: var(--Couleur28);
	background-color: var(--Couleur05); 
	margin-left: auto;
	margin-right: auto;
	margin-top: 38px;
	margin-bottom: 0px;				
	border-top-left-radius: 38px; 
	border-top-right-radius: 38px; 
	padding: 19px;	
}
.bloc2
{
	color: var(--Couleur28);
	background-color: var(--Couleur06); 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	margin-bottom: 38px;
	border-bottom-left-radius: 38px; 
	border-bottom-right-radius: 38px; 
	padding-top: 19px;
	padding-bottom: 38px;
	padding-left: 19px;
	padding-right: 19px;		
}

/*-----------------------------------------------------------------------------------------------*/
/* Niveau 3: photos et vidéos d'un coureur; */
h3
{
	font-size: 32px;
	font-weight: 200;
	font-stretch: expanded;
	text-align: center;
	color: var(--Couleur26)   ;
	background-color: var(--Couleur07)   ;
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
	margin-bottom: 0px;
	border-top-left-radius: 32px; 
	border-top-right-radius: 32px; 
	padding: 16px;
}
.bloc3int
{
	color: var(--Couleur26);
	background-color: var(--Couleur08); 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	margin-bottom: 0px;
	padding: 0px;	
}
.bloc3
{
	color: var(--Couleur26);
	background-color: var(--Couleur08); 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	margin-bottom: 32px;
	border-bottom-left-radius: 32px; 
	border-bottom-right-radius: 32px; 
	padding: 0px;	
}

/*-----------------------------------------------------------------------------------------------*/
/* Niveau 4 */
h4
{
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	color: var(--Couleur24);
	background-color: var(--Couleur09);
	margin-top: 20px;
	margin-bottom: 0px;
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px; 
	padding: 14px;
}
.bloc4int
{
	color: var(--Couleur24);
	background-color: var(--Couleur10);		
	margin-top: 0px;
	margin-bottom: 0px;	
	padding: 0px;	
}
.bloc4
{
	color: var(--Couleur24);
	background-color: var(--Couleur10); 
	margin-top: 0px;	
	margin-bottom: 32px;
	border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px; 
	padding-bottom: 20px;	
}
.bloc2 h4
{
	color: var(--Couleur26);
	background-color: var(--Couleur19); 
}
.bloc2 .bloc4
{
	color: var(--Couleur25);
	background-color: var(--Couleur18); 
}
.galerie h4{
	margin-top: 8px;
}
.galerie .bloc4{
	margin-bottom: 10px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Niveau 5 */
h5
{
	font-size: 24px;
	text-align: center;
	color: var(--Couleur22);
	background-color: var(--Couleur11);
	margin: 0px;
	border-radius: 0px; 
	padding: 6px;
}
.bloc5
{
	color: var(--Couleur22);
	background-color: var(--Couleur12);
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;	
}
/*-----------------------------------------------------------------------------------------------*/
/* Niveau 6 */
h6
{
	font-size: 20px;
	color: var(--Couleur24);
	background-color: var(--Couleur13);
	margin: 0px;
	margin-top: 16px;
	margin-bottom: 8px;
	border-radius: 0px; 
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 4px;
}
.bloc6
{
	color: var(--Couleur01);
	background-color: var(--Couleur30);
	margin: 0px;
	padding: 0px;	
}
/*-----------------------------------------------------------------------------------------------*/
/* Titre */
.titre
{
	color: var(--Couleur01);
	font-weight: bold;
	padding-left: 10px;	
}
/*-----------------------------------------------------------------------------------------------*/
/* BLOC */

.block{
	display: block;
}
.flex{
	display: flex;
}
.row{
	flex-direction: row;	
}
.row-row{
	flex-direction: row;	
}
.column{
	flex-direction: column;	
}
.h_middle{
	justify-content: space-around;
}
.h_center{
	justify-content: center;
}
.wrap{
	flex-wrap: wrap;
}
.v_center{
	align-items: center;	
}
.v_top{
	align-items: flex-start;
}

/*-----------------------------------------------------------------------------------------------*/
/* lien dans un paragraphe, pour accéder à des niveaux 2*/
p a
{
	font-weight: bold;
	text-decoration: initial;
	color: var(--Couleur22);
}
p a:hover
{
	color: var(--Couleur08);
	background-color: var(--Couleur27);
}
p a:visited
{
	font-style: italic;	
}

/*-----------------------------------------------------------------------------------------------*/
/* lien  dans une liste*/
main li a
{
	text-decoration: initial;
	font-weight: 500;
	color: var(--Couleur24);
}
main li a:hover
{
	font-weight: 900;
	color: var(--Couleur14);
	background-color: var(--Couleur28);
}
main li a:visited
{
	font-style: italic;
	text-decoration: underline;
	color: var(--Couleur20);
}

/*-----------------------------------------------------------------------------------------------*/
/* lien dans un titre h3*/
h3 a
{
	text-decoration: initial;
	color: var(--Couleur18)  ;
}
h3 a:hover
{
	color: var(--Couleur05)  ;
	background-color: var(--Couleur28);
}

/*-----------------------------------------------------------------------------------------------*/
/* lien caché dans un titre h4*/
h4 a
{
	text-decoration: initial;
	color: var(--Couleur26)  ;
}
h4 a:hover
{
	color: var(--Couleur26)  ;
}
h4 a:visited
{
	text-decoration: initial;	
	color: var(--Couleur26)  ;
}

/*-----------------------------------------------------------------------------------------------*/
/* liste  générale*/
main ul
{
	color: var(--Couleur30);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	line-height: 140%;
}
main li
{
	list-style-type: none;
}
/* liste à tiret */
.liste_puce{
	font-size: 18px;
	list-style-type: disc;
	list-style-type: inside;
	line-height: 160%;
}
.liste_puce li{
	list-style-type: disc;	
}
/*-----------------------------------------------------------------------------------------------*/
.mantra
{
	font-size: 28px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 5px;
	text-align: center;
	color: var(--Couleur28);
	
	background-color: var(--Couleur05); 
	
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 10px;
	margin-bottom: 10px;				
	
	border-radius: 28px;
	
	padding: 19px;	
}

/*-----------------------------------------------------------------------------------------------*/
/* liste  à cliquer */
.liste_clic ul{
	line-height: 140%;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	list-style: none;
}
.liste_clic li{
	font-size: 20px;
	text-align: center;
	text-decoration: initial;
	background-color: var(--Couleur28); /* 22*/
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	border-radius: 20px;	
	padding: 10px;
}
.liste_clic li:hover{
	color: var(--Couleur22);
	background-color: var(--Couleur30);
}
.liste_clic a{
	text-decoration: initial;
	font-weight: 500;
	color: var(--Couleur14);
}
.liste_clic a:hover{
	font-weight: 900;
	color: var(--Couleur10);
	background-color: var(--Couleur30);
}
.liste_clic a:visited{
	font-weight: 500;
	font-style: italic ;				/* ne marche pas */
	text-decoration: underline ;		/* ne marche pas */
	color: var(--Couleur02);
}
.liste_clic li p{
	color: var(--Couleur16);
}
.liste_clic .indisponible{
	background-color: grey;
}
.liste_clic .indisponible a{
	color: black;
}
.liste_clic .indisponible:hover{
	background-color: grey;
}
.liste_clic .indisponible a:hover{
	font-weight: 500;
	color: black;
	background-color: grey;
	cursor: default;
}
/*-----------------------------------------------------------------------------------------------*/
/* Fichier téléchargeable  */ 
.fichier
{
	font-size: 18px;
	text-align: center;
	display: flex;
	flex-direction: column;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 8px;	
}
.fichier a
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: initial;
	color: var(--Couleur14);
	background-color: var(--Couleur22);
	border-radius: 20px;
	padding: 10px;	
}
.fichier a:hover
{
	font-weight: 900;
	color: var(--Couleur10);
	background-color: var(--Couleur26);
}
.fichier a:visited{
	font-weight: 500;
	color: var(--Couleur02);
}
/*-----------------------------------------------------------------------------------------------*/
/* Bouton à cliquer  */ 
.bouton{
	display: block;
	width: 100px;
	height: 32px;
	border-radius: 20px;
	font-size: 32px;
	font-weight: 900;
	text-align: center;
	text-decoration: initial;
	color: var(--Couleur06);
	background-color: var(--Couleur28); /* 22*/
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 14px;
}
.bouton:hover{
	color: var(--Couleur30);
	background-color: var(--Couleur22);
	cursor: pointer;
}
/*-----------------------------------------------------------------------------------------------*/
#AlphabetGame input[type=submit]{
	width:40%;
	margin-left: 30%;	
	margin-bottom: 20px;	
}

#AlphabetGame_iteration{
	font-size: 16px;
	text-align: center;
}
#AlphabetGame_lettre{
	font-size: 200px;
	font-weight: 900;
	text-align: center;
}
#AlphabetGame_action{
	font-size: 200px;
	font-weight: 900;
	text-align: center;
}
#AlphabetGame_affichage{
	height: 240px;
}
/*-----------------------------------------------------------------------------------------------*/
#Renshaw input[type=submit]{
	width:40%;
	margin-left: 30%;	
	margin-bottom: 20px;	
}
#Renshaw_affichage{
	height: 450px;
}
#Renshaw_nombre{
	font-size: 400px;
	font-weight: 900;
	text-align: center;
}
/*-----------------------------------------------------------------------------------------------*/
/* Tableau */
table{
	border-collapse: collapse;
	border: 4px solid var(--Couleur21)  ;
	color: var(--Couleur27);
	background-color: var(--Couleur11);
	caption-side: bottom;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
caption{
	font-style: italic;
	margin-top: 8px;
}
th, td{
	border: 2px solid var(--Couleur23)  ;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;	
	text-align: center;
	line-height: 150%;
}
th{
	font-size: 18px;
	font-weight: bold;
	font-variant: normal  ;
	text-transform: none  ;
	background-color: var(--Couleur09);
	border-bottom-style:  none;
}
.Tableaux table:first-child{
	display: table;
}
.Tableaux table:nth-child(2){
	display: none;
}
.unite{
	border-top-style:  none;
	background-color: var(--Couleur09);
}
.tableau_1
{
	padding-left: 40px;
	padding-right: 40px;
}

#tableau_parametres{
	border: none;
}
#tableau_parametres td{
	border: 4px solid var(--Couleur06); 
	background-color: var(--Couleur08);
}
#tableau_parametres th{
	border: 4px solid var(--Couleur06);
}
.plage{
	font-size: 14px;
	color: var(--Couleur20);
}
.text-align-left{
	text-align: left;
}
.text-align-center{
	text-align: center;
}
.text-align-right{
	text-align: right;
}
#FIS_Saint-Lary tr td:nth-child(3n+3)
{
	border-right-width: 4px;	
}
#FIS_Saint-Lary .separateur_v
{
	border-right-width: 4px;
}
#FIS_Saint-Lary .separateur_h
{
	border-bottom-width: 4px;
}
#FIS_Saint-Lary .retenue
{
	background-color: green;
}
#FIS_Saint-Lary .selection
{
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------*/
/* Formulaires */
#fenetre{
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}
form{
	padding: px;
	line-height: 100%;
	border: none;
}
fieldset{
	border: none;
}
label{
	/*font-weight: bold;	*/
}
input[type=number]{
	background-color: var(--Couleur25);
	width:116px;
	height: 32px;
	font-weight: normal;
	font-size:18px;
	border: none;
	text-align: center;
}
input[type=submit]{
	width:40%;
	margin-left: 20%;
	margin-top: 20px;	
	margin-bottom: 0px;
	border-radius: 18px;
	font-size: 18px; 
	font-weight: bold;
	padding: 8px;	
	color: var(--Couleur15);
	background-color: var(--Couleur25);
	border:none;
}
input[type=submit]:hover{
	color: var(--Couleur28);
	background-color: var(--Couleur15);
	cursor: pointer;
}
.form_col_1{
	width:220px;
	margin: 4px;
	padding-left: 10px;
	background-color: var(--Couleur08);
}
.form_col_2{
	width:120px;	
	margin: 4px;
	background-color: var(--Couleur08);
}
.form_col_3{
	width:60px;
	margin: 4px;
	padding-left: 10px;
	background-color: var(--Couleur08);
}
.form_col_4{
	width:140px;
	margin: 4px;
	padding-left: 10px;
	background-color: var(--Couleur08);
}
.form_col_5{
	width:100px;
	margin: 4px;
	padding-left: 10px;
	background-color: var(--Couleur08);
}
.form_col_6{
	width:40px;
	margin: 4px;
	padding-left: 10px;
	background-color: var(--Couleur08);
}
#AlphabetGame .form_col_1{
	width: 40%;
}
#AlphabetGame .form_col_2{
	width: 30%;
}
#AlphabetGame .form_col_3{
	width: 10%;
}
#AlphabetGame input[type=number]{
	width: 100%;
}
#densite_air{
	width:120px;
	height:32px;	
	background-color: white;
	color:darkred;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#vitesse{
	font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------*/
/* Formule mathématique */

math{
	font-size: 40px;
}
mn, mi, mo {
	font-size: 20px;
}
msup > mn:last-child{
	font-size: 12px;
}

/*-----------------------------------------------------------------------------------------------*/
/* Formatage texte */

.entree{
	color: #0000BB;
}
.resultat{
	font-size: 22px;
}

/*-----------------------------------------------------------------------------------------------*/
/* Dimensions */
.loupe{
	/*background-color:  white;
	color:  black;
	fontsize: 50px;
	*/
}
.paysage{
	display: block;
}
.Lauto{
	margin-left: auto;
	margin-right: auto;
}
.Hauto{
	margin-top: auto;
	margin-bottom: auto;
}
.mlr10{
	margin-left: 10px;
	margin-right: 10px;
}
.mlr20{
	margin-left: 20px;
	margin-right: 20px;
}
.mtb05{
	margin-top: 05px;
	margin-bottom: 05px;
}
.mtb10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mtb20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.mt40{
	margin-top: 40px;
}
.mb10{	margin-bottom: 10px;}
.mb20{	margin-bottom: 20px;}
.mb40{	margin-bottom: 40px;}

.padding05{	padding: 5px;}
.padding10{	padding: 10px;}
.padding20{	padding: 20px;}
.margin10{ margin: 10px;}
.margin20{ margin: 20px;}

.margin_left_05p{ margin-left:  5%;}
.margin_left_10p{ margin-left: 10%;}

.mw100{	max-width:100%;}
.mw95{	max-width: 95%;}
.mw90{	max-width: 90%;}
.mw85{	max-width: 85%;}
.mw80{	max-width: 80%;}
.mw75{	max-width: 75%;}
.mw70{	max-width: 70%;}
.mw65{	max-width: 65%;}
.mw60{	max-width: 60%;}
.mw55{	max-width: 55%;}
.mw50{	max-width: 50%;}
.mw45{	max-width: 45%;}
.mw40{	max-width: 40%;}
.mw35{	max-width: 35%;}
.mw33{	max-width: 33%;}
.mw30{	max-width: 30%;}
.mw25{	max-width: 25%;}
.mw22{	max-width: 22%;}
.mw20{	max-width: 20%;}
.mw18{	max-width: 18%;}
.mw10{	max-width: 10%;}

.mw25d{	max-width: 25%;}
.mw20d{	max-width: 20%;}

.w100{	width:100%;}
.w95{	width: 95%;}
.w90{	width: 90%;}
.w85{	width: 85%;}
.w80{	width: 80%;}
.w75{	width: 75%;}
.w70{	width: 70%;}
.w65{	width: 65%;}
.w60{	width: 60%;}
.w55{	width: 55%;}
.w52{	width: 52%;}
.w50{	width: 50%;}
.w45{	width: 45%;}
.w44{	width: 44%;}
.w42{	width: 42%;}
.w40{	width: 40%;}
.w36{	width: 36%;}
.w35{	width: 35%;}
.w33{	width: 33%;}
.w32{	width: 32%;}
.w30{	width: 30%;}
.w28{	width: 28%;}
.w27{	width: 27%;}
.w26{	width: 26%;}
.w25{	width: 25%;}
.w24{	width: 24%;}
.w23{	width: 23%;}
.w22{	width: 22%;}
.w21{	width: 21%;}
.w20{	width: 20%;}
.w19{	width: 19%;}
.w18{	width: 18%;}
.w17{	width: 17%;}
.w16{	width: 16%;}
.w15{	width: 15%;}
.w14{	width: 14%;}
.w13{	width: 13%;}
.w12{	width: 12%;}
.w11{	width: 11%;}
.w10{	width: 10%;}

.w20d{	width: 20%;}
.w16d{	width: 16%;}
.w15d{	width: 15%;}

.mh80{ max-height: 80%;}

.h80{ height: 80%;}
.h50{ height: 50%;}

.lh200{ line-height: 200%;}

.fs20{ font-size: 20px;}
.fs30{ font-size: 30px;}
.fs40{ font-size: 40px;}

/*-----------------------------------------------------------------------------------------------*/
/* Définition des couleurs par thème */
.Accueil
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #381C44; /* couleur la plus foncée #1A9F9F 2022*/
  --Couleur02: #632E44;
  --Couleur03: ;
  --Couleur04: ;
  --Couleur05: ;
  --Couleur06: ;
  --Couleur07: ;
  --Couleur08: #FFCB75; /* couleur texte footer #93FFFF 2022*/
  --Couleur09: ;
  --Couleur10: ;
  --Couleur11: ;
  --Couleur12: #63FDFD;
  --Couleur13: ;
  --Couleur14: ;
  --Couleur15: #CAFFFF; /* couleur de base */
  --Couleur16: ;
  --Couleur17: ;
  --Couleur18: ;
  --Couleur19: ;
  --Couleur20: ;
  --Couleur21: ;
  --Couleur22: #CAFFFF;
  --Couleur23: ;
  --Couleur24: ;
  --Couleur25: ;
  --Couleur26: ;
  --Couleur27: ;
  --Couleur28: ;
  --Couleur29: #FFCB75; /* couleur la plus claire #CAFFFF 2022*/
  --Couleur30: #FFFFFF; /* blanc */
  color: var(--Couleur29);
  background-color: var(--Couleur02);
}
.Base
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #011C00; /* couleur la plus foncée */
  --Couleur02: #011C00;
  --Couleur03: #011C00;
  --Couleur04: #033700;
  --Couleur05: #033700;
  --Couleur06: #033700;
  --Couleur07: #045500;
  --Couleur08: #045500;
  --Couleur09: #045500;
  --Couleur10: #097703;
  --Couleur11: #097703;
  --Couleur12: #097703;
  --Couleur13: #1A9214;
  --Couleur14: #1A9214;
  --Couleur15: #1A9214; /* couleur de base */
  --Couleur16: #32B32C;
  --Couleur17: #32B32C;
  --Couleur18: #32B32C;
  --Couleur19: #50C74A;
  --Couleur20: #50C74A;
  --Couleur21: #50C74A;
  --Couleur22: #75DA6F;
  --Couleur23: #75DA6F;
  --Couleur24: #75DA6F;
  --Couleur25: #A3ED9F;
  --Couleur26: #A3EB9F;
  --Couleur27: #A3EB9F;
  --Couleur28: #CCF7C9;
  --Couleur29: #CCF7C9; /* couleur la plus claire */
  --Couleur30: #FFFFFF; /* blanc */
  color: var(--Couleur29);
  background-color: var(--Couleur02);
}
.Cheval
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #080600; /* couleur la plus foncée */
  --Couleur02: #181300;
  --Couleur03: #1A1500;
  --Couleur04: #2F2707;
  --Couleur05: #342A00;
  --Couleur06: #342A00;
  --Couleur07: #403300;
  --Couleur08: #574500;
  --Couleur09: #745E0A;
  --Couleur10: #7D6300;
  --Couleur11: #7D6300;
  --Couleur12: #7D6C24;
  --Couleur13: #9F8316;
  --Couleur14: #9F8316;
  --Couleur15: #9F8316; /* couleur de base */
  --Couleur16: #C3A534;
  --Couleur17: #C3A534;
  --Couleur18: #C3A534;
  --Couleur19: #DEC35A;
  --Couleur20: #DEC35A;
  --Couleur21: #DEC35A;
  --Couleur22: #EFE891;
  --Couleur23: #EFE891;
  --Couleur24: #FFE891;
  --Couleur25: #FFE891;
  --Couleur26: #FFF0B6;
  --Couleur27: #FFF7D0;
  --Couleur28: #FFF7DF;
  --Couleur29: #FFFCEF; /* couleur la plus claire */
  --Couleur30: #FFFFFF; /* blanc */
  --Couleur99: red;     /* couleur joker */
  color: var(--Couleur29);
  background-color: var(--Couleur02);
}
.Ski
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #000022; /* couleur la plus foncée */
  --Couleur02: #000033;
  --Couleur03: #000044;
  --Couleur04: #000055;
  --Couleur05: #000066;
  --Couleur06: #000077;
  --Couleur07: #000088;
  --Couleur08: #000099;
  --Couleur09: #0000AA;
  --Couleur10: #0000BB;
  --Couleur11: #0000CC;
  --Couleur12: #0000DD;
  --Couleur13: #0000EE;
  --Couleur14: #0000FF;
  --Couleur15: #0000FF; /* couleur de base */
  --Couleur16: #1111FF;
  --Couleur17: #2222FF;
  --Couleur18: #3333FF;
  --Couleur19: #4444FF;
  --Couleur20: #5555FF;
  --Couleur21: #6666FF;
  --Couleur22: #7777FF;
  --Couleur23: #8888FF;
  --Couleur24: #9999FF;
  --Couleur25: #AAAAFF;
  --Couleur26: #BBBBFF;
  --Couleur27: #CCCCFF;
  --Couleur28: #DDDDFF;
  --Couleur29: #EEEEFF; /* couleur la plus claire */
  --Couleur30: #FFFFFF; /* blanc */
  --Couleur99: red;     /* couleur joker */
  color: var(--Couleur29);
  background-color: var(--Couleur02);	
}
.VTT
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #100800; /* couleur la plus foncée */
  --Couleur02: #201000; /* couleur de fond */
  --Couleur03: #301800;
  --Couleur04: #402000;
  --Couleur05: #502800;
  --Couleur06: #603000;
  --Couleur07: #703800;
  --Couleur08: #804000;
  --Couleur09: #904800;
  --Couleur10: #A05000;
  --Couleur11: #B05800;
  --Couleur12: #C06000;
  --Couleur13: #D06800;
  --Couleur14: #E07000;
  --Couleur15: #F07800; /* couleur de base */
  --Couleur16: #FF9830;
  --Couleur17: #FFA03C;
  --Couleur18: #FFA848;
  --Couleur19: #FFB054;
  --Couleur20: #FFB860;
  --Couleur21: #FFC06C;
  --Couleur22: #FFC878;
  --Couleur23: #FFD084;
  --Couleur24: #FFD890;
  --Couleur25: #FFE09C;
  --Couleur26: #FFE8A8; 
  --Couleur27: #FFF0B4;
  --Couleur28: #FFF8C0;
  --Couleur29: #FFFBDD;
  --Couleur30: #FFFCEE; /* couleur la plus claire */
  --Couleur31: #FFFFFF; /* blanc */
  color: var(--Couleur30);
  background-color: var(--Couleur02);
}
.Cyclisme
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #100800; /* couleur la plus foncée */
  --Couleur02: #201000; /* couleur de fond */
  --Couleur03: #301800;
  --Couleur04: #402000;
  --Couleur05: #502800;
  --Couleur06: #603000;
  --Couleur07: #703800;
  --Couleur08: #804000;
  --Couleur09: #904800;
  --Couleur10: #A05000;
  --Couleur11: #B05800;
  --Couleur12: #C06000;
  --Couleur13: #D06800;
  --Couleur14: #E07000;
  --Couleur15: #F07800; /* couleur de base */
  --Couleur16: #FF9830;
  --Couleur17: #FFA03C;
  --Couleur18: #FFA848;
  --Couleur19: #FFB054;
  --Couleur20: #FFB860;
  --Couleur21: #FFC06C;
  --Couleur22: #FFC878;
  --Couleur23: #FFD084;
  --Couleur24: #FFD890;
  --Couleur25: #FFE09C;
  --Couleur26: #FFE8A8; 
  --Couleur27: #FFF0B4;
  --Couleur28: #FFF8C0;
  --Couleur29: #FFFBDD;
  --Couleur30: #FFFCEE; /* couleur la plus claire */
  --Couleur31: #FFFFFF; /* blanc */
  color: var(--Couleur30);
  background-color: var(--Couleur02);
}
.Rando
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #001E1E; /* couleur la plus foncée */
  --Couleur02: #001E1E;
  --Couleur03: #001E1E;
  --Couleur04: #003333;
  --Couleur05: #003333;
  --Couleur06: #003333;
  --Couleur07: #005050;
  --Couleur08: #005050;
  --Couleur09: #005050;
  --Couleur10: #006767;
  --Couleur11: #006767;
  --Couleur12: #006767;
  --Couleur13: #018888;
  --Couleur14: #018888;
  --Couleur15: #018888; /* couleur de base */
  --Couleur16: #1A9F9F;
  --Couleur17: #1A9F9F;
  --Couleur18: #1A9F9F;
  --Couleur19: #35B2B2;
  --Couleur20: #35B2B2;
  --Couleur21: #35B2B2;
  --Couleur22: #65CCCC;
  --Couleur23: #65CCCC;
  --Couleur24: #65CCCC;
  --Couleur25: #96E6E6;
  --Couleur26: #96E6E6;
  --Couleur27: #96E6E6;
  --Couleur28: #D0F8F8;
  --Couleur29: #D0F8F8; /* couleur la plus claire */
  --Couleur30: #FFFFFF; /* blanc */
  color: var(--Couleur29);
  background-color: var(--Couleur02);
}
.Info
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #000000; /* couleur la plus foncée */
  --Couleur02: #111111;
  --Couleur03: #111111;
  --Couleur04: #222222;
  --Couleur05: #222222;
  --Couleur06: #333333;
  --Couleur07: #333333;
  --Couleur08: #444444;
  --Couleur09: #444444;
  --Couleur10: #555555;
  --Couleur11: #555555;
  --Couleur12: #666666;
  --Couleur13: #666666;
  --Couleur14: #777777;
  --Couleur15: #777777; /* couleur de base */
  --Couleur16: #888888;
  --Couleur17: #888888;
  --Couleur18: #999999;
  --Couleur19: #999999;
  --Couleur20: #AAAAAA;
  --Couleur21: #AAAAAA;
  --Couleur22: #BBBBBB;
  --Couleur23: #BBBBBB;
  --Couleur24: #CCCCCC;
  --Couleur25: #CCCCCC;
  --Couleur26: #DDDDDD;
  --Couleur27: #DDDDDD;
  --Couleur28: #EEEEEE; 
  --Couleur29: #EEEEEE;
  --Couleur30: #FFFFFF; /* couleur la plus claire */
  --Couleur31: #FFFFFF; /* blanc */
  color: var(--Couleur30);
  background-color: var(--Couleur02);
}
.Ofni
{
  --Couleur00: #FFFFFF;
  --Couleur01: #FFFFFF; /* couleur la plus foncée */
  --Couleur02: #EEEEEE;
  --Couleur03: #EEEEEE;
  --Couleur04: #DDDDDD;
  --Couleur05: #DDDDDD;
  --Couleur06: #CCCCCC;
  --Couleur07: #CCCCCC;
  --Couleur08: #BBBBBB;
  --Couleur09: #BBBBBB;
  --Couleur10: #AAAAAA;
  --Couleur11: #AAAAAA;
  --Couleur12: #999999;
  --Couleur13: #999999;
  --Couleur14: #888888;
  --Couleur15: #888888; /* couleur de base */
  --Couleur16: #777777;
  --Couleur17: #777777;
  --Couleur18: #666666;
  --Couleur19: #666666;
  --Couleur20: #555555;
  --Couleur21: #555555;
  --Couleur22: #444444;
  --Couleur23: #444444;
  --Couleur24: #333333;
  --Couleur25: #333333;
  --Couleur26: #222222;
  --Couleur27: #222222;
  --Couleur28: #111111; 
  --Couleur29: #111111;
  --Couleur30: #000000; /* couleur la plus claire */
  --Couleur31: #000000;
  color: var(--Couleur30);
  background-color: var(--Couleur02);
}
.Theme1
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #100800; /* couleur la plus foncée */
  --Couleur02: #201000;
  --Couleur03: #301800;
  --Couleur04: #402000;
  --Couleur05: #502800;
  --Couleur06: #603000;
  --Couleur07: #703800;
  --Couleur08: #804000;
  --Couleur09: #904800;
  --Couleur10: #A05000;
  --Couleur11: #B05800;
  --Couleur12: #C06000;
  --Couleur13: #D06800;
  --Couleur14: #E07000;
  --Couleur15: #F07800; /* couleur de base */
  --Couleur16: #FF8820;
  --Couleur17: #FF9030;
  --Couleur18: #FF9840;
  --Couleur19: #FFA050;
  --Couleur20: #FFA860;
  --Couleur21: #FFB070;
  --Couleur22: #FFB880;
  --Couleur23: #FFC090;
  --Couleur24: #FFC8A0;
  --Couleur25: #FFD0B0;
  --Couleur26: #FFD8C0;
  --Couleur27: #FFE0D0;
  --Couleur28: #FFE8E0; 
  --Couleur29: #FFF0F0;
  --Couleur30: #FFF8FF; /* couleur la plus claire */
  --Couleur31: #FFFFFF; /* blanc */
  color: var(--Couleur30);
  background-color: var(--Couleur02);
}
.Theme2
{
  --Couleur00: #000000; /* noir */
  --Couleur01: #100800; /* couleur la plus foncée */
  --Couleur02: #201000;
  --Couleur03: #301800;
  --Couleur04: #402000;
  --Couleur05: #502800;
  --Couleur06: #603000;
  --Couleur07: #703800;
  --Couleur08: #804000;
  --Couleur09: #904800;
  --Couleur10: #A05000;
  --Couleur11: #B05800;
  --Couleur12: #C06000;
  --Couleur13: #D06800;
  --Couleur14: #E07000;
  --Couleur15: #F07800; /* couleur de base */
  --Couleur16: #FF8830;
  --Couleur17: #FF9048;
  --Couleur18: #FF9860;
  --Couleur19: #FFA06C;
  --Couleur20: #FFA878;
  --Couleur21: #FFB084;
  --Couleur22: #FFB890;
  --Couleur23: #FFC09C;
  --Couleur24: #FFC8A8;
  --Couleur25: #FFD0B4;
  --Couleur26: #FFD8C0;
  --Couleur27: #FFE0CC;
  --Couleur28: #FFE8D8; 
  --Couleur29: #FFF0E4;
  --Couleur30: #FFF8F0; /* couleur la plus claire */
  --Couleur31: #FFFFFF; /* blanc */
  color: var(--Couleur30);
  background-color: var(--Couleur02);
}

/*-----------------------------------------------------------------------------------------------*/
/* Palette */
.palette{
	width: 148px;
	height: 100px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.fond00{background-color: var(--Couleur00);}
.fond01{background-color: var(--Couleur01);}
.fond02{background-color: var(--Couleur02);}
.fond03{background-color: var(--Couleur03);}
.fond04{background-color: var(--Couleur04);}
.fond05{background-color: var(--Couleur05);}
.fond06{background-color: var(--Couleur06);}
.fond07{background-color: var(--Couleur07);}
.fond08{background-color: var(--Couleur08);}
.fond09{background-color: var(--Couleur09);}
.fond10{background-color: var(--Couleur10);}
.fond11{background-color: var(--Couleur11);}
.fond12{background-color: var(--Couleur12);}
.fond13{background-color: var(--Couleur13);}
.fond14{background-color: var(--Couleur14);}
.fond15{background-color: var(--Couleur15);}
.fond16{background-color: var(--Couleur16);}
.fond17{background-color: var(--Couleur17);}
.fond18{background-color: var(--Couleur18);}
.fond19{background-color: var(--Couleur19);}
.fond20{background-color: var(--Couleur20);}
.fond21{background-color: var(--Couleur21);}
.fond22{background-color: var(--Couleur22);}
.fond23{background-color: var(--Couleur23);}
.fond24{background-color: var(--Couleur24);}
.fond25{background-color: var(--Couleur25);}
.fond26{background-color: var(--Couleur26);}
.fond27{background-color: var(--Couleur27);}
.fond28{background-color: var(--Couleur28);}
.fond29{background-color: var(--Couleur29);}
.fond30{background-color: var(--Couleur30);}
.fond31{background-color: var(--Couleur31);}

.texte00{color: var(--Couleur00);}
.texte01{color: var(--Couleur01);}
.texte02{color: var(--Couleur02);}
.texte03{color: var(--Couleur03);}
.texte04{color: var(--Couleur04);}
.texte05{color: var(--Couleur05);}
.texte06{color: var(--Couleur06);}
.texte07{color: var(--Couleur07);}
.texte08{color: var(--Couleur08);}
.texte09{color: var(--Couleur09);}
.texte10{color: var(--Couleur10);}
.texte11{color: var(--Couleur11);}
.texte12{color: var(--Couleur12);}
.texte13{color: var(--Couleur13);}
.texte14{color: var(--Couleur14);}
.texte15{color: var(--Couleur15);}
.texte16{color: var(--Couleur16);}
.texte17{color: var(--Couleur17);}
.texte18{color: var(--Couleur18);}
.texte19{color: var(--Couleur19);}
.texte20{color: var(--Couleur20);}
.texte21{color: var(--Couleur21);}
.texte22{color: var(--Couleur22);}
.texte23{color: var(--Couleur23);}
.texte24{color: var(--Couleur24);}
.texte25{color: var(--Couleur25);}
.texte26{color: var(--Couleur26);}
.texte27{color: var(--Couleur27);}
.texte28{color: var(--Couleur28);}
.texte29{color: var(--Couleur29);}
.texte30{color: var(--Couleur30);}
.texte31{color: var(--Couleur31);}

/*-----------------------------------------------------------------------------------------------*/
/* Adaptation à la taille de l'écran   */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/* Règles CSS spéciales pour smartphones portrait */
@media screen and (max-width: 999px){
	header{
		height: 80px;	
	}
	nav{
		width: 100%;
	}
	#dateheure{
		display:  none;		
	}
	p, a{
		font-size: 24px;
	}
	pre{
		font-size: 24px;
	}
	ul{
		line-height: 100%;
	}
	li{
		font-size: 20px;
		margin-top: 8px;
		margin-bottom: 8px;
		border-radius: 10px;	
		padding: 4px;
	}
	li a{
		font-size: 22px;
	}
	h3{
		font-size: 32px;
	}
	h6{
		font-size: 28px;
	}
	.texte_portrait{
		font-size: 30px;
	}	
	.liste_clic{
		font-size: 22px;
	}
	.liste_clic li{
		margin-top: 22px;
		margin-bottom: 22px;
	}	
	.liste_puce{
		font-size: 20px;
		line-height: 100%;
	}
	.paysage{
		display: none;
	}
	.row{
		flex-direction: column;
	}
	.w90{
		width: 98%;
	}
	.mw80, .mw50, .mw45, .mw33, .mw30, .mw25, .mw20{
		max-width: 96%;
		margin-left: auto;
		margin-right: auto;		
	}	
	.w80, .w75, .w70, .w65, .w60, .w55, .w52, .w50, .w45, .w44, .w42, .w40, .w36, .w35, .w33, .w32, .w30, .w28, .w27, .w26, .w25, .w24, .w23, .w22, .w21, .w20, .w19, .w18, .w17, .w16, .w15, .w14, .w13, .w12, .w11, .w10 {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.w20d {
		width: 40%;	
		margin-left: auto;
		margin-right: auto;		
	}
	.w16d, .w15d {
		width: 30%;	
		margin-left: auto;
		margin-right: auto;		
	}
	.fichier a	{
		font-size: 18px;
		border-radius: 16px;
		padding: 4px;	
	}
	.palette{
		width: 120px;
		height: 100px;
	}
	table{
		/*border: 2px solid var(--Couleur12);*/
		padding-top: 6px;
	}	
	th, td	{
		font-size: 24px;
		/*border: 1px solid var(--Couleur12);*/
		padding-left: 1px;
		padding-right: 1px;
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.Tableaux table:first-child{
		display: none;
	}
	.Tableaux table:nth-child(2){
		display: table;
	}
	.tableau_1 {
		padding-left: 1px  ;
		padding-right: 1px  ;
	}
	#pointsFIS th,td{	
		font-size: 18px;		
	}
	#Renshaw_nombre{
		font-size: 160px;
	}
	#Renshaw_affichage{
		height: 184px;
	}
/*-----------------------------------------------------------------------------------------------*/
	/* Element fixe en bas à droite qui renvoi au menu */
	#aller_au_menu::before{
		font-size: 80px;
		margin-left: 15px;
	}
}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/* Règles CSS spéciales pour smartphones en mode paysage */
@media screen and (min-width: 998px) and (max-width: 999px){
	header{
		height: 80px;	
	}
	nav{
		width: 100%;
	}
	menu{
		height: 110px;
	}
	menu > li{
		margin-left: 6px;
		padding-left: 6px;
		padding-right: 6px;		
	}
	.menu_actif{
		border-top-left-radius: 14px;
		border-top-right-radius: 14px;
		font-size: 16px;
	}
	#dateheure{
		display:  none;		
	}
	h1	{
		/*font-size: 1.4em;*/
		border-radius: 20px; 
		width: 98%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;		
	}
	.bloc1	{
		width: 90%;
		margin-top: 20px;	
		margin-bottom: 20px;
		border-radius: 20px; 
		padding: 10px;	
	}
	h2	{
		/*font-size: 1.2em;*/
		margin-top: 12px;
		border-top-left-radius: 24px; 
		border-top-right-radius: 24px; 
		padding: 8px;
	}
	.bloc2	{
		margin-bottom: 24px;
		border-bottom-left-radius: 24px; 
		border-bottom-right-radius: 24px; 
		padding-top: 6px;
		padding-bottom: 12px;
		padding-left: 6px;
		padding-right: 6px;		
	}
	h3	{
		/*font-size: 1.1em  ;*/
		margin-top: 8px;
		border-top-left-radius: 20px; 
		border-top-right-radius: 20px; 
		padding: 6px;
	}
	.bloc3	{
		margin-bottom: 20px;
		border-bottom-left-radius: 20px; 
		border-bottom-right-radius: 20px; 
	}
	h4	{
		font-size: 28px;
		margin-top: 5px;
		border-top-left-radius: 10px; 
		border-top-right-radius: 10px; 
		padding: 14px;
	}
	.bloc4	{
		margin-bottom: 10px;
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px; 
		padding-bottom: 10px;	
	}
	h5	{
		/*font-size: 1em;*/
		padding: 4px;
	}
	h6	{
		font-size: 24px;
		width: 100%;
	}
	p, a	{
		font-size: 20px;
	}
	li	{
		/*font-size: 0.9em;*/
		margin-top: 8px;
		margin-bottom: 8px;
		border-radius: 10px;	
		padding: 4px;
	}
	li a	{
		/*font-size: 1em;*/
	}
	.row	{
		flex-direction: column;
	}
	.mw80, .mw50, .mw45, .mw40, .mw33, .mw30, .mw25, .mw20{
		max-width: 96%;
		margin-left: auto;
		margin-right: auto;
	}	
	.w90{
		width: 96%;
	}
	.w80, .w75, .w70, .w65, .w60, .w55, .w52, .w50, .w45, .w44, .w42, .w40, .w36, .w35, .w33, .w32, .w30, .w28, .w27, .w26, .w25, .w24, .w23, .w22, .w21, .w20, .w19, .w18, .w17, .w16, .w15, .w14, .w13, .w12, .w11, .w10 {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	.w10, .w15{
		width: 20%;	
		margin-left: auto;
		margin-right: auto;	
	}
	.loupe{
		font-size: 3em;
	}
	.fichier{
		margin-top: 8px;
		padding: 4px;	
	}
	.liste_clic li{
		font-size: 28px;
		padding: 14px;
		margin: 42px;
	}	
	.fichier a
	{
		/*font-size: 0.9em;*/
		padding: 4px;	
	}	
	table
	{
		border: 2px solid var(--Couleur12);
		padding-top: 6px;
	}
	#pointsFIS th,td{	
		font-size: 20px;		
	}
	
	th, td
	{
		padding-left: 1px;
		padding-right: 1px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	/*
	th
	{
		font-size: 0.8em;
	}
	td
	{
		font-size: 0.6em;
	}
	*/
	caption
	{
		font-size: 20px;
		margin-top: 4px;
	}
	.tableau_1
	{
		padding-left: 2px;
		padding-right: 2px;
	}
	#tableau_parametres td{
		font-size: 20px;
	}

	form {
		padding: 0px;
	}
	label{
		font-size: 24px;
	}
	.label_densite{
		font-size: 24px;
	}	
	.plage{
		font-size: 18px;
	}
	input[type=number]	{
		font-size:26px;
		width: 150px;		
	}
	input[type=submit]	{
		font-size: 24px;
	}
	.form_col_1{
		width:400px;
	}
	.form_col_2{
		width:200px;
	}
	#densite_air{
		width:150px;
		height:32px;
		margin-top: 2px;
		padding-bottom: 0px;
		margin-bottom: 4px;
		margin-left:9px;
		margin-right:9px;
		font-size: 28px;		
	}
	.resultat{
		font-size: 28px;
	}
}
/*-----------------------------------------------------------------------------------------------*/
/* Règles CSS spéciales pour PC avec écran intermédiaire*/
@media screen and (min-width: 1000px) and (max-width: 1999px){
	h1
	{
		font-size: 1.4em;
		border-radius: 20px; 
		width: 98%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;		
	}
	.bloc1
	{
		width: 90%;
		margin-top: 20px;	
		margin-bottom: 20px;
		border-radius: 20px; 
		padding: 10px;	
	}
	h2
	{
		font-size: 1.2em;
		margin-top: 12px;
		border-top-left-radius: 24px; 
		border-top-right-radius: 24px; 
		padding: 8px;
	}
	.bloc2
	{
		margin-bottom: 24px;
		border-bottom-left-radius: 24px; 
		border-bottom-right-radius: 24px; 
		padding-top: 6px;
		padding-bottom: 12px;
		padding-left: 6px;
		padding-right: 6px;		
	}
	h3
	{
		font-size: 1.1em  ;
		margin-top: 8px;
		border-top-left-radius: 20px; 
		border-top-right-radius: 20px; 
		padding: 6px;
	}
	.bloc3
	{
		margin-bottom: 20px;
		border-bottom-left-radius: 20px; 
		border-bottom-right-radius: 20px;
	}
	h4
	{
		font-size: 1em;
		margin-top: 5px;
		border-top-left-radius: 10px; 
		border-top-right-radius: 10px; 
		padding: 4px;
	}
	.bloc4
	{
		margin-bottom: 10px;
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px; 
		padding-bottom: 10px;	
	}
	h5, h6
	{
		font-size: 1em;
		padding: 4px;
	}
	p, a
	{
		font-size: 0.9em;
	}
	.liste_puce{
		font-size: 0.9em;
		line-height: 160%;
	}
	.fichier
	{
		font-size: 0.9em;
		margin-top: 4px;
		margin-bottom: 4px;
		padding: 4px;	
	}
	.fichier a
	{
		font-size: 0.9em;
		border-radius: 10px;
		padding: 4px;	
	}
	.liste_clic li{
		font-size: 0.9em;
		padding: 4px;
	}
	.w80{
		width: 96%;
	}
}

/*-----------------------------------------------------------------------------------------------*/