#pagecentree {
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	height: 585px;
	position:absolute;
	margin-top: -293px;
	margin-left: -394px;
	border: 1px solid #000;
	left: 50%;
	top: 50%;
	visibility: visible;
}

body {
background:url("/IMG/PC.jpg");
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size:0.7em; /* on définit la taille de police de base dans la page */
color: white ;
}

.container {
background-image: url('IMG/fondsom.jpg');
width: 700px;
height: 525px;
margin-left: auto;
margin-right: auto;
position:absolute;
margin-top: -263px;
margin-left: -350px;
border: 1px solid #000;
left: 50%;
top: 50%;
visibility: visible;
}

.haut {
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
background-image: url('design/menu.gif');
width: 699px;
height: 128px;
/* border: 1px solid #fff;*/
}

.gauche {
position: absolute;
margin-top: 129px;
left:0; /* on place le bloc gauche à gauche en position absolue */
background-image: url('design/menu.gif');
width: 140px;
height: 355px;
/* border: 1px solid #fff;*/
}

.centre {
position: absolute;
margin-top: 129px;
margin-left: 141px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 390px;
text-align:justify;
height: 355px;
font-color: #0172b6;
padding-left: 30px;
padding-right: 30px;
/* border: 1px solid #fff;*/
}

.pmad {
position: absolute;
margin-top: 270px;
margin-left: 400px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
}

.droite {
position: absolute;
margin-top: 129px;
margin-left: 592px; /* on place le bloc centre par rapport à la largeur du bloc centre */
width: 107px;
height: 355px;
/*border: 1px solid #fff;*/
}

.bas {
position: absolute;
margin-top: 475px;
left:0; /* on place le bloc centre par rapport à la largeur du bloc centre */
width: 699px;
height: 39px;
/* border: 1px solid #fff;*/
text-align:center;}

.entete { /* on définit un conteneur pour la recherche */
float: right; /* alignement de l'en-tête à droite */
margin-right: 5px;  /* placement de l'en-tête dans son conteneur, haut */
margin-top: 65px;
border: 0;
}

.imagesommaire	{
background-image: url('IMG/pc.gif');
width: 50px;
height: 50px;
margin-top: -263px;
margin-left: -350px;
border: 1px solid #000;
}

.posit { /* on définit un conteneur pour la date du jour */
width: 400px;
height: 10px;
text-align:left;
margin-left: 245px;  
margin-top: 103px;
border: 0;
color:#000;
}

.datejour { /* on définit un conteneur pour la date du jour */
width: 129px;
height: 12px;
text-align:center;
margin-top: 119px; 
margin-right: 5px;  
margin-left: 5px;
border: 1px solid #fff;
}


h1 {
font-size: 150%;
text-align: center;
Color: #0172b6;
}


h2	{
font-size: 100%;
text-align: center;
Color: #0172b6;
}

/* Menu */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 140px;
left: 5px;
}
#menu {
width: 11.6em;
}
#menu dt {
background-image: url('IMG/motif2.jpg');
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #fff;
}

#menu dd {
border: 1px solid #FAAC56;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #0172b6;
color: #FFFFFF;}

a:link { color: #FAAC56 ; }
a:visited {color :#14D019 ; }
a:hover { color: red ; text-decoration: none ; }

#adresse {
font-size: 9px;
line-height: 12px;
text-align: center;
padding: 2px;
}