html, body {
height: 100%;
margin: 0;
padding: 0;
background-color: #fff;
font: 100% georgia,"trebuchet ms",geneva,arial,sans-serif;
text-align: justify;
color: #410;
}

.nocss {
display: none;
}

p {
font-size: 1em;
margin-bottom: .7em;
}

img {
border: 0;
}

a:link {color: #b74; text-decoration : none;}
a:visited {color: #b74; text-decoration : none;}
a:active {color: #930;}
a:hover {color: #943; text-decoration: none;}

a.i:link {color: #a86}
a.i:visited {color: #a86; text-decoration: none;}
a.i:active {color: #930}
a.i:hover {color: #000; text-decoration: none}

#tete {
width: 100%;
height: 120px;
background: url(im/ddhb.jpg) repeat-x;
}

#logo {
width: 102px;
height: 100px;
margin-top: 7px;
margin-left: 17px;
}

#ddorg {
position: absolute;
top: 0;
left: 120px;
width: 348px;
height: 39px;
margin-top: 38px;
margin-left: 8px;
}

#aa1 {width: 23px; right: 220px; background: url(im/aaaide.gif) no-repeat;}
#aa2 {width: 30px; right: 180px; background: url(im/aaaccess.gif) no-repeat;}
#aa3 {width: 32px; right: 140px; background: url(im/aarecher.gif) no-repeat;}
#aa4 {width: 32px; right: 100px; background: url(im/aalivres.gif) no-repeat;}
#aa5 {width: 31px; right: 60px; background: url(im/aapolice.gif) no-repeat;}
#aa6 {width: 35px; right: 15px; background: url(im/aaemail.gif) no-repeat;}

#aa1, #aa2, #aa3, #aa4, #aa5, #aa6 {
position: absolute;
top: 0;
height: 32px;
margin-top: 40px;
}

#aa1 em, #aa2 em, #aa3 em, #aa4 em, #aa5 em, #aa6 em {
display: none;
}

#ici, #pied {
font: .8em geneva,arial,sans-serif;
text-align: center;
width: 100%;
}

#ici {
position: absolute;
z-index: 2;
top: 108px;
}

#pied {
color: #edc;
float: left;
position: relative;
bottom: 0;
}

#centre {
margin: 10px auto;
width: 555px;
padding: 0 .5em;
}

#bloc {
width: 100%;
margin: 2.5em;
margin-top: .7em;
background: #fff url(im/page.jpg) repeat-y;
}

#haut {
float: left;
font-size: 1px;
width: 555px;
height: 35px;
background: #fff url(im/pagehaut.jpg) repeat-x;
}

#bas {
position: relative;
float: left;
font-size: 1px;
width: 555px;
height: 22px;
background: #fff url(im/pagebas.jpg) no-repeat;
}

#bout {
position: relative;
margin: 0;
padding: 0;
font-size: 1px;
right: 0;
background: url(im/pagebout.png) no-repeat;
background-position: right;
width: 555px;
height: 10px;
}

#bout img {
border: 0;
width: 20px;
height: 10px;
}

#cont {
margin: 2.5em;
margin-bottom: 0;
}

h1 {
font-size: 1.5em;
text-align: center;
margin: 1em;
color: #743;
border: 0;
}

#partie {
font-size: 2.5em;
text-align: center;
margin-top: 0;
margin-bottom: 2em;
color: #743;
border: 0;
}

#sous {
font-size: .8em;
}

.ret {
margin-left: 1.5em;
margin-right: 1.5em;
}

.tab {
text-indent: 2em;
}

.cen {
font-size: .8em;
text-align: center;
}

acronym {
cursor:help;
border-bottom: none;
}

#suite {
font-size: .8em;
text-align: right;
}

#retour {
font-size: .8em;
text-align: left;
}

#titre {
font-size: .9em;
font-style: italic;
font-weight: bold;
text-align: center;
}

#som p {
font-size: .8em;
margin: 0;
}

.dia {
text-align: left;
margin-left: 2em;
}

p.let:first-letter {
float: left;
margin-right: .1em;
padding: .05em;
background-color: #520;
color: #ed9;
font-size: 4em;
font-weight: bold;
}