body{
font-family: Arial, sans-serif;
background-color: #fff;
text-align:center;
height:100%;
}

#conteneur{
position: relative;
width: 948px;
height:840px;
min-height:90%;
margin: 0 auto 0 auto;
border-width: 0;
border-style: none;
padding: 0 0 0 0;
background-image: url(bleu.jpg);
background-repeat: repeat-y;
}

#header {
position: absolute;
width: 948px;
height: 145px ;
top: 0px;
left: 0px;
background-color: #fff;
background-image: url(header.jpg);
margin: 0 auto 0 auto;
}

#LogoMF {
position: absolute;
top: 0;
left: 0;
width: 234px;
height: 42px ;
}


#b1 {
left:610px ;
}
#b2 {
left:710px ;
}


.bouton {
position: absolute;
top: 7px ;
width: 100px ;
height: 19px ;
line-height:18px;
background-image :url(bouton.jpg);
background-repeat : no-repeat;
}

a.bouton {
text-decoration: none;
color:#a4724e;
font-weight:regular;
font-size:15px;
text-align:left;
}


a.bouton:hover {
background-position: 0 -19px;
color:#1f3549;
}


#menu {
position :absolute;
left: 00px !important;
left:-40px;
top: 256px;
width: 210px;
height: 320px;
margin: 0 auto 0 auto;
padding-left: 0px;
background-image :url(fondmenu.jpg);
background-repeat : no-repeat;
list-style-type : none;
text-align:center;
font-size: 12px;
font-weight:bold;
}

#menu li {
display: inline;
}

#lien1{
position: absolute;
left: 00px;
top: 20px;
}
#lien2{
position: absolute;
left: 0px;
top: 55px;
}
#lien3{
position: absolute;
left: 0px;
top: 90px;
}
#lien4{
position: absolute;
left: 0px;
top: 125px;
}
#lien5{
position: absolute;
left: 0px;
top: 160px;
}
#lien6{
position: absolute;
left: 0px;
top: 195px;
}
#lien7{
position: absolute;
left: 0px;
top: 230px;
}
#lien8{
position: absolute;
left: 0px;
top: 265px;
}

#menu li a{
display: block ;
height: 35px;
width: 210px;
line-height: 35px;
color: #49577b;
text-decoration : none;
}

#menu li a:hover {
color: #666;
background-color: transparent;
background-image: url(fondmenu.jpg);
/*background-position: top left;*/
background-repeat: no-repeat;
}

#lien1 a:hover {
	background-position: 0px -340px;
}

#lien2 a:hover {
	background-position: 0px -375px;
}

#lien3 a:hover {
	background-position :0px -410px;
}

#lien4 a:hover {
	background-position :0px -445px;
}

#lien5 a:hover {
	background-position :0px -480px;
}

#lien6 a:hover {
	background-position :0px -515px;
}

#lien7 a:hover {
	background-position :0px -550px;
}

#lien8 a:hover {
	background-position :0px -585px;
}

#corps {
position: absolute;
top: 150px;
left: 240px;
right: 50px;
color: #0e3f6c;
font-size: 14px;
}


a span{
display: none;
}

a:hover span {
	display:block;
	position : relative;
	top:30px;
	left:30px;
	line-height: 30px;
	width :300px;
	background-image : url(bleu2.jpg);
	color:#dae0b2;
	z-index:500;
	font-size:11px;}


#corps pre {
    text-align: left;
    font-family: fixed;
    font-size: 90%;
    margin-left: 1em;}
 

p {	line-height: 19px;
	text-align:left;
	padding:5px;}

.large{
line-height: 47px;
}


li {list-style-type: none;}


.liens li a {
display : block;
height:47px;
text-align:left;
color: #dda; 
font-size:16px;
font-weight: normal;
text-decoration : none;}

.liens li a:hover{
font-size:14px;
font-weight: bold;
color: #995;}

.parableu {
background-color: #484868;
color: #dae0b2;}

.imagauche {
float: left;
border-right : 5px solid white;} 

.imagauchebleu {
float: left;
border-right : 5px solid #484868;} 

.imadroite {
float: right;
border-left : 5px solid #484868;}

.imadroiteblanc {
float: right;
border-left : 5px solid white;
}  


.paradroite { 
line-height: 30px;
padding:5px;
text-align: right; }

.paradroite a{
color :#446;
font-size:16px;
font-weight: normal;
text-decoration : none;
}


.paradroite a:hover{
font-size:14px;
font-weight: bold;
color: #99b;
}



#aerer {
float:right; 
height: 40px;
}

#pied {
position:absolute;
width:80px;
left: 05px;
bottom: 10px;
color: #eadea6;
font-weight: bold;
font-size: 60%;
text-align: right; 
line-height:15px;
}