body {
	behavior: url(csshover.htc);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
h1,h2,h3 { display: inline; }

/*on enleve la restriction de taille du menu*/
div#menu {
	font-weight: bold;
}
div#menu a {
	color:#333333;
	font-weight: normal;
}
/* on enleve la taille de ul et labordure*/

div#menu a:hover{
	color:#000000;
	background: #FDE400;
	background-position: 6px;
	font-weight: bold;
	border-bottom: 1px solid;
	border-bottom-color: #999999;
}

div#menu ul {
	padding: 0;
	margin:0px;
	background: #CCCCCC;
}
div#menu li:hover {
	background: #FDE400;
}
div#menu li.sousmenu:hover {}
div#menu li.sousmenu {
}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {
	position:relative;
	list-style: none;
	float:left;
}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:150px}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:150px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
}

/*Il faut decaller les soussous menu de la taille du sous menu */
div#menu ul.niveau3 {top:0; left: 150px;}

/* on enleve la bordure de chaque hauteur a une couleure de survol
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}*/

div#topmenu {
	background-repeat: repeat;
	background-image: url(images/bg_gradient70.jpg);
}

div#inmenuleft2 {
	list-style-image:url(images/picto_yellow.gif);
	visibility: visible;
}

div#body1 {
	list-style-type: square;
	background-repeat: repeat-x;
	background-image: url(images/bg_gradient.jpg);


	background-position: top:0px;
	background-color: #F8F8F8;
	visibility: visible;
}

div#inbody1 {
	list-style-type: square;
	visibility: visible;
}

div#menuleft2 {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	list-style-position: inside;
	background-repeat: no-repeat;
	background-image: url(images/bg_gradient.jpg);



	background-position: top:0px;
	visibility: visible;
}

div#inmenuleft1 {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	list-style-position: inside;
	background-image: url(images/pave_degrad_metal.gif);
	background-repeat: no-repeat;
	visibility: visible;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin-top: 0px;
}
.chapo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 0px;
	text-align: left;
}
.textegrasgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #000000;
	background-repeat: no-repeat;
}
.textegrasclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
.petittexte {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 0px;
	text-align: left;
}

/*


.photo {float:left;position:relative;}

.photo span  {display:none;}

.photo:hover {border:0;} /* bug IE6 */

/*.photo:hover span{display:block;position:absolute;top:100px;}}*/

.textejustify {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 0px;
	text-align: justify;
}

