BODY {background: #F1C480; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.cadre {  border: #F1C480; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F1C480}
input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #999999; vertical-align: middle}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.intitule {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #CCCCCC}
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #999999; vertical-align: middle }
.case {  background-color: #FFFFFF}
.surlign { text-decoration: none; color: #000000}
.surlign:hover {  text-decoration: underline}
.surlign:visited { text-decoration: none; color: #000000}

ul, li { list-style-type: none; margin: 0; padding: 0; }

a { text-decoration: underline; color: #FFFFFF ; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:hover{ text-decoration: none; ; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699}
.lien { text-decoration: none; color: #222; }

.item {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF; background-color: #999999; letter-spacing: 1px; text-align: left; text-indent: 10pt; vertical-align: middle; height: 30px}
.blabla_titre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; background-color: none; text-align: left; vertical-align: top}
.blabla {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background-color: none; text-align: left; vertical-align: top}

p { margin: 0; padding: 0; }
.menu {  }
.logo {  background-image: url(images/bandeau_large.jpg); background-repeat: no-repeat}

div.menu li {float: left; }
div.menu a:hover { background: #FFFFFF; border: 1px solid gray; ; text-align: center; font-size: 11px}
div.menu a:visited { border: 1px solid gray; ; text-align: center}
div.menu a:active { background: gray; border: 1px solid gray; color: #fff; }
div.menu a { margin: 0px 0px; width: 98px; height: 15px; display: block; text-align: center; border: 1px gray solid; text-decoration: none; color: #FFFFFF; background: #999999; ; font-size: 11px; font-weight: bold}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8,#smenu9, #smenu10 { margin:  0px 0px; padding: 0 0px; float: left; display: none; font-size: 10px; width: 85px; background: none; } 
.mentions { position: absolute; bottom : 300px; left : 10px; color: #000; background-color: #ddd; }

.li_gauche {
	margin-bottom: -1px;
	font-weight: bold;
}

.menu_gauche a {
	margin: 0 2px;
	width: 110px;
	height: 50px;
	display: block;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #FFFFFF;
	background: #999999; 
	vertical-align: middle;
	 }
	 
.menu_gauche a:hover {
     background: #ccc;
     border: 1px solid gray; 
     }

.menu_gauche a:active {
     background: gray;
     border: 1px solid gray; 
     color: #fff;
     }
.mentions_gauche {
	font-family: verdana, arial, sans-serif;
	position: absolute;
	bottom : 300px;
	left : 10px;
	color: #000;
	background-color: #aaa;
}
a.test {
	text-decoration: none;
	color: #222;
}
a.test:hover{
	text-decoration: underline;
}

 Style CSS du menu droit 
.li_droit {
	margin-bottom: -1px;
	font-weight: bold;
}

.menu_droit a {
     margin: 0 2px;
     width: 100px; 
     height: 50px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #FFFFFF;
     background: #999999; 
; font-weight: bold
	 }
	 
.menu_droit a:hover {
     background: #ccc;
     border: 1px solid gray; 
     }

.menu_droit a:active {
     background: gray;
     border: 1px solid gray; 
     color: #fff;
     }
.mentions_droit {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #aaa;
}
a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}

		ul#menu_relief
		{
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
		
		ul#menu_relief li
		{
			margin: 0 0 10px;
			padding: 0 0;
		}
		
		ul#menu_relief li a
		{
			display: block ;
			width: 170px ;
			line-height: 20px;
			color: #000 ;
			text-indent: 40px ;
			text-decoration: none ;
			background: 0 url(images/bg_menu_relief.gif) no-repeat 0 0;
			border: 1px solid #dbd ;
 			font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
			font-size: 10px;
			font-style: italic;
			color: #FFFFFF;
		}
		
		ul#menu_relief li a:hover
		{
			background: url(images/bg_menu_relief.gif) no-repeat 0 -20px ;
			border: 1px solid #DCA04A ;
 			font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
			font-style: italic;
			color: #000000;
		}

