body {
	background-color: #1a171c;
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 84%;
	margin:0px;
}
#page {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding:0px;
	margin-bottom:0px;
}
#entete {
	height: 148px;
	width:800px;
	margin:0px;
	background-color:#3b3f4b;
}
#conteneur {
	width:800px;
	margin:0px;
	padding:0px;
  	height:575px;
	background-color: #3b3f4b;
}
html>body #conteneur {
	height: auto;
	min-height: 575px;
} 
#conteneur .nettoyer {
	clear: both;
}
#conteneur #gauche {
	float: left;
	width: 148px;
	margin-top: 0px; 
	margin-bottom:0px;
	height:575px;
	background-color: #3b3f4b;
}

#conteneur #gauche #realtooltip {
	position: absolute; 
	background-image:url(IMG/transparent.gif); 
	background-repeat:repeat;
	top: 270px; 
	left: 5px;
	color:#ffffff;
	font-size:85%;
	font-family:Lucida Handwriting, Comic Sans MS, Arial;
	font-weight:bold;
	text-align:center;
	height: 305px; 
	width: 138px;
}

#conteneur #gauche #realtooltip_4 {
	position: absolute; 
	background-image:url(IMG/transparent.gif); 
	background-repeat:repeat;
	top: 270px; 
	left: 5px;
	color:#ffffff;
	font-size:85%;
	font-family:Lucida Handwriting, Comic Sans MS, Arial;
	font-weight:bold;
	text-align:center;
	height: 805px; 
	width: 138px;
}
#conteneur #gauche #realtooltip p {
  margin-top:0px; 
	margin-bottom: 0px;
}

#conteneur #droite {
	float: left;
	margin: 0px;
	width:652px;
	height: 481px;
	background-color:#f19400;
}
html>body #conteneur #droite {
  height: auto;
	min-height:481px;
} 
#conteneur #droite #texte {	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
  height:471px;
	margin:0px;
	text-align: justify;
}	
html>body #conteneur #droite #texte {
	height: auto;
	min-height: 471px;
} 
#conteneur #bas {
	float:right;
	margin-top:0px;
	margin-bottom:0px;
	height:94px;
	width:652px;
	padding: 0px;
	background-color: #3b3f4b;
}
#pied {
	clear:both;
	margin-top: 0px;
	color: #FFFFFF;
	text-align:center;
	background-color: #1a171c;
}
#pied2 {
	color: #f19400; 
	margin-top: 0px;
}
a.jaune {
	color: #f19400; 
	text-decoration: none;
}

a.pied {
	color: #FFFFFF;
}
a.pied:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a.pied:visited {
	color: #FFFFFF;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	font-size: 100%;
}
#menujour {
	font-family: Georgia, Verdana, Arial;
	font-style: italic;
	color:#000000;
	background-color:#ffffff;
	text-align: center;
	width: 250px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:5px; 
	border:1px;
	border-color:#333333;
	border-style:solid;
}

#menujour p {
  margin-top:0px; 
	margin-bottom: 0px;
}

hr {
  width:110px;
}
a {
  color:#000000;
}
a:visited {
	color:#000000;
}
a:hover {
	color:#d20117;
	text-decoration:none;
}
#conteneur #droite #texte #menujour .ps {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.82em; 
	font-weight: bold;
}
#conteneur #droite #texte #menujour #carte {
	text-align:left;
	font-style: normal;
}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	font-style:italic;
 }
 
#conteneur #droite #texte .carrerouge {
	background-color:#d20117; 
	color:#ffffff;
	padding:15px; 
	width:250px;
}
#conteneur #droite #texte #navigation {
  float:right;
  background-color:#d20117;
	padding:10px; 
	width:140px;
	margin-top:10px; 
}
#conteneur #droite #texte #navigation a:hover {
	color:#ffffff;
	text-decoration:none;
}