/* CSS Document */
body {
	background-color :#10489E;
	font-family :Arial, Helvetica, sans-serif;
	font-size :12px;
	text-align :center;
	line-height :15px;
}

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

a:link {
	color :#10489E;
	text-decoration :underline;
}

a:visited {
	color :#10489E;
	text-decoration :underline;
}

a:hover {
	color :#10489E;
	text-decoration :underline;
}

img {
border :0px;
}

.image2 {
margin :2px;
float :right;
}
.image3 {
margin :2px;
float :left;
}

#conteneur {
	background-color :#E5EEFF;
	margin-left :auto;
	margin-right :auto;
	margin-top:0px;
	width:900px;
	bottom :10px;
	text-align :left;
}

#colonne1
{
   width:325px;
   float:left;
   background-color :#E5EEFF;
}
 
#colonne2
{
   width:325px;
   float:right;
   background-color :#E5EEFF;
}

#banner {
	background-image:url(../images/logo-banner3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:900px;
	height:140px;
}

#gauche {
	position:absolute;
	top:320px;
	padding:4px 0 4px 8px;
	background-color :#E5EEFF;
	bottom :0px;
	width :160px;
	height:auto;
}

#droite {
	width:735px;
	position :relative;
	padding :0px;
	float :right;
}

.spacer {
	clear :both;
}

.spacer2 {
	clear :right;
}

.spacer3 {
	clear :left;
}

#texte {
	width:715px;
	padding :5px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	text-align :justify;
}

h1 {
	padding :5px 5px 5px 5px;
	margin :0px 0px 0px 0px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	text-align :center;
	color :#10489E;
}

h2 {
	padding :2px 2px 2px 2px;
	margin :5px 0px 0px 0px;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	text-align :center;
	color :#990099;
	line-height:18px;
}

h3 {
	padding :2px 2px 2px 2px;
	margin :5px 0px 5px 0px;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align :center;
	color :#CC00CC;

	line-height:16px;
}

h4 {
	font-size :12px;
	font-weight :normal;
	color :#10489E;
	margin :0;
	padding :0;
	font-style :normal;
	text-align :left;
}

h5 {
	font-size :11px;
	font-weight :normal;
	color :#10489E;
	margin :5px;
	padding :auto;
	font-style :normal;
	text-align :center;
}

	p {
	padding :2px 2px 2px 2px;
	margin :0px 0px 0px 0px;
	margin-bottom :5px;
	text-align :justify;
}

p:first-letter {
	font-weight:bold;
	color:#10489E;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

.tableau {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	padding :5px 5px 0px 5px;
	font-weight:lighter;
	text-align:justify;
}


body {behavior:url(../csshover.htc);}
div#menu {
z-index:100;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

/* fond blanc pour le menu */ 
div#menu a {color:#10489E; }
div#menu ul {padding:0; width:135px; margin:0px; background:#E5EEFF; }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background:#E5EEFF; }
div#menu li.sousmenu:hover {background:#E5EEFF;}

div#menu ul li {z-index:100; position:relative; list-style:none; border-bottom:1px solid;}
div#menu ul ul {position:absolute; top:-1px; left:135px; display:none; background:#E5EEFF; }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =94 */ 
div#menu li a {text-decoration:none; padding:4px 0 4px 8px; display:block; border-left:8px solid #10489E; width:84px; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width:200px;}
div#menu ul.niveau3 {left:200px;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color:#10489E;}
div#menu ul ul li a:hover {border-left-color:#10489E;}
div#menu ul ul ul li a:hover {border-left-color:#10489E;}

/***** Fond de page *****/

#bottom {
	margin-left :auto;
	margin-right :auto;
	margin-top:0px;
	padding :0px;
	background-color :#E5EEFF;
	font-family :"Arial", Helvetica, sans-serif;
	line-height :15px;
	width:900px;
}