/*Le général*/
@font-face {/*Mise en place de la police*/
	font-family: 'Mapolice';
	src: url('Action_Man.ttf');
}
body{
	text-align: center;
	font-family: 'Mapolice',"Comic Sans MS", Arial;
	background-image: url(des.jpg);
	background-attachment: fixed;
	background-size: cover;
}
/*La mise en forme des titres*/
h1{
	font-size: 5.2em;
	font-weight: normal;
	text-decoration: underline;
	color: crimson;
}
h2{
	color: red;
	text-decoration: underline;
	font-size: 3em;
	font-weight: normal;
}
h3 {
	text-decoration: underline;
	font-size: 1.25em;
	font-size: normal;
	color:red;
}
/*La mise en forme des sections en général*/
form, .annexe {
	border: 6px solid blue;
	border-radius: 40px;
	box-shadow: 20px 20px 6px black;
	background-color: rgba(255,255,255,0.75);
	color: black;
	width: 75%;
	margin-left: 12.5%;
}
#afficher{
	border: 2px solid green;
	border-radius: 40px;
	box-shadow: 20px 20px 6px black;
	background-color: rgba(194,228,240,0.75);
	color: black;
	padding: 5px;
	margin: 100px;
}
/*Mise en place de les section de durée (dans le forum)*/
#choixN1, #choixN2{
	border: 1px solid black;
	border-radius: 80px;
	padding: 20px;
}
#radio, #number{
	margin: 2%;
	border: 1px dotted black;
	border-radius: 10px;
}
#choixduree{
	display: flex;
	justify-content: space-around;
}
/*Ce qui est en haut et en bas*/
header{
	border: 1px solid black;
	background-color: white;
	position: fixed;
	top : 3px;
	left: 3px;
	padding: 5px
}
footer{
	border: 1px solid black;
	background-color: white;
	position: fixed;
	bottom: 3px;
	right: 3px;
	padding: 5px
}
/*Mise en forme des bouttons*/
#boutton, #reset{
	font-size: 1.2em;
}
#boutton{
	color: green;
}
#reset{
	color: orangered;
}
/*La mise en forme des liens*/
a{
	color: green;
}
.annexe a{
	font-size: 1.5em;
}
a:hover{/*Si le lien a la souris dessus (a comme équivalent onmouseover en JS*/
	color:navy;
}
a:visited{
	color:maroon;
}
#liennormal{
	color:black;
	font-size: 1em;
}
#res, strong{
	font-size: 1.5em;
	color: red;
	text-decoration: underline;
	font-weight: normal;
}