html{
height:100%;
top:0;
margin:0 auto;
padding:0;
background:#ffff;
overflow:auto;
text-align:center;
}

body {
width:900px;
height:700px;
margin:0 auto;
text-align:justify; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
color:#000000;
}

#container {
display:block;
position:relative;
width:900px;
height:700px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
background-repeat:no-repeat;
}

#head {
display:block;
position:absolute;
width:900px;
height:200px;
top:0px;
}

#logo {
display:block;
position:absolute;
width:150px;
height:135px;
top:36px;
left:34px;
}

#navbar {
display:block;
position:absolute;
width:564px;
height:83px;
top:40px;
margin-left:240px;
font-size:14px;
font-weight:bold;
color:#003399;
}

#content{
display:block;
position:absolute;
width:900px;
/*height:700px;*/
top:207px;
}

#footer {
display:block;
position:absolute;
width:900px;
height:20px;
top:467px;
text-align:center;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}

#agrement {
display:block;
position:absolute;
width:170px;
height:10px;
top:-25px;
left:5px;
text-align:left;
font-size:9px;
color:#003399;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{
margin-top:-0.05em;
}
h1, h2, h3, h4, h5, h6{
margin-bottom:0.5em;
}
h1{
font-size:20px;
color:#003399;
}
h2{
font-size:16px;
color:#000000;
}
h3{
font-size:12px;
color:#000000
}

a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover, a:focus {
color:#003399;
text-decoration:underline;
}

#footer a:link {
color:#ffffff;
text-decoration:none;
}
#footer a:visited {
color:#ffffff;
text-decoration:none;
}
#footer a:hover, a:focus {
color:#00CCFF;
text-decoration:underline;
}

p{
margin:1em 0;
line-height:12px;
}

#upline {
display:block;
position:absolute;
width:900px;
height:20px;
top:0px;
font-size:9px;
text-align:justify;
}

#baseline {
display:block;
position:absolute;
width:900px;
height:20px;
top:750px;
font-size:9px;
text-align:justify;
}

.bleu {
color:#003399;
}