body {
	background-color: #FFFFFF;
	background-image: url("images/fond.gif");
}

#conteneur {
	position: absolute;
	left:50%;
	margin-left:-400px;
	top:0px;
	width:800px;
}

#image-accueil {
	position:absolute;
	width:350px;
	height:400px;
	z-index:0;
	left: 450px;
	top: 230px;
}

#illustration-rubrique {
	position:absolute;
	left:0px;
	top:173px;
	width:218px;
	height:175px;
}

#zone-texte {
	position:absolute;
	left:218px;
	top:158px;
	width:323px;
}

#zone-image {
	position:absolute;
	left:560px;
	top:225px;
	width:240px;
}

#pages-epsilair {
	position:absolute;
	left:248px;
	top:158px;
	width:550px;
}

#images-epsilair {
	position: relative;
	left: 30px;
	margin: 20px;
}

#bloc-info {
	background-repeat: repeat;
	height: auto;
	width: auto;
	border: thin solid #0066CC;
	margin-bottom: 15px;
}

#sous-menu {
	position:absolute;
	left:0px;
	top:348px;
	width:218px;
	height:auto;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: normal;
	font-style: normal;
}

.contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-left: 45px;
}

.contenu-accueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-left: 45px;
}

.couleur {
	color: #0066CC;
}

#contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-left: 45px;
}

h1 {
	font-family: Eurostile, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #0066CC;
	font-variant: small-caps;
	font-style: normal;
	margin-left: 45px;
}
h2 {
	font-family: Eurostile, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0066CC;
	font-style: normal;
	margin-left: 45px;
}
h3 {
	font-family: Eurostile, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 17px;
	font-style: normal;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CC0000;
}

.contenu-sous-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
	position: absolute;
	height: auto;
	width: auto;
	text-align: left;
}

a img {border: 0;}

a:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FFFFFF;
	background-color: #0066CC;
}
a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#sous-menu a:link {
	color: #0066CC;
	width: 180px;
	margin-top: 10px;
	float: left;
	font-size: 14px;
	padding-left: 4px;
}
#sous-menu a:hover {
	color: #CC0000;
	background-color: #DDDDDD;
	width: 180px;
	float: left;
	font-size: 14px;
	padding-left: 4px;
}

#sous-menu a:visited {
	color: #333333;
	width: 180px;
	margin-top: 10px;
	float: left;
	font-size: 14px;
	padding-left: 4px;
}

#bas-page {
	position:absolute;
	left:218px;
	top:630px;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-left: 45px;
}

.pb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #CC0000;
	font-style: normal;
}

.ok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #009900;
	font-style: normal;
}

.lien-doc {
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	color: #333333;
	font-size: 13px;
}

.docs {
	font-size: 14px;
	color: #CC0000;
	font-weight: normal;
	margin-left: 45px;
}

.docs a:link {
	font-family:  Eurostile, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

.docs a:hover {
	color: #CC0000;
	background-color: #CCCCCC;
}