<!--


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, 
ul, li,
table, caption, tbody, tfoot, thead, tr, th, td
{
	padding: 0; margin: 0; border: 0; font: inherit;
}


h1 {font-weight: bold; font-size: 1.25em; text-align:center; margin-top: 1em;}
p {margin-top: 0.75em; margin-bottom: 0.75em; }
ol, ul { list-style: none; }
table {background-color: transparent; }


body
{
	background-color: #A1B3A8;
	margin-top: 5px;
}


#conteneur
{
	width: 1024px; height: 100%;
	margin: auto;
	background-color: transparent;
}
	

#banniere
{
   float: left;
   width: 1024px; height: 90px;
   background-color: transparent;
}

.menu
{
	float: left;
	width: auto; height: 25px;
	padding: 0px; margin-left: 75px;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif; font-size: 1.1em; text-align:center; color:#2222AA;
  }

.menu ul.niveau1 {cursor:pointer;}
.menu li {float: left; display: inline; margin: 0px 10px 0px 10px; font-weight: normal; color: #222299; text-shadow: 0px 0px 1px #222299; }

.menu li:hover .niveau2 {display:block;}
.menu a {color: #222299; text-decoration:none; }
.menu a:hover { color: #CC2222; }

.niveau2 {
	display:none;
	position:absolute;
	margin-top:0px;
	background-color: #A1B3A8;
	border-radius: 0px 0px 15px 15px;
	z-index:99999;
	width:200px;
	padding-bottom: 5px; padding-top: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
}
.niveau2 a {
	display: block;
	font-size: 1em;
	color: #2222AA;
	text-decoration:none;
	margin: 5px;
}
.niveau2 a:hover {color: #CC2222; }


.verslagauche {position: relative; float: left; top: 5px; left: -25px;}
.versladroite {position: relative; float: right; top: 5px; right: -25px;}


.contenu1
{
    float: left;
    width: 964px;
    background-color: #E4FEEF;
    padding-left: 30px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px;
   	border-radius: 20px 20px 20px 20px;
    font-family: Verdana, Arial, sans-serif; font-size: 1.1em; text-align:justify; color:#663300;
}

.contenu1 a {text-decoration: none; color:#222266;}
.contenu1 a:hover {color: #CC2222; cursor:pointer;}
.contenu1 a.ext {font-size: 0.9em; text-decoration: underline; color:#111188;}

.contenu1 li {margin-top: 0.4em; margin-left: 50px; margin-right: 50px; list-style-type: square;  }

.contenu2
{
    float: left;
    width: 964px;
    background-color: #FFFFDD;
    padding-left: 30px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px;
   	border-radius: 20px 20px 20px 20px;
    font-family: Verdana, Arial, sans-serif; font-size: 1.1em; text-align:justify; color:#663300;
}

.contenu2 a {text-decoration: none; color:#383888;}
.contenu2 a:hover {color: #CC2222; cursor:pointer;}
.contenu2 a.ext {font-size: 0.9em; text-decoration: underline; color:#111188;}

.contenu2 li {margin-top: 0.4em; margin-left: 50px; margin-right: 50px; list-style-type: circle; }

   
.pied {
	display: block; float: left; width: 984px;
	font-size: 0.7em; text-align:left; color:#663300;
	}
.pied a {text-decoration: none; color:#2222AA;}

-->