body {
margin:0 auto;
padding:0;
height:100%;
background-color:#ffffff;
background-image:url(img/body-bg.jpg);
background-position:top;
background-repeat:repeat-x;
color:#000000;  
text-align:center;
font-family: Georgia, Times, serif;
font-size:.9em;
}

a {
color:#4093EE;
text-decoration:none;
}

a:hover {
color:#C3D9FF;
text-decoration:none;
}

img {
border:none;
}

img.left {
float:left;
margin:0 .5em 0 .2em;
padding:.2em;
border:1px solid #eeeeee;
}

img.right {
float:right;
margin:0 .2em 0 .5em;
padding:.2em;
border:1px solid #eeeeee;
}

blockquote.warning {
margin:1em;
padding:.5em;
padding-left:5em;
background-color:#ffffff;
background-image:url(img/blockquote-bg-warning.jpg);
background-position:left top;
background-repeat:no-repeat;
border-top:1px solid #eeeeee;
}

blockquote.question {
margin:1em;
padding:.5em;
padding-left:5em;
background-color:#ffffff;
background-image:url(img/blockquote-bg-question.jpg);
background-position:left top;
background-repeat:no-repeat;
border-top:1px solid #eeeeee;
}

blockquote p {
font-size:.8em;
margin:.2em;
color:#616161;
}

#centre { 	
margin:0 auto;
padding:10px;
width:700px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:1px solid #BBD1E2;
}

#centre h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size: 1.8em;
letter-spacing: 0.05em;
color: gray;
}

#centre h3 {
font-size: 0.95em;
color: #356AA0;
}

#entete {
margin:0 0 0 0;
padding:0 0 0 0;
height:140px;
background-color:#356AA0;
background-image:url(images/deltares.png);
background-position:top right;
background-repeat:no-repeat;
border:1px solid #356AA0;
}

#entete h1 {
margin:0 0 -.6px 0;
padding:1em 0 0 1px;
font-size: 1.5em;
letter-spacing: 1px;
color:#ffffff;
}

#entete h2 {
margin:0 0 0 0;
padding:1em 0 0 10px;;
font-size: 1em;
font-weight:300;
letter-spacing:.2px;
color: white;
}
#menu
{
	background-color: white;
}

#menu ul
{
	text-align: right;
	font-variant: small-caps;
	font-size: 1.3em;
	margin-right: 5px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

#menu li
{
	display: inline;
	padding: 5px;
}

#menu li a
{
	color: black;
}

#menu li a:hover
{
	color: blue;
}

#menu li a:visited
{
	color: #gray;
}


#droite {
float:right;
margin:.5em 0 0 .5em;
width:200px;
font-size:.9em;
background-color:#ffffff;
background-image:url(img/fauxrightcolumn-bg.jpg);
background-position:top;
background-repeat:repeat-x;
border-bottom:1px solid #eeeeee;
}

#droite h2 {
margin-bottom:-1em;
font-size:.9em;
color:#DA8619;
}

#droite a {
font-size:.9em;
text-decoration:none;
color:#FF7400;
}

#droite a:hover {
text-decoration:none;
color:orange;
}

#principal {
margin-right: 200px;
}

#pied {
position:relative;
bottom: 0;
margin: 0;
padding:0;
font-size:.85em;
background-color:#ffffff;
border-top:1px solid #eeeeee;
}