body {
	background-color:#F1EFE2;
	font: normal 100%/1em Verdana, Arial, sans-serif;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;

}

a {
 color:black;
 text-decoration: none;
}

a:hover {
 color:black;
 text-decoration: underline;
}

a.blue {
 color:#00145F;
 text-decoration: none;
}

a.blue:hover {
 color:#00145F;
 text-decoration: underline;
}

a.MenuHaut {
 color:white;
 text-decoration: none;
}

a.MenuHaut:hover {
 color:white;
 text-decoration: underline;
}



div#BordureHaut {
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:13px;
	}
	
div#BordureBas {
	margin-left: auto;
	margin-right: auto;
	width:785px;
	height:40px;
	text-align: left;
	padding-left: 15px;
	padding-right: 0px;

	background: url(images/bordure-bas.gif);
	color:  #067299;
	font: normal 60%/1em Verdana, Arial, sans-serif;
	}
	
div#HautLogo {
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:20px;
	}

div#HautLogoGauche {
	float:left;
	width:385px;
	height:20px;
	}

div#HautLogoCentre {
	float:left;
	background: url(images/haut-logo-centre.gif);
	font: normal 70%/1em Verdana, Arial, sans-serif;
	color: white;
	width:360px;
	height:20px;

	}

div#HautLogoDroite {
	float:left;
	width:55px;
	height:20px;
	}

div#LogoMain {
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:97px;
	}

div#LogoReflet {
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:40px;
	color: white;
	text-align: right;
	font: normal 100%/1em  Arial, sans-serif;
	background: url(images/logo-reflet-orange.gif);
	}

div#Contenu {
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:100%;
	background: url(images/contenu-bordure-all.gif);
	}

div#ContenuBordureGauche {
	background: url(images/contenu-bordure-gauche.gif);
	float: left;
	width:11px;
	height: 100%;
	}

div#ContenuBordureDroite {
	background: url(images/contenu-bordure-droite.gif);
	float: left;
	width:42px;
	height: 100%;
	}

div#ContenuBordureDroiteHaut {
	background: url(images/contenu-logo-droite.gif) no-repeat;
	width:42px;
	height:66px;
	}
	

div#ContenuCentre {
	float: left;
	text-align: left;
	font: normal 90%/1em Verdana, Arial, sans-serif;
	background: #FFFFFF url(images/contenu-logo-centre.gif) no-repeat;
	width:747px;
	height: 100%;
	}
	
div#ContenuCentreHomeGauche {
	float: left;
	text-align: justify;
	font: normal 75%/1em Verdana, Arial, sans-serif;
	background: #FFFFFF url(images/contenu-logo-centre.gif) no-repeat;
	height: 100%;
	
	}
	
div#ContenuCentreHomeGauche11px {
	float: left;
	text-align: justify;
	font: normal 11px Verdana, Arial, sans-serif;
	background: #FFFFFF url(images/contenu-logo-centre.gif) no-repeat;
	height: 100%;
	}
	
div#MenuDroite {
	float: left;
	font: normal 70%/1em Verdana, Arial, sans-serif;
	}

div#MenuDroite ul{
 padding-left:0px;
 padding-bottom:5px;
} 
	
div#MenuDroite li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
color: black;
list-style-type: none;
 background-image: url('images/puce-bleu.gif');
  background-repeat: no-repeat;
  background-position: 0 0.0em;
  padding-left: 1em;
   padding-bottom:5px;
}

div#TitreBig {
	font: normal 20px  Arial, sans-serif;
	background:  url(images/atom-big.gif) no-repeat;
	width: 500px;
	height: 29px;
	color: #FABF0F;
	font-weight:bold; 
	padding-left:40px;
	padding-top:30px;
	vertical-align: bottom;
	}

div#TitreSmall {
	font: normal 14px  Arial, sans-serif;
	background:  url(images/atom-small.gif) no-repeat;
	width: 300px;
	height: 15px;
	color: #FABF0F;
	font-weight:bold; 
	padding-left:25px;
	padding-top:15px;
	vertical-align: bottom;
	}
	
a.BordureBas {
 color: #067299;
 text-decoration: none;
}

a.BordureBas:hover {
 color: #067299;
 text-decoration: underline;
}