/* CSS Document */
body {
	background-color : #737373;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-align : center;
	line-height : 17px;
}

a {
color : #2d0088;
text-decoration : underline;
}

a: link {
color : #2d0088;
text-decoration : underline;
}

a: visited {
color : #2d0088;
text-decoration : underline;
}

a: hover {
color : #2d0088;
text-decoration : underline;
}


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

#colonne1
{
  width: 335px;
  float: left;
  background-color : #E6E6E6;
}
 
#colonne2
{
  width: 335px;
  float: right;
  background-color : #E6E6E6;
}

#gauche {
	position:absolute;
	float : left;
	padding : 0px;
	margin-left:10px;
	background-color : #E6E6E6;
	top:250px;
	width : 140px;
	height: auto;
}

#droite {
	width: 728px;
	position : relative;
	padding : 5px 10px 5px 5px;
	float : right;
}

.spacer {
	clear : both;
}

.spacer2 {
	clear : right;
}

.spacer3 {
	clear : left;
}

#texte {
	width: 728px;
	padding : 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#333333;
	font-style: normal;
	text-align : justify;
	line-height: 19px;
}

.petit-texte {
	padding : 0px 5px 0px 5px;
	margin : 0px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align : justify;
	line-height: 15px;
}

.orange-moyen {
	font-size: 14px;
	color: #2d0088;
}
.orange-gros {
	font-size: 16px;
	color: #2d0088;
}

h1 {
	padding : 3px 3px 3px 13px;
	margin : 0px 0px 0px 0px;
	line-height: 30px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	text-align : left;
	background-color : #2d0088;
	color : #E6E6E6;
}

h2 {
	padding : 3px 13px 3px 13px;
	margin : 5px 10px 10px 0px;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align : left;
	color : #2d0088;
	background-color : #E6E6E6;
	border-bottom-width : 4px;
	border-left-width : 4px;
	border-bottom-style : solid;
	border-left-style : solid;
	border-bottom-color : #2d0088;
	border-left-color : #2d0088;
}

h3 {
	padding : 2px 2px 2px 2px;
	margin : 5px 0px 5px 0px;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	text-align : left;
	color : #2d0088;
}

h4 {
	font-size : 14px;
	font-weight : normal;
	color : #2d0088;
	margin : 0;
	padding : 0;
	font-style : normal;
	text-align : left;
}

h5 {
	font-size : 12px;
	font-weight : normal;
	color : #000000;
	margin : 5px;
	padding : auto;
	font-style : normal;
	text-align : right;
}

p {
	padding : 8px;
	margin : 8px;
	margin-bottom : 6px;
	text-align : justify;
}

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

.tableau {
	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-weight:normal;
font-size:14px;
}
/* fond blanc pour le menu */ 
div#menu a {color:#2d0088; }
div#menu ul {padding: 0; width: 130px; border:1px solid; margin:0px; background: #E6E6E6; }

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

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: 130px; display:none; background: #CCCCCC; }

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

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

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

#bottom {
	margin-left : auto;
	margin-right : auto;
	margin-top: 0px;
	padding : 0px 10px 10px 10px;
	background-color : #E6E6E6;
	font-family : "Arial", Helvetica, sans-serif;
	font-size : 12px;
	text-align : left;
	line-height : 17px;
	width: 880px;
}