/*
style.css
---------------
par Jéro 
*/
body
{
width:840px;
margin-left:auto;
margin-right:auto;
background-color:#e2f8b1;
font-family: Arial, sanserif, verdana;
color:#214021;
}
header
{
display: block;
background-color: #b3b3b3;
width:680px;
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;
	text-align:center;
}
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;
}

section
{
display:inline-block;
width: 800px;
background-color: #ddffdd;
border: 1px solid grey;
border-radius:8px;
margin-top:10px;
margin-left:40px;
padding-left: 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;
}

.pform
{
	
color:blue;
}
	

.col1
{
	width:200px;
	height: 30px;font-size: 0.9em;
	border-bottom:1px solid green;
	padding-left:10px;
}
.col2
{
	width:600px;
	height: 30px;
	font-size: 0.9em;
	border-bottom:1px solid green
}
aside
{
display: inline-block;
width:200px;
height: auto;
margin-top:10px;
margin-left:40px;
font-size: 0.9em;
color:#dbdbe9;
border: 1px solid grey;
background-color:#773060;	
padding: 15px;	
border-radius:6px;
box-shadow:5px 5px 6px grey;	
	
}
aside a
	{
		text-decoration:none;
	color:#cccc80;
		}
aside a:hover
{
	color:#ff4040;
	background-color: #d9d6a4;
	
}

article
{
width:400px;
display: inline-block;	
margin-left: 350px;
margin-top : -80px;
	text-align: center;
border: 1px solid grey;
background-color:#eeee99;	
padding: 10px;	
border-radius:6px;
}
article img
{
	
width:380px;

	
}	
.affiche1
{
display: block;
width:320px;
text-align:center;
color: blue;
margin-left:15px;
margin-top:-300px;	
font-size: 0.8em;
}
.affiche1 img
{
width: 300px;
	
}

.musique
{
display: block;
width:720px;
text-align:left;
margin-left:30px;
margin-top:0px;	
	
border: 1px solid grey;
padding: 10px;	
border-radius:6px;
font-size: 0.8em;
}
.musique img
{
width:320px;
margin-left:20px;	
}

.jeux
{
display: block;
width:720px;
text-align:left;
margin-left:30px;
margin-top:0px;	
	
border: 1px solid grey;
padding: 10px;	
border-radius:6px;
font-size: 0.8em;	
	
}
.jeux img
{
	width:320px;
	margin-left:20px;
}

table
{
	border-collapse:collapse;
}

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