body {
font-size:105%;
padding : 20px 0px 20px 0px;
behavior:url("csshover.htc");
background-image : url("img/fond2.jpg");
background-attachment : fixed;
text-align: center;
}
h1 {
text-align : center;
font-size : 2.3em;
color : #5577bb;
}
h2 {
text-align : center;
font-size : 1.5em;
}
h3 {
text-align : left;
font-size : 1em;
text-decoration:underline;
font-weight:bold;
}
h4 {
text-align : center;
font-size : 1em;
text-align : center;
font-weight : bold;
}
div#header {
background-image : url("img/fond3.jpg");
text-align : center;
font-family : verdana;
font-size : 80%;
font-weight : bold;
float : none;
width : 100%;
border : 2px solid white;
margin : 0 auto;
max-height : 100px;
}
div#menu {
text-align : center;
font-family : verdana;
font-size : 0.9em;
font-weight : bold;
float : left;
width : 20%;
margin : 1em auto;
padding-bottom : 0;
padding-right : 0;
border : 0 solid black;
}
div#menu a {
color : #3355cc;
}


div#menu ul {
padding : 0;
width : 140px;
border : 1px solid;
margin : 0;
background : #8899cc;
text-align : left;
}

div#menu li:hover {
background : #aaddee;
}
div#menu li.sousmenu:hover {
background : #aaddee;
background : url("img/fleche.jpg") no-repeat 100% 100%;
}
div#menu li.sousmenu {

}
div#menu ul li {
position : relative;
list-style : none;
border-bottom : 1px solid black;
}
div#menu ul ul {
position : absolute;
top : -1px;
left : 100px;
display:none;
}
div#menu li a {
text-decoration : none;
padding : 4px 0 10px 8px;
display : block;
/*border-left : 8px solid #eee;*/
width : 84px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2
{ 
display : block;
margin-left : 37px;
}
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display : block;
margin-left : 37px;
}
div#menu li a:hover {
text-decoration:underline;
}
div#menu ul ul li a:hover {
text-decoration:underline;
}
div#menu ul ul ul li a:hover {
text-decoration:underline;
}
div#corps {
text-align : left;
color : #000044;
font-family : verdana;
font-size : 0.9em;
font-weight : normal;
margin-left : 21%;
margin-top : 1em;
margin-bottom : 30em;
padding-bottom : 1em;
padding-left : 2em;
border : 2px solid white;
background-color : #aabbcc;
}
.sousPartie {
border-top-width : medium;
border-top-style : none;
border-bottom-width : medium;
border-bottom-style : none;
padding : 2em 2em 2em 2em;
width : 80%;
margin : 2em 2em 2em 2em;
border : 1px dashed black;
}
div#footer {
text-align : center;
font-family : lucida sens;
font-size : 8pt;
float : none;
font-weight : bold;
width : 90%;
border : 1px dashed black;
margin : 0 auto;
padding : 1em 1em 1em 1em;
background-color : #aabbcc;
clear : both;
}
p {
margin-top : 1em;
margin-bottom : 1em;
margin-left : 0;
margin-right : 0;
}
div#bord {
border-top-width : medium;
border-top-style : none;
border-bottom-width : medium;
border-bottom-style : none;
width : 80%;
margin : 0 auto;
}
.list {
text-align : center;
font-family : verdana;
font-size : 0.9em;
font-weight : bold;
}
div#corps ul {
text-align : left;
list-style : circle;
}
div#corps ul ul{
text-align : left;
list-style : square;
}
.item {
border : 2px solid black;
margin : 1em 1em 1em 1em;
background-color : #0066ff;
}
.item a:hover {
color : white;
}
div#corps a:link {
color : #3355ff;
}
div#corps a:visited {
color : #3355ff;
}
div#corps a:hover {
color : #22ccff;
}