body {
background-color:#496F94;
}
html, body{height:100%;} 
/* end hack */ 

#container
{
width: 990px;
background-color: #fff;
color: #333;
padding:3px;
margin:0px auto;
border:1px solid black;

}

#top{
padding: .5em;
background-color:#EFEFEF;
background: url(../graphics/bggray.jpg) bottom left repeat;
border-color:#464646;
border-style:double;
border-width:1px;


}
    #hh03{float:left; margin-left:5px; margin-top:0px}
	#hh04{float:right; margin-right:5px; margin-top:0px}

#top h1
{text-align:center;
color:#26404F;
padding: 0;
margin: 0;
font-style:normal;
text-decoration:none;
border:0;
}

#leftnav
{
position:relative;/*ie needs this to show float */
float: left;
width: 150px;
margin: 0;
padding: 5px ;
text-align:left;
font-size:80%;

}

#content
{
padding:5px;
float:left;
text-align:left;
width: 640px;

}

#footer
{
clear: both;
margin: 0;
padding: .5em;
font-size:80%;
color:#333333;
background: url(../graphics/bggray.jpg) bottom left repeat;
border-top: 1px solid gray;
}
#footer2
{
clear: both;
margin: 0;
font-size:80%;
color:#FFFFFF;
}
a.lienfooter2 {color:#FFFFFF; }
a.lienfooter2:hover {color:#FFFFFF; }
   
#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.formulaire {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 99%;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.formulaire h1 {
display: block; 
background-color:#FFED33;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #CC0000;
color:#CC0000;
margin: 0px;
width: 100%;
text-align:center;
}

.vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 147px;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.vertmenu h1 {
display: block; 
background-color:#FFED33;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #CC0000;
color:#CC0000;
margin: 0px;
width: 100%;
text-align:center;
}

.vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.vertmenu ul li {
margin: 0px;
padding: 0px;
}
.vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #6AB511;
width: 100%;
}

.vertmenu ul li a:hover, .vertmenu ul li a:focus {
color:#FFFFFF;
background-color:#AEDA7B;
}

.bleumenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 147px;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.bleumenu h1 {
display: block; 
background-color:#FFED33;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #CC0000;
color:#CC0000;
margin: 0px;
width: 100%;
text-align:center;
}

.bleumenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.bleumenu ul li {
margin: 0px;
padding: 0px;
}
.bleumenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #0F3EE2;
width: 100%;
}

.bleumenu ul li a:hover, .bleumenu ul li a:focus {
color:#FFFFFF;
background-color:#8EB1F5;
}

.violetmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 147px;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.violetmenu h1 {
display: block; 
background-color:#FFED33;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #CC0000;
color:#CC0000;
margin: 0px;
width: 100%;
text-align:center;
}

.violetmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.violetmenu ul li {
margin: 0px;
padding: 0px;
}
.violetmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #9819E6;
width: 100%;
}

.violetmenu ul li a:hover, .violetmenu ul li a:focus {
color:#FFFFFF;
background-color:#AE63F1;
}

.orangemenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 147px;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.orangemenu h1 {
display: block; 
background-color:#FFED33;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #CC0000;
color:#CC0000;
margin: 0px;
width: 100%;
text-align:center;
}

.orangemenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.orangemenu ul li {
margin: 0px;
padding: 0px;
}
.orangemenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #E48F18;
width: 100%;
}

.orangemenu ul li a:hover, .orangemenu ul li a:focus {
color:#FFFFFF;
background-color:#F3B471;
}

.rougemenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 147px;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.rougemenu h1 {
display: block; 
background-color:#FFED33;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #CC0000;
color:#CC0000;
margin: 0px;
width: 100%;
text-align:center;
}

.rougemenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.rougemenu ul li {
margin: 0px;
padding: 0px;
}
.rougemenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #E41857;
width: 100%;
}

.rougemenu ul li a:hover, .rougemenu ul li a:focus {
color:#FFFFFF;
background-color:#F270A0;
}


#right-column{
position:relative;/*ie needs this to show float */
margin: 0;
padding: 5px;
text-align:left;
font-size:80%;
width:150px;
float:right;
}