body {
	background-color:#022d76;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

#lapage {
	position:absolute;
	width:800px;
	height:100%;
	left:50%;
	margin: 0px 0px 0px -400px;
	padding: 0px;
	background-color:#ffffff;
	background-image:url(images/interface/marge-fond.jpg);
	background-repeat: repeat-y;
}

html>body #lapage {
	min-height:100%;
	height:auto;
} 

#entete {
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:110px;
	margin:0px;
	padding: 0px;
	background-image:url(images/interface/entete-fond.jpg);
}

#entetevisuel {
	float:left;
	width:410px;
	height:110px;
	margin: 0px;
	padding: 0px;
}

#entetevisuel img {
	border:0px;
	margin: 0px;
	padding: 0px;
}

#menuentete {
	float:right;
	width:335px;
	margin: 0px;
	padding: 0px;
}

#menuentete ul {
	width:335px;
	margin: 45px 0px 0px 0px;
	padding: 0px;
}

#menuentete li {
	width:65px;
	height:45px;
	float:left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align:center;
	line-height:10px;
}

#menuentete a {
	display:block;
	height:45px;
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	background-position:center bottom;
	background-repeat:no-repeat
}

#menuentete a:hover {
	color:#000000;
}

#menuentete a.docu {
	background-image:url(images/interface/menu-entete-docu-off.gif);
}

#menuentete a.docu:hover {
	background-image:url(images/interface/menu-entete-docu-on.gif);
}

#menuentete a.glossaire {
	background-image:url(images/interface/menu-entete-glossaire-off.gif);
}

#menuentete a.glossaire:hover {
	background-image:url(images/interface/menu-entete-glossaire-on.gif);
}

#menuentete a.methadonnees {
	background-image:url(images/interface/menu-entete-methadonnees-off.gif);
}

#menuentete a.methadonnees:hover {
	background-image:url(images/interface/menu-entete-methadonnees-on.gif);
}

#menuentete a.liens {
	background-image:url(images/interface/menu-entete-liens-off.gif);
}

#menuentete a.liens:hover {
	background-image:url(images/interface/menu-entete-liens-on.gif);
}

#menuentete a.contact {
	background-image:url(images/interface/menu-entete-contact-off.gif);
}

#menuentete a.contact:hover {
	background-image:url(images/interface/menu-entete-contact-on.gif);
}

#menu {
	position:absolute;
	top:110px;
	left:0px;
	margin: 0px;
	padding: 0px;
}

#menu ul {
	width:138px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border-width: 0px 1px 1px 0px;
	border-color: #FFFFFF;
	border-style: solid;
	line-height: 5px
}

#menu li {
	margin: 0px;
	padding: 0px;
	border-width: 1px 0px 0px 0px;
	border-color: #FFFFFF;
	border-style: solid;
	line-height: 5px;
	list-style-type: none;
}

#menu a {
	display:block;
	padding: 9px 0px 12px 10px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#menu a.bleu {
	color:#0484DB;
	background-color:#66e4f7;
}

#menu a.bleu:hover {
	color:#ffffff;
	background-color:#0484DB;
}

#menu a.bleuselect {
	color:#ffffff;
	background-color:#0484DB;
}

#menu a.orange {
	color:#ffffff;
	background-color:#f19300;
}

#menu a.orange:hover {
	color:#6F4200;
	background-color:#ffc870;
}

#menu a.orangeselect {
	color:#6F4200;
	background-color:#ffc870;
}

#menu a.actus {
	color:#0484DB;
	width:55px;
	height:31px;
	margin: 20px 0px 0px 29px;
	padding: 18px 0px 0px 55px;
	background-image:url(images/interface/menu-actus.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#menu a.actus:hover{
	background-image:url(images/interface/menu-actus-on.gif);
}

#lecontenu {
	width: 640px;
	margin: 0px 0px 0px 160px;
	padding: 150px 0px 75px 0px;
}

.contenu {
	width: 550px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color:#0484DB;
	margin: 0px 0px 35px 0px;
	padding: 0px
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#0484DB;
	margin: 0px 0px 10px 0px;
	padding: 0px
}

h3 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 14px;
	background-image: url(images/interface/fleche-orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

h3 a {
	color:#000000;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background-image: url(images/interface/puce.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

p {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
	color:#000000;
	margin: 0px 0px 15px 0px;
	padding: 0px
}

ul {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
	color:#000000;
	margin: 0px 0px 15px 0px;
	padding: 0px
}

li {
	list-style-type:square;
	margin: 2px 0px 0px 25px;
	padding: 0px; 
}

a {	color:#0484DB;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.glossaire {
	color:#777777;
	font-weight:bold
}

img {	
	margin: 0px 0px 20px 0px;
	padding: 0px
}

.legende {
	color:#777777;
	font-size: 10px;
	font-style:italic;
}

.legende strong {
	color:#000000;
}

.TitreSurFondBleu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color: #b3f6fe;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 5px;
}

.commentaire {
	font-size: 10px;
	font-style:italic;
}

.haut {
	float:none;
	text-align:right;
	background-image: url(images/interface/fleche-orange-haut.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size:11px;
	padding:0px 15px 0px 0px;
	margin: 10px 5px 0px 0px;
}