body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 15px 10px;
padding: 0;
background-color:#F9F9F9;
}
#header {
height: 160px;
background-color: #F9F9F9;
}

#haut {
height: 30px;
background-color:#F9F9F9;
width: 100%;
text-align: center;
font-size: 1.0em;
font-weight: bold;
color: blue;
padding: 10px;
}

#haut a {
margin: 0 2px;
color: #FF0000;
text-decoration: underline;
font-weight: normal;

}

#haut a:hover {
text-decoration: none;
}

#conteneur {
position: absolute;
width: 100%;
background-color:#F9F9F9;
}

/************** Le menu Haut ***************************************
#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #339900;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color:#CC0033;
text-decoration: none;
}
*/
/************************ Le Menu Droit *******************************/
#navcontainer2 { width: 100px; }

#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 a
{
display: block;
padding: 3px;
width: 100px;
background-color: #339900;
border-bottom: 1px solid #eee;
}

#navcontainer2 a:link, #navlist2 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #CC0033;
color: #fff;
}




#centre {
background-color: #F9F9F9;
margin-left: 150px;
margin-right: 150px;
}
#centre img {
    border: none;
    float: right;
    }
#centrecolo {
background-color:#F9F9F9;
margin-left: 120px;
margin-right: 40px;
}
#centrecolo img {
    border: none;
    float: right;
    }	
/******************test*/

dl.gallery
{

width: 72px;
text-align: center;
padding: 0px;
float: left;
margin-right: 1em;
}

.gallery dt 
{ 
font-weight: normal;
}

.gallery dt img
{
border: 1px solid #000 ;
width: 72px;
height: 67px
}



/**********************Galerie n°1	*********************/
div#galerie1
{
	width: 460px ;
	height: 100px;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 5px ;
	padding-right: 5px;
	margin: 5px 5px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}
div#galerie1 a img
{
	border: 1px solid #dcb ;
}
	

/**********************Galerie n°2	*********************/
div#galerie2
{
	width: 470px ;
	height: 140px;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 5px ;
	padding-right: 5px;
	margin: 5px 5px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}
div#galerie2 a img
{
	border: 1px solid #dcb ;
}

/**********************Galerie n°3	*********************/
div#galerie3
{
	width: 470px ;
	height: 140px;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 5px ;
	padding-right: 5px;
	margin: 5px 5px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}
div#galerie3 a img
{
	border: 1px solid #dcb ;
}

/**********************Galerie n°4	*********************/
div#galerie4
{
	width: 470px ;
	height: 140px;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 5px ;
	padding-right: 5px;
	margin: 5px 5px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}
div#galerie4 a img
{
	border: 1px solid #dcb ;
}

#gauche {
position: absolute;
left: 0;
width: 150px;

}
#droite {
position: absolute;
right:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #F9F9F9;
color: #FF0000;
font-weight: normal;
}
#pied a {
margin: 0 2px;
color: #FF0000;
text-decoration: underline;
font-weight: normal;
}

#pied a:hover {
text-decoration: none;
}
#pied a img {
    border: none;
    float: left;
	}



.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;

}

.menuhaut a {
margin: 0 2px;
color: #FFFF00;
text-decoration: underline;
font-weight: bold;
word-spacing:15px
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
a {
margin: 0 2px;
color: red;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}

p {margin: 0 0 10px 0;}

.pos1 {
    position: absolute;
    z-index:2;
    Top: 102px;
    Left: 5px;
    color: red;
font-size: large;
}
.pos2 {
    position: absolute;
    z-index:1;
    Top: 104px;
    Left: 6px;
    color: yellow;
    font-size: large;
}


a img {
    border: none;
    float: right;
    }

applet {
border: solid 12px #990000;
width: 420px;
height: 350px;
text-align: center;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #FF6600;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #FF9966;
text-decoration: none;
}

/*niveau 2*/

ul#navlist21
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist21 li
{
display: inline;
list-style-type: none;
}

#navlist21 a { padding: 3px 10px; }

#navlist21 a:link, #navlist21 a:visited
{
color: #FF6600;
background-color: #FFFF00;
text-decoration: none;
}

#navlist21 a:hover
{
color: #FF6600;
background-color: #FFFF99;
text-decoration: none;
}

/*niveau 3*/

ul#navlist3
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist3 li
{
display: inline;
list-style-type: none;
}

#navlist3 a { padding: 3px 10px; }

#navlist3 a:link, #navlist3 a:visited
{
color: #fff;
background-color: #009900;
text-decoration: none;
}

#navlist3 a:hover
{
color: #fff;
background-color: #00CC00;
text-decoration: none;
}

/*niveau 4*/

ul#navlist4
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist4 li
{
display: inline;
list-style-type: none;
}

#navlist4 a { padding: 3px 10px; }

#navlist4 a:link, #navlist4 a:visited
{
color: #fff;
background-color: #009900;
text-decoration: none;
}

#navlist4 a:hover
{
color: #fff;
background-color: #00CC00;
text-decoration: none;
}

/*niveau 5*/

ul#navlist5
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist5 li
{
display: inline;
list-style-type: none;
}

#navlist5 a { padding: 3px 10px; }

#navlist5 a:link, #navlist5 a:visited
{
color: #fff;
background-color: #009900;
text-decoration: none;
}

#navlist5 a:hover
{
color: #fff;
background-color: #00CC00;
text-decoration: none;
}