body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
padding-left:5px;
padding-right:5px;
color:#507BAF;
font-weight:bold;
background-color:#DAE5F2;
}
#header {
height: 166px;
background-color: #2D568E;
background-image:url(images/finhaut.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
color:#FFFFFF;
text-align: center;
font-weight:bold;
border-width:1px;
border:solid;
}
#haut{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
background-color: #2D568E;
color:#FFFFFF;
text-align:justify;
padding-left:30px;
padding-bottom:25px;
padding-top:10px;
}
#soushaut{
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight:bold;
text-align:justify;
padding-left:5px;
padding-top:10px;
padding-bottom:70px;
color:#2D568E;
background-color:#DAE5F2;

}
.un {
	position:absolute;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 33%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}

.deux
{ 
position:absolute ;
left:34%;
font-family: Georgia, "Times New Roman", Times, serif;
width: 33%;
font-size: 18px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

.trois
{
	position:absolute;
	left:68%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 32%;
}
.quatre {
	position:absolute;
	left:8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 33%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.cinq
{ 
position:absolute ;
left:34%;
font-family: Georgia, "Times New Roman", Times, serif;
width: 33%;
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

.six
{
	position:absolute;
	left:66%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 33%;
}

#centre{
background-color:#DAE5F2;
}
#gauche{
position:absolute;
text-align: center;
width: 60%;
border-color:#2D568E;
border-width:1px;
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
}
#droite{
	position:absolute;
	left:61%;
	right:5px;
	text-align: center;
	width:39%;
	border-color:#2D568E;
	border-width:1px;
	border-right-style:solid;
	border-left-style:solid;
	border-bottom-style:solid;
	height: 325px;

}


#pied {
height: 50px;
background-color: #2D568E;
color:#FFFFFF;
font-size:10px;
}
p {margin: 0;}

.Style1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:22px;
}
.Style2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;
}

.imagebordure {
border-width:0;
float:left;
}
.image{
margin-left:15%;
margin-right:15%;
}
.contact {
float:right;
font-size:13px;
color:#FF00FF;
}
.date {
float:right;
font-size:11px;
color: #FFFFFF;
}
a:link { color: #2D568E;
text-decoration: none;
} /* lien non-visité */
a:visited {
text-decoration: none;
color: #2D568E;
} /* lien visité */
a:hover { 
color: red; 
text-decoration: none;
} /* lien survolé */
a:active { text-decoration: none;
} /* lien activé */