/* ========== Début - Généraux ========== */
:root{
	--couleur-fond: #555566;
	--couleur-texte: #bbb;
	--couleur-texte-lien: #fff;
	--couleur-titre-ombre: #000;
	--couleur-header: #41555e;

	--vitesse-transition-lien: 1s;
	--vitesse-transition-lien-titre: var(--vitesse-transition-lien);
	--vitesses-animation-titre: 1s;
	--couleur-animation-titre-from: rgb(209, 153, 81);
	--couleur-animation-titre-to: rgb(180, 226, 73);
	/*
	--couleur-animation-titre-from: #afa;
	--couleur-animation-titre-to: #aaf;
	*/
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* ========== Fin - Généraux ========== */

/* ==================== Debut - Balises normales ==================== */
body{
	background-color: var(--couleur-fond);
	color: var(--couleur-texte);

	width: 100%;
	height: 100vh;
	position: relative;
}
a:link{
	color: var(--couleur-texte-lien);
	transition: var(--vitesse-transition-lien);
}
a:visited{
	color: var(--couleur-texte-lien);
}
a:hover{
	background-color: var(--couleur-texte);
	color: var(--couleur-fond);
}
/* ==================== Fin - Balises normales ==================== */
header{
	padding: 30px 0;
	background-color: var(--couleur-header);
	text-align: center;
}

h1 {
	animation: animation-titre var(--vitesses-animation-titre) infinite alternate;
	font-size: 60px;
	font-family: 'Roboto';
}

.travaux{
	font-size: 35px;
}

.div1{
	border: 3px solid red;
	/*
	margin-left: 800px;
	margin-right: 800px;
	*/
}

.div2{
	border: 3px solid rgb(8, 238, 84);
	width: 20%;
	margin: auto;
	/*
	margin-left: 800px;
	margin-right: 800px;
	*/
}

.serie{
	font-size: 30px;
	margin: 20px;
	text-decoration: underline;
	text-shadow: 2px 2px 2px silver;
}

ul{
	margin-left: 30px;
}

li{
	font-size: 20px;
	margin: 0 20px;
}

.test1{
	margin: 50px;
	background-color: rgb(104, 44, 44);
	padding: 50px;
}

.test2{
	margin: 50px;
	background-color: rgb(104, 44, 44);
	padding: 50px;
}

/*
header h1{

	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000;
	font-family: 'Fast One', cursive;
	font-family: 'Amatic SC', cursive;

}

ul, ol{ list-style: none; }
a{
	text-decoration: none;
}
table{ width: 100%; }
th{
	font-family: arial, serif;
	padding: 5px;
	font-size: 20px;
}
td{ padding: 5px; }

p{
	font-size: 35px;
	color: #27bb22;
	text-align: center;
	font-family: 'Fast One', cursive;
}
*/


/* ==================== Debut - Animations ==================== */
@keyframes animation-titre{
	from { color: var(--couleur-animation-titre-from); }
	to { color: var(--couleur-animation-titre-to); }
}
/* ==================== Fin - Animations ==================== */