/*zones menus*/

#menu {
height: 35px;
width: 820px;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 200;
}
dl, dt, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dd {
display: none;
}
#menu dl {
float: left;
text-align: center;
width: 164px;
}
#menu dl a {
width: 153px;
line-height: 25px;
font: 1.1em "Letter Gothic";
font-weight: bold;
color: #0033CC;
display: block;
padding-left: 10px;
text-decoration: none;
border: 1px groove #0033FF;
}
#menu dl a:hover {
background: url(../img/bckgmenu.jpg) repeat-x 0 0;
color: #333333;
}
.navig {
font: 1.1em Palatino, "Arial Narrow", Verdana;
height: 20px; 
width: 680px; 
text-align: center;
margin-left: 40px;
}

/*general*/

html {
height: 100%;
}
body {
margin: 0;
height: 100%;
padding: 0;
text-align: center;
background-color: #CCCCCC;
}
.bodyprint {
margin: 0;
height: 100%;
padding: 0;
text-align: center;
background-color: #FFFFFF;
}
a {
text-decoration: none;
}
a span {
display: none;
}
a:hover span {
display: inline;
position: absolute;
text-align: justify;
font-size: 1.2em;
font-style: italic;
font-weight: bold;
color: #000000;
}
a:hover {
text-decoration: underline;
background: none;
color: #6600FF;
}
a:visited {
font-style: italic;
color: #CC3300;
}
div#page {
width: 820px;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
border-left: 2px groove #99CCFF;
border-right: 4px groove #99CCFF;
border-bottom: 4px groove #99CCFF;
background: #F0F8FF;
font: 0.9em Palatino, "Arial Narrow", Verdana;
}
div#pageprint {
width: 80%;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
font: 0.9em Palatino, "Arial Narrow", Verdana;
}
#head1 {
background-color: #D5EAFF;
height: 160px;
}
#headprint {
height: 160px;
text-align: left;
}
.logohead {
float: left;
margin: 0;
}
#centre {
width: auto;
height: auto;
}
#footer {
padding-right: 30px;
text-align: center;
height: 100%;
font: 0.8em Palatino, "Arial Narrow", Verdana;
}

/*texte*/

h1 {
font: 1em Palatino, "Arial Narrow", Verdana;
border-bottom: 1px groove #0000FF;
color: #0099FF;
font-weight: bold;
text-decoration: underline;
}
h2 {
font: 1em Palatino, "Arial Narrow", Verdana;
color: #0099FF;
text-align: left;
text-decoration: underline;
}
h3 {
font: 1.2em Palatino, "Arial Narrow", Verdana;
color: #0099FF;
}
h4 {
font: 1.5em Palatino, "Arial Narrow", Verdana;
color: #0099FF;
font-weight: bold;
}
.txtzone {
font-weight: bold;
height: auto;
color: #0033FF;
text-decoration: none;
}
#txtdef {
position: absolute;
font: 0.8em Modern, "Comic Sans MS", "Trebuchet MS";
color: #000000;
text-align: justify;
left: 10px;
top: 361px;
width: 180px;
height: auto;
}

/*boxes*/
#acrobat {
position: absolute; 
left: 14px; 
top: 2155px; 
width: 728px; 
height: 39px;
}
#box {
position: relative;
left: 0;
}
#date {
float:left;
width: 152px;
height: 30px;
margin-left: 5px;
padding: 2px;
font:0.8em Modern, "Comic Sans MS", "Trebuchet MS";
text-align: left;
}
#search {
float: right;
width: 102px;
height: 30px;
margin: 0;
padding: 2px;
font: 0.8em Modern, "Comic Sans MS", "Trebuchet MS";
text-align: left;
}
#plan1 {
float: left;
width: 486px;
height: 30px;
margin: 0;
padding: 2px 2px 2px 2px;
font: 0.8em Modern, "Comic Sans MS", "Trebuchet MS";
}
#plan {
float: right;
padding-top: 2px;
margin: 0;
font: 0.9em Modern, "Comic Sans MS", "Trebuchet MS";
}
#doc {
float: left;
padding-top: 2px;
margin: 0;
font: 1.1em Modern, "Comic Sans MS", "Trebuchet MS";
}
/*plan*/

#titreplan {
font: 4.5em "Letter Gothic";
color: #CC0000;
position: absolute;
border-bottom: 2px groove #CC0000;
left: 208px;
top: 346px;
}
#titreplanen {
font: 4.5em "Letter Gothic";
color: #CC0000;
position: absolute;
border-bottom: 2px groove #CC0000;
left: 265px;
top: 346px;
}