/*
style.css
---------------
par Jéro 
*/
body
{
width:800px;
margin-left:auto;
margin-right:auto;
background-color:#e2f8b1;
font-family: Arial, sanserif, verdana;
color:#214021;
}
header
{
display: block;
background-color: #b3b3b3;
width:640px;
height:120px;
margin-left:80px;
margin-right:80px;
border:1px solid grey;
border-radius:8px;
box-shadow:6px 6px 6px grey;	
}
header h1
{
	color:#ff1515;
	font-family:Comic sans MS;
	text-align:center;
	margin-top:15px;
	text-shadow:2px 4px 6px black ;
	font-size: 2em;
	
}
header h2
{
text-align: center;
margin-top: 0px;
color:#704c60;
font-size: 1em;	
}
h2
{
	font-family: arial,georgia,verdana,trebuchet
}
h2 small
{
	color:red;
}
p
{
font-family: arial, verdana, georgia;
color: #214021;	
}
nav
{
display:inline-block;
width:800px;
text-align: center
	
	
}
nav ul
{
	list-style-type: none;
	
}
nav a
{
font-family: Arial, sanserif, verdana;
font-size:1em;
font-weight: bold;
color:#113366;
padding-right: 12px;	
padding-left: 12px;	
padding-bottom: 2px;
text-decoration: none;
}
nav a:hover
{
	color:#ff4040;
	border-bottom: 2px solid #ee8070;
	background-color: #d9d6a4;
}
aside
{
display: inline-block;
width:720px;
height: auto;
font-size: 0.9em;
color:#dbdbe9;
margin-top:20px;
margin-left:40px;
margin-right:40px;
border: 1px solid grey;
background-color:#969690;	
padding: 10px;	
border-radius:5px;
box-shadow:5px 5px 6px grey;

}
aside p
{
	color:#dbdbe9;
	}


section
{
display:inline-block;
width: 720px;
background-color: #ddffdd;
border: 1px solid grey;
border-radius:8px;
margin-top:20px;
margin-left:40px;
margin-right:40px;
padding: 10px;
box-shadow:6px 6px 6px grey;

}


.liensv a
{
    text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color:blue;
	font-size: 0.8em;
	font-family: Arial;
    color:#cc9930;
    padding-bottom: 2px;

}
.liensv a:hover
{
color:#3099cc;
border-bottom: 2px solid #ee8070;
}

.message1
{
	text-align:center;
	color:blue;
	margin-top:-40px
}

.col1
{
	width:200px;
	height: 30px;font-size: 0.9em;
	border-bottom:1px solid green;
	padding-left:10px;
}
.col2
{
	width:250px;
	height: 30px;
	font-size: 0.9em;
	border-bottom:1px solid green
}
.col3
{
	width:150px;
	height: 30px;font-size: 0.9em;
	border-bottom:1px solid green;
	padding-left:10px;
}
.col4
{
	width:120px;
	height: 30px;
	font-size: 0.9em;
	border-bottom:1px solid green
}

table
{
	border-collapse:collapse;
}

td
{
	text-align:left;
	
	}
th
{
	text-align:left;
	background-color:#bbbbbb;
}
	footer
		{
			display: block;
		font-size:0.8em;
	}
	hr
	{
		width:100%;
		
		}
em
{
	font-weight: bold;
}