body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #009CDD;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

#fond_bleu {
	background-color: #203D7D;
}

#fond_gris {
	background-color: #3E5651;
}

#fond_orange {
	background-color: #B64C23;
}

img {
	border: 0px;
}

a, a:hover {
	color: #000000;
	text-decoration: none;
}

#conteneur {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 504px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: -260px;
	margin-left: -390px;
}

.page, .page_intro {
	position: relative;
	width: 780px;
	height: 504px;
	margin: 0px;
	margin-right: 50px;
	background-color: #FFFFFF;
	float: left;
	z-index: 0;
}

#menu {
	position: absolute;
	left: 50px;
	top: 15px;
	width: 250px;
	height: 472px;
	padding: 0px;
	padding-left: 10px;
	background: url(../img/fond_menu.png) no-repeat;
	z-index: 10;
}

#menu.petit {
	height: 276px;
	background: url(../img/fond_menu_petit.png) no-repeat;
}

#menu p {
	margin: 0px;
	margin-top: 120px;
}

#menu img.logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 260px;
	height: 100px;
}

#menu ul {
	list-style: none outside;
	margin: 0px;
	margin-top: 110px;
	padding: 0px;
}

#menu ul li {
	margin: 0px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 14px;
}

#menu p, #menu p a, #menu ul a {
	font-weight: bold;
	color: #191919;
}

#menu ul ul, #menu ul ul li {
	margin: 0px;
}

#menu ul ul a {
	font-size: 12px;
	font-weight: normal;
	color: #191919;
}

#menu ul li.over a, #menu ul li.over_bleu a, #menu ul li.over_gris a, #menu ul li.over_orange a {
	color: #191919;
}

#menu p a.actif, #menu ul li.actif, #menu ul li.actif a, #menu ul li.over a:hover {
	color: #009CDD;
}

#menu p a.actif_bleu, #menu ul li.actif_bleu, #menu ul li.actif_bleu a, #menu ul li.over_bleu a:hover {
	color: #203D7D;
}

#menu p a.actif_gris, #menu ul li.actif_gris, #menu ul li.actif_gris a, #menu ul li.over_gris a:hover {
	color: #3E5651;
}

#menu p a.actif_orange, #menu ul li.actif_orange, #menu ul li.actif_orange a, #menu ul li.over_orange a:hover {
	color: #B64C23;
}

#menu p a:hover, #menu ul li.actif a:hover, #menu ul li.actif_bleu a:hover, #menu ul li.actif_gris a:hover, #menu ul li.actif_orange a:hover {
	color: #191919;
}

#liste_actu {
	position: absolute;
	top: 20px;
	left: 45px;
	width: 690px;
	height: 464px;
}

#liste_actu h2 {
	font-size: 18px;
	font-weight: normal;
	color: #009CDD;
	margin: 0px;
	margin-bottom: 12px;
}

#liste_actu p {
	width: 220px;
	height: 202px;
	margin: 0px;
}

#liste_actu p a {
	color: #009CDD;
	text-decoration: none;
}

#liste_actu p a:hover {
	font-weight: bold;
}

#retour {
	display: none;
}

#actu1, #actu2, #actu3, #actu4, #actu5, #actu6 {
	position: absolute;
}

#actu1, #actu3, #actu5 {
	top: 40px;
}

#actu2, #actu4, #actu6 {
	top: 262px;
}

#actu1, #actu2 {
	left: 0px;
}

#actu3, #actu4 {
	left: 235px;
}

#actu5, #actu6 {
	left: 470px;
}

#texte {
	position: absolute;
	top: 235px;
	left: 45px;
	width: 690px;
}

#texte2 {
	position: absolute;
	top: 269px;
	left: 390px;
	width: 345px;
}

#texte h1, #texte h2 {
	font-weight: normal;
	color: #009CDD;
	margin: 0px;
}

#texte h1 {
	font-size: 38px;
	margin-bottom: 20px;
}

#texte h2 {
	font-size: 18px;
	margin-bottom: 12px;
}

#texte p, #texte2 p {
	margin: 0px;
}

#texte a, #texte2 a {
	text-decoration: underline;
}

#texte .txt_coul, #texte a:hover, #texte2 .txt_coul, #texte2 a:hover {
	color: #009CDD;
}

#texte.bleu h1, #texte.bleu h2, #texte.bleu a:hover, #texte2.bleu a:hover {
	color: #203D7D;
}

#texte.gris h1, #texte.gris h2, #texte.gris a:hover, #texte2.gris a:hover {
	color: #3E5651;
}

#texte.orange h1, #texte.orange h2, #texte.orange a:hover, #texte2.orange a:hover {
	color: #B64C23;
}

#texte ul, #texte2 ul {
	list-style: disc inside;
	margin: 0px;
	padding: 0px;
}

#fleche_gauche, #fleche_droite, #fleche_double, #fleche_retour {
	position: absolute;
	top: 285px;
	width: 22px;
	height: 22px;
	cursor: auto;
	z-index: 10;
}

#fleche_gauche {
	left: 5px;
	background: url(../img/fleche_gauche.gif) no-repeat;
}

#fleche_droite {
	right: 5px;
	background: url(../img/fleche_droite.gif) no-repeat;
}

#fleche_double {
	width: 34px;
	right: 5px;
	background: url(../img/fleche_double.gif) no-repeat;
}

#fleche_retour {
	width: 23px;
	height: 14px;
	top: 260px;
	left: 5px;
	background: url(../img/fleche_retour.png) no-repeat;
}

#fleche_gauche.gauche_bleu {
	background: url(../img/fleche_gauche_bleu.gif) no-repeat;
}

#fleche_gauche.gauche_gris {
	background: url(../img/fleche_gauche_gris.gif) no-repeat;
}

#fleche_gauche.gauche_orange {
	background: url(../img/fleche_gauche_orange.gif) no-repeat;
}

#fleche_droite.droite_bleu {
	background: url(../img/fleche_droite_bleu.gif) no-repeat;
}

#fleche_droite.droite_gris {
	background: url(../img/fleche_droite_gris.gif) no-repeat;
}

#fleche_droite.droite_orange {
	background: url(../img/fleche_droite_orange.gif) no-repeat;
}

#fleche_double.double_bleu {
	background: url(../img/fleche_double_bleu.gif) no-repeat;
}

#fleche_double.double_gris {
	background: url(../img/fleche_double_gris.gif) no-repeat;
}

#fleche_double.double_orange {
	background: url(../img/fleche_double_orange.gif) no-repeat;
}

#fleche_retour.retour_bleu {
	background: url(../img/fleche_retour_bleu.png) no-repeat;
}

#fleche_retour.retour_gris {
	background: url(../img/fleche_retour_gris.png) no-repeat;
}

#fleche_retour.retour_orange {
	background: url(../img/fleche_retour_orange.png) no-repeat;
}