body
{
   width: 90%;
   position: absolute;
   left: 5%;
   margin-top: 20px;
   margin-bottom: 20px;  
   background-color: black;
   color: white;
}
a
{
	 text-decoration: none;
	 color: white;
}
img
{
	border: none;
}
#en-tete
{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100px;
	text-align: center;
	font-size: 55px;
	background-image: url(../pictures/banniere.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#menu
{
 	width: 100%;
 	top: 100px;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	position: absolute;
    z-index:2;
}
#menu li
{
	display: block;
	float: left;
	width: 16.6%;
	text-align: center;
	border-bottom: 1px solid white;
	background: gray;
}
#menu li a
{
	display: block;
	height: 25px;
	color: #FFF;
 	background: gray;
 	margin: 0;
 	padding: 4px 8px;
 	border-right: 1px solid #fff;
 	text-decoration: none;
}
#menu li a:hover 
{ 
	background-color: silver;
}
#menu .sous-menu
{
	visibility: hidden;
/*	display: none; */
	list-style-type: none;
	display: none;
	margin: 0;
 	padding: 0;
}	
#menu li:hover .sous-menu
{
	visibility: visible;
	display: block;
}
#menu .sous-menu li
{
 	float: none;
 	background: gray;
 	width: 100%;
 	border-top: black 1px solid;
 	border-bottom: none;
}
#bas
{
	position: absolute;
	width: 100%;
	top: 125px;
	z-index:1;
	min-height: 400px;
}
#barre-laterale
{
	position: absolute;
	padding-top: 30px;
	height: 100%;
	width: 16.5%;
	text-align: center;
}
#corps
{
   position: absolute;
   left: 16.6%;
   width: 82%;
   padding-top: 10px;
   padding-left: 10px;
   color: #FFF;
   text-align: justify;
   min-height: 100%;
   border-left: 2px solid white;
}
.centre
{
   text-align: center;
}
.horizontal
{
	display: block;
	float: left;
	list-style-type: none;
	width: 30%;
}
#corps h1
{
   color: #FFF;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
    text-align: center;
    color: #C0C6CE;
    text-decoration : underline;
}
#corps h3
{
    text-align: center;
    color: #C0C6CE;
    text-decoration : underline;
}
#corps a
{
	text-decoration : underline;
}
.images
{
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.images a
{
	text-decoration: none;
}
.images td
{
	width: 50%;
	text-align: center;
}
.grandes
{
	padding-top: 20px;
	position: absolute;
	width: 100%;
	text-align: center;
}
.diapo
{
	display: block;
	width: 600px;
}
#calendrier
{
    border-collapse: collapse;
    background-color: white;
    color: black;
}
#calendrier td, th 
{
    border: thin solid black;
    width: 10%;
}
#calendrier th
{
    background-color:silver;
    color=white;
}
}