body {
	font-family: arial;
	font-size:70%;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	background-color:#f5ffff;
}

@media (min-width: 728px) {
    body {
		font-size:110%;
		line-height: 150%;
		min-height:500px;
    }
	.retrait {
		margin-left:30px;
	}
	.retrait2 {
	margin-left:60px;
	}
}

A:link {
	color: #0066cc;
	text-decoration: none;
}
A:visited {
	color: #483D8B;
	text-decoration: none;
}
A:hover {
	color: #900;
	text-decoration: underline;
}
A:active {
	color: #FFA07A;
	text-decoration: none;
}

input {
	font-weight : bold;
}

input[type=submit]:hover {
	background-color:Fuchsia;
	color: White;
	border-radius: 30%;
	padding: 8px;
	font-size:150%;
}

.screencolor {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color :#990000;
	font-weight : bold;
}

.title 	{
	font-size : x-large;
	font-weight : bold;
}
.petit {
	font-size : xx-small;
	font-family : Arial, Helvetica, sans-serif;
}

.moyen{
	font-size: smaller;
	font-family: arial	
}

.arial {
	font-family : Arial, Helvetica, sans-serif;
}