body {margin: 0; padding:0; font-family:arial,verdana,sans-serif; position: absolute; width: 100%; height: 100%;overflow:hidden}

img{border:0;width:100%}
A {text-decoration: none;}
ul {margin:0; border:0; padding:0; list-style-type:none}
li {margin:0; border:0; padding:0; list-style-type:none}
table {width:100%; vertical-align:top; text-align: center; font-weight:normal}

#menu {
position: absolute;
background-color:#FF9B57;
margin: 0;
top:10%;
left: 0%;
width: 10%;
height: 90%;
overflow: hidden;
font-size:1em;
}

#gmenu {
position: absolute;
top:10%;
left: 0%;
width: 100%;
height: 100%;
overflow: hidden;
}
    H1 {margin-left: 10em; margin-top: 1em; margin-bottom: 1em; font-size:1.5em;font-weight:bold;color:#FF0000; text-align: left}
    ul.menu {margin:5% 0 0 0; border:0; padding:0}
    li.menu {margin:5% 0 0 5%; border:0; padding:0}
    li.menusel {margin:5% 0 0 5%; border:0; padding:0}
    ul.smenu{margin:0; border:0; padding:0 0 0 5%}
    li.smenu {margin:0 0 0 5%; border:0; padding:0}
    li.smenusel {margin:5% 0 0 5%; border:0; padding:0}
    ul.ssmenu {margin:0 0 0 10%; border:0; padding:0}
    li.ssmenu {margin:0 0 0 10%; border:0; padding:0; list-style-type:square; list-style-position:inside}
    li.ssmenusel {margin:0 0 0 0%; border:0; padding:0; list-style-type:square; list-style-position:inside}
    .menu {vertical-align:middle; text-decoration:none; text-align: left; font-size:0.9em; font-weight:bold; color:#CA5258}
    .smenu {vertical-align:middle; text-decoration:none; text-align: left; font-size:1em; font-weight:normal; font-style:italic; color:#B65B26}
    .ssmenu {vertical-align:middle; text-decoration:none; text-align: left; font-size:1em; font-weight:normal; font-style:italic; color:#808080}
    .menusel {vertical-align:middle; text-decoration:none; text-align: left; font-size:1em; font-weight:bold; color:#9B0000}
    .smenusel {vertical-align:middle; text-decoration:none; text-align: left; font-size:1em; font-weight:bold; font-style:italic; color:#9B0000}
    .ssmenusel {vertical-align:middle; text-decoration:none; text-align: left; font-size:1em; font-weight:bold; font-style:italic; color:#9B0000}

#menucarte{
position: absolute;
background-color:transparent;
margin: 0;
top:5%;
left: 5%;
width: 85%;
visibility: visible;
}

#corps {
position: absolute;
background: url(images/fond_corps.png) repeat-y;
background-color:#FFF2D0;
margin: 0;
top:10%;
left: 10%;
width: 90%;
height: 90%;
visibility:visible;
overflow: hidden;
}

#applet {
    position: absolute;
    top:5%;
    left:5%;
    height: 90%;
    width: 90%;
}

#texte {
position: absolute;
background: url(images/fond_corps.png) repeat-y;
background-color:#FFF2D0;
margin:0;
padding:1%;
top:10%;
left: 10%;
width: 90%;
height: 90%;
visibility:hidden;
overflow-x: hidden;
overflow-y: auto;
}

#texte H1{}
#texte li{list-style-type:disc; list-style-position:inside;margin-left:5%}


#entete {
position: absolute;
background: url(images/img05.gif) repeat-x left bottom;
background-color:#0FB3FF;
font-size: 1.2em;
font-weight: bold;
font-style:normal;
text-align:center;
margin: 0;
top:0%;
left: 10%;
width: 100%;
height: 10%;
overflow: hidden;
}

#acad {
position: absolute;
background: url(images/img05.gif) repeat-x left bottom;
background-color:#0FB3FF;
margin: 0;
top:0%;
left: 0%;
width: 10%;
height: 10%;
overflow: hidden;
}
#acad img{width:40%}

#droit{position: absolute;top:10%;right:2%;width: 46%;visibility:visible}
#gauche{position: absolute;top:15%;left:2%;width: 46%;}