* {
	margin: 0;
	padding: 0;
}

body{
	background-image: url(Images/Accueil/brnbck60.gif);
	color:#0033CC;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align:center;
}

h1, h2, h3, h4 {
	font-weight:bold;
}

h1 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

/** Infobulles **/
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

#Banniere {
	position:absolute;
	width:900px;
	height:120px;
	z-index:1;
	left: 100px;
	top: 0px;
}
#Info {
	position:absolute;
	width:900px;
	height:80px;
	z-index:4;
	left: 100px;
	top: 120px;
}
#Info * {
	color: #000099;
	font-size: 24px;
	font-weight: bold;
}
#Centre {
	position:absolute;
	width:900px;
	height:450px;
	left: 110px;
	top: 193px;
}
#Plan {
	position:absolute;
	width:500px;
	height:250px;
	left: 200px;
	top: 200px;
}
#PlanGH {
	position:absolute;
	width:450px;
	height:200px;
	left: 100px;
	top: 160px;
}
#PlanDH {
	position:absolute;
	width:450px;
	height:200px;
	left: 550px;
	top: 160px;
}
#PlanGB {
	position:absolute;
	width:450px;
	height:200px;
	left: 100px;
	top: 360px;
}
#PlanDB {
	position:absolute;
	width:450px;
	height:200px;
	left: 550px;
	top: 360px;
}
#TextePlans {
	position:absolute;
	width:900px;
	height:50px;
	left: 56px;
	top: 553px;
}
#Texte1 {
	position:absolute;
	width:700px;
	height:150px;
	left: 200px;
	top: 0px;
}
#Texte2 {
	position:absolute;
	width:200px;
	height:115px;
	left: 0px;
	top: 150px;
}
#Texte3 {
	position:absolute;
	width:400px;
	height:115px;
	left: 350px;
	top: 150px;
}
#Texte4 {
	position:absolute;
	width:900px;
	height:35px;
	left: 0px;
	top: 265px;
}
#Texte5 {
	position:absolute;
	width:500px;
	height:150px;
	left: 200px;
	top: 300px;
}
#Texte6 {
	position:absolute;
	width:588px;
	height:150px;
	left: 200px;
	top: 0px;
}
#Texte7 {
	position:absolute;
	width:550px;
	height:150px;
	left: 350px;
	top: 150px;
}
#Photo1 {
	position:absolute;
	width:200px;
	height:150px;
	left: -1px;
	top: -1px;
}
#Photo2 {
	position:absolute;
	width:150px;
	height:115px;
	left: 200px;
	top: 150px;
}
#Photo3 {
	position:absolute;
	width:150px;
	height:115px;
	left: 750px;
	top: 150px;
}
#Photo4 {
	position:absolute;
	width:200px;
	height:150px;
	left: 0px;
	top: 300px;
}
#Photo5 {
	position:absolute;
	width:200px;
	height:150px;
	left: 700px;
	top: 300px;
}
#Photo6 {
	position:absolute;
	width:112px;
	height:150px;
	left: 788px;
	top: 0px;
}
#Menu {
	position:absolute;
	width:100px;
	height:420px;
	left: 0px;
	top: 120px;
}	
#Maj {
	position:absolute;
	width:100px;
	height:70px;
	left:0px;
	top: 540px;
}
#News {
	position:absolute;
	width:100px;
	height:360px;
	left: 0px;
	top: 160px;
}

a {
	color: #0000FF;
	font-weight: bold;
	text-decoration:none;
}
a:link {
	color: #0033FF;
}
a:visited {
	color: #d04a10;
}
a:hover {
	color: #0033FF;
}
a:active {
	color: #FFFFCC;
}
#Retour {
	position:absolute;
	width:100px;
	height:50px;
	left: 0px;
	top: 0px;
}
#Pages {
	position:absolute;
	width:100px;
	height:30px;
	left: 0px;
	top: 90px;
}
p{
line-height:normal;
margin:0 0 15px;
}

hr{
height:1px;
border: none;
border-top: 1px solid #333;
margin:10px;
width:100%;
}