#centre {
border:0px solid #202020;
border-bottom:0;
border-top:0;
color:#000;
padding:1.5em;
min-height:500px;
}

#conteneur {
background-color:#fafafa;
margin:1em 10%;
min-width:60em;
position:absolute;
width:80%;
/* all the section below is about rounding the corners */
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
box-shadow: 10px 10px 5px #888888;
border:2px solid;
border-color:#FFF;
border-radius:35px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

#conteneur2 {
background-color:#fafafa;
margin:0% 10% 0% 10%;
min-width:60em;
position:absolute;
width:80%;
}


#haut {
background-color:#202020;
height:2.4em;
max-height:2.4em;
}

#header {
background-color:#3882C7;
border:0px solid #fafafa;
color:#fafafa;
font-size:2em;
height:2.5em;
padding-left:2em;
padding-top:1em;
border-top-left-radius:35px;
border-top-right-radius:35px;
}

#header2 {
background-color:#99CCFF;
border:1px solid #fafafa;
color:#fafafa;
font-size:1em;
height:2.3em;
padding-left:2em;
padding-top:5px;
}

#pied {
border:0px solid #202020;  /* removed the border so it does not show after rounding */
border-top:0;
padding:0.5em 1.5em 0.5em 0em;  /* to move the text to the left a little */
text-align:right;
}

.menuhaut {
font-size:1em;
list-style-type:none;
margin:0;
padding:0;
}

.menuhaut a {
color:#fafafa;
margin:0 0.4em;
text-decoration:none;
}

.menuhaut a:hover {
color:#FF0;
text-decoration:none;
}

.menuhaut li {
border-right:1px solid #fff;
display:inline;
float:left;
margin:0;
padding:0.6em 10px;
}

a {
color:#000;
text-decoration:underline;
}

body {
background-color:#CDCDCD;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

h1 {
font-size:1.6em;
margin:0.5em 0.5em 1em 0;
}

h2 {
font-size:1.2em;
margin:0.8em 0.5em 0.3em 0.6em;
}

h3 {
font-size:1.1em;
margin:0.8em 0.5em 0.3em 0.8em;
}

h4 {
font-size:1em;
margin:0.7em 0.5em 0.3em 1em;
}

h5 {
font-size:0.9em;
margin:0.6em 0.5em 0.2em 1.5em;
}

p {
margin:1px 0.5em 0.5em 1.5em;
font-size: 16px;
font-family: Calibri;
text-align: justify;
text-justify: inter-word;
}



ul#nav, ul#nav ul {
margin: 0;
padding: 0;
list-style: none;
top: auto;
}
ul#nav  li {
position: relative;
float: left;
width:140px;
z-index: 100;
}
#nav li ul {
position: absolute;
margin-left: -999em; /* hide menu from view */
top: auto;
left:0;
z-index: 100;
}
/* Styles for Menu Items */
ul#nav  li a {
display: block;
text-decoration: none;
color: #777;
background: #99CCFF; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
margin-bottom:-1px;
min-height:0
}
/* commented backslash mac hiding hack */
* html ul#nav  li a {height:1%;    position:relative;}
/* end hack */
/* this sets all hovered lists to red */
#nav li:hover a,#nav  li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
color: #fff;
background-color: #3882C7;}
/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
color: #777;
background-color: #99CCFF;
}
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul {margin-left:0;} /* show menu*/