@font-face
ul
	{
		padding : 0; /* pas de marge intérieure */
		margin : 0; /* ni extérieure */	
		list-style : none; /* on supprime le style par défaut de la liste */
		line-height : 20px; /* on définit une hauteur pour chaque élément */
		text-align : center; /* on centre le texte qui se trouve dans la liste */
	}
ul /* Ensemble du menu */
	{
		font-weight : bold; /* on met le texte en gras */
		font-family: 'CalligraffitiRegular', Arial, serif;
		font-size : 14px; /* hauteur du texte : 14 pixels */
		text-transform: uppercase;
	}
a
	{
		text-decoration: none;
	}
ul a /* Contenu des listes */
	{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
		background-color: rgb(140,240,90);
		color:rgb(49,49,49);
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	}
ul a:hover /* Lorsque la souris passe sur un des liens */    
	{
        color: #000; /* On passe le texte en noir... */
       	background-color: rgb(250,240,90); /* ... et au contraire, le fond en jaune */
	}
.menu
	{
		text-align: center;
		position: relative;
	}
.menu li
	{
		display: inline-block;
	}

.sous-menu
	{
		border: 3px solid red;
		display: none;
		/* position */
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
	}
.sous-menu li
	{
		display: inline-block;
	}
/* on affiche le menu au survol */
.menu li:hover .sous-menu
	{
		display: block;
	}
	/* Texte défilant */



body
	{
		background:  url("../images/fond.jpg");
	}
header
	{
		height:3%;
		position :absolute; top:0 ;
		text-align: center;
		width: 99%;
	}
header h1
	{
		vertical-align : top;
		font-size: 1.6em;
		font-weight: normal;
		font-family: 'CalligraffitiRegular', Arial, serif;
		text-transform: uppercase;
		Line-Height: 0.10;
		text-align: center;
	}
nav
	{
		height:2%;
		position :absolute; button:0 ;
		text-align: center;
		width: 99%;
	}
mark
	{
		background-color: rgb(255,220,250);
	}
article p
	{
		text-align: center;
		Line-Height: 28px;
		font-size: 24px;
		color: blue;
		padding-left: 10px;
	}
article mark
	{
		text-align: left;
		text-transform: uppercase;
		font-size: 21px;
		Line-Height: 30px;
	}	
article h4
	{
		text-align: left;
		Line-Height: 20px;
		font-size: 18px;
		color: blue;
	}
article strong
	{
		color: red;
		font-weight: bold;
		Font-style: italic;
	}
input[type=submit]
	{
		width:220px;
		height: 25px;
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
		box-shadow:1px 1px 1px #D83F3D;
		cursor:pointer;
		background-color: rgb(120,120,220);
		color:rgb(220,240,20);
	}
input[type=button]
	{
		width 80px;
		height: 16px;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
		cursor:pointer;
		margin:60px 6;
		background-color: rgb(120,240,20);
		color:rgb(120,120,120);
	}
input[type=file]
	{
		width:400px;
		height: 20px;
		font-size: 16px;
		text-transform: uppercase;
		text-align: center;
		box-shadow:1px 1px 1px #D83F3D;
		cursor:pointer;
		background-color: rgb(190,190,190);
		color:rgb(30,30,30);
	}
section
	{
		position: absolute ;left:5px;top: 8%;
		width:42%;
		height: 86%;
		text-align: center;
		border: 1px solid black;
		overflow: auto;
		font-size: 1.2em;
		background-color: rgb(250,250,240);
	}
aside
	{
		position: absolute ;right:5px;top: 8%;
		width:57%;
		height: 86%;
		text-align: justify;
		border: 1px solid black;
		overflow: auto;
		font-size: 1.2em;
		background-color: rgb(250,250,240);
	}
h3
	{
		vertical-align : top;
		font-size: 1.1em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		text-transform: uppercase;
		color: rgb(200,60,60);
	}
h2
	{
		vertical-align : top;
		font-size: 1.1em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		text-transform: uppercase;
		color: BLUE;
	}
aside h3
	{
		vertical-align : top;
		font-size: 0.9em;
		font-family: Arial, serif;
		text-transform: uppercase;
		color: rgb(100,60,60);
	}	
h3 em
	{
		font-size: 0.7em;
		font-family:  Arial, serif;
		text-transform: lowercase;
		color: rgb(200,200,200);
	}
section article
	{
		border: 1px solid black;
		margin: 2%;    
		min-height: 12%;
		text-align : center;
		line-height : 0.1;
	}
article
	{
		border: 1px solid black;
		margin: 2%;    
		min-height: 14%;
		text-align : center;
		line-height :1;
	}
h5 em
	{
		text-transform: lowercase;
		vertical-align: middle;
	}
h5 strong
	{
		vertical-align: middle;
	}
h5
	{
		font-size: 1.5em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		text-transform: uppercase;
		font-weight: normal;
		background-color: rgb(210,210,210);
		color: rgb(36,36,36);
		Line-Height: 25px;
		padding: 0px;
		margin : 15px;
	}
section th
	{
		font-size: 0.8em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		font-weight: normal;
		background-color: rgb(170,170,170);
		color: rgb(36,36,36);
	}
section td
	{
		font-size: 1.1em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		font-weight: normal;
		background-color: rgb(270,270,270);
		color: rgb(36,36,36);
	}	
section caption
	{
		font-size: 1.1em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		text-transform: uppercase;
		font-weight: normal;
		background-color: rgb(170,170,170);
		color: rgb(36,36,36);
	}	
section td em
	{
		font-size: 1.1em;
		font-family: 'CalligraffitiRegular', Arial, serif;
		text-transform: uppercase;
		font-weight: normal;
		background-color: rgb(270,270,270);
		color: rgb(154,154,36);
	}		
.imageflottante
	{
	float: left;
	}
.imageflottante2
	{
	float: right;
	}
.championnat
	{
		background-color: rgb(180,220,210);
		color:  rgb(30,30,30);
	}
#titre_principal
	{
		display: inline-block;
	}
footer
	{
		position: absolute; bottom:1px;
		font-size:0.3em;
		width:100%:
				height: 5%;
	}
p em
	{
		color:  rgb(110,120,120);
		font-size:1.5em;
	}
.text_form  
	{
	font-size: 1.1em;
    height:40px;
    width:65%;
	}
.textarea_form  
	{
	font-size: 1.5em;
    height:240px;
    width:65%;
	}
.ligne_espace
	{
	 border-collapse : separate;
	 border-spacing : 150px;
	}
table
	{
		 border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	}
td
	{
		 border: 1px solid black;
	}
table h3
	{
		vertical-align : top;
		font-size: 0.5em;
		font-family:  Arial, serif;
		color: rgb(60,150,60);
	}

#conteneur
	{
		display: flex;
		justify-content: space-around;
	}
	
	table {
    width: 100%;
    border-collapse: collapse;
}

td {
    border: none;           /* pas de traits verticaux */
    padding: 6px;
}

.ligne-joueur {
    border-bottom: 1px solid #ccc;  /* séparation entre joueurs */
}

.nom {
    font-weight: bold;
    color: blue;
    width: 35%;
}

.position {
    width: 8%;
    text-align: center;
}

.repas {
    width: 7%;
    text-align: center;
}