@charset "utf-8";
/* lien général*/
a{
	line-height: 2.3;
    margin: 0px 10px;
	padding: 10px;
    text-decoration: none;
    color: rgba(90,90,90,1.00);
	font-weight:bold;
	border: 0px;
	transition-duration: 1s;
	}
 a:hover{
	font-weight:bold;
	color: rgba(255,255,255,1.00);
	background-color:rgba(32,94,146,1.00);
	transition-duration: 1s;
	}
input{
   	color: rgba(90,90,90,1.00);
	font-weight:bold;
	border:solid 1px;
	}
input:hover{
	font-weight:bold;
	color: rgba(255,255,255,1.00);
	background-color:rgba(32,94,146,1);
	transition-duration: 1s;
	}
.score {
  width: 45px;
}

/* pour page d'index*/

iframe{
	border:0px;
	padding: 0px;
	}
.cadre{
	margin: 0px;
	padding: 0px;
	background-color:rgb(243,243,238); 
	}
h1{
	text-align:center;
	color:rgba(32,94,146,1);
}
/* proportion menu saisie en fonction de la taille de l'ecran */
/* largeur superieure à  1500 px*/
#menu{
	background-color: rgb(255,255,255);
	padding-top: 0px;
	height: 20%;
	min-height: 190px;
	}
#saisie{
	height:78%;
	}
 /* ecran dont la largeur ne depasse pas 1500 pixels (minimum pour afficher le menu sur une seule ligne)*/
@media only screen and (max-width: 1500px){
#menu{
	background-color: rgb(255,255,255);
	padding-top: 0px;
	height:30%;
	}
h1{
font-size: 1em;	
}
}

/* pour page info*/
strong{
	color:rgb(255,0,0);
}

h2{
	color:rgba(32,94,146,1);
}
body{
	padding-left: 10px;
}
ol li{
	line-height: 1.75;
	font-weight: bold;
}
/*pour encadrer les groupes de cathégorie*/
#nombre {
    border: 3px solid;
	padding: 10px;
    margin: 10px;
  	background-color:rgba(32,94,146,1);
	max-width: 800px;
	/*premet de maintenir les div à l'interieur*/
	display: flex;
	/* permet le retour à la ligne si les div internes depassent la largeur*/
	flex-wrap: wrap;
	/* repartition regulière entre chaque éléments*/
	justify-content: space-evenly;
	}
#jeune {
    border: 3px solid;
	/*border-radius: 10px;*/
    padding: 10px;
    margin: 10px;
  	background-color:rgba(32,94,146,1);
	max-width: 1000px;
	/*premet de maintenir les div à l'interieur*/
	display: flex;
	/* permet le retour à la ligne si les div internes depassent la largeur*/
	flex-wrap: wrap;
	/* repartition regulière entre chque éléments*/
	justify-content: space-evenly;
	}
#classique {
    border: 3px solid;
	padding: 10px;
    margin: 10px;
  	background-color:rgba(32,94,146,1);
	max-width: 1400px;
	/*premet de maintenir les div à l'interieur*/
	display: flex;
	/* permet le retour à la ligne si les div internes depassent la largeur*/
	flex-wrap: wrap;
	/* repartition regulière entre chque éléments*/
	justify-content: space-evenly;
	}
#poulie {
    border: 3px solid;
	padding: 10px;
    margin: 10px;
  	background-color:rgba(32,94,146,1);
	max-width: 500px;
	/*premet de maintenir les div à l'interieur*/
	display: flex;
	/* permet le retour à la ligne si les div internes depassent la largeur*/
	flex-wrap: wrap;
	/* repartition regulière entre chaque éléments*/
	justify-content: space-evenly;
	}
#arbitres {
    border: 2px solid;
	padding: 10px;
    margin: 10px;
  	background-color:rgba(32,94,146,1);
	max-width: 300px;
	/*premet de maintenir les div à l'interieur*/
	display: flex;
	/* permet le retour à la ligne si les div internes depassent la largeur*/
	flex-wrap: wrap;
	/* repartition regulière entre chaque éléments*/
	justify-content: space-evenly;
	}
/* pour délimiter cathégories*/
.cath {
    border: 2px solid;
	padding: 10px;
    margin: 10px;
	min-width: 150px;
	float:left;
    background-color:rgba(255,255,255,1);
	text-align: center;
}

	

/*pour bouton formulaire*/
.espace {
    margin: 5px 5px 5px 20px;
}