/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase; }
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;margin:0 20px 0 0;float:left}
.blue #slatenav ul li a{display:block;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px; float:left}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
.blue #slatenav ul  ul {position: absolute; top: 42px; left:0px; display:none; background: #00587D; width:100%}
.blue #slatenav ul  ul li {width:100px}
/*.blue #slatenav li:hover {background: #99CCFF;}*/
.blue #slatenav  li:hover ul.sousmenu{display:block; }
.blue #slatenav  ul li ul.sousmenu a:hover {display:block; }
/* ---------------------- END Blueslate nav ---------------------- */


body
{
behavior:url("csshover.htc");    
margin:0px auto;
padding:0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
}

td.mainoff {

height:33px;
}
td.mainon{
background: url(../images/fond.gif) 0px 0px no-repeat;
font-color:#FFFFFF;
height:33px;
}
.logo
{
margin:11px 0px 0px 16px;
}
.header_image_box
{
padding:0px 5px 3px;
background-color:#FFFFFF;
color: #484836;
}
.body_text_box
{
padding:5px 30px 15px 30px;
background-color:#FFFFFF;
color: #484836;
}
.footer_left_bg
{
background:url(../images/footer_left_bg.gif) left top no-repeat;
height:33px;
}
.box_top_line
{
background:url(../images/top_line.gif) left top repeat-x;
height:9px;
}
.box_left_line
{
background:url(../images/left_line.gif) left top repeat-y;
width:9px;
}
.box_right_line
{
background:url(../images/right_line.gif) right top repeat-y;
width:9px;
}
.box_bottom_line
{
background:url(../images/bottom_line.gif) left top repeat-x;
height:9px;
}
.input_box
{
border:1px solid #484836;
width:108px;
height:18px;
background-color:#FFFFFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #17170F;
text-decoration: none;
padding-left:3px;
}
.highlight
{
color:#72550F;
font-size:14px;
text-decoration:none;
background-color:inherit;
}




/* CSS Background image Document */
.menu_bg
{
background:url(../images/menu_bg.jpg) left top repeat-x;
height:27px;
}
.body_left_bg
{
background:url(../images/body_left_bg.jpg) left top repeat-y;
width:6px;
}
.body_right_bg
{
background:url(../images/body_right_bg.jpg) left top repeat-y;
width:6px;
}
.header_top_image
{
background:url(../images/header_top_image.jpg) left top no-repeat;
height:130px;
}
.header_bottom_image
{
background:url(../images/header_bottom_image.jpg) left top no-repeat;
height:129px;
}




/* CSS Text Document */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #484836;
	text-decoration: none;
}
.menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:inherit;
	text-decoration: none;
}
.menu_link:hover
{
text-decoration:underline;
color:#FFFFFF;
background-color:inherit;
}
.left_menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 33px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #484836;
	text-decoration: none;
	
}
.left_menu_link:hover
{
text-decoration:underline;
color:#1B1B11;

}
.footer_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 23px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color:inherit;
}
.footer_link:hover
{
text-decoration:underline;
color:#666666;
background-color:inherit;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
  margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width: 669px;
	
}
#menu dl {
float: left;
width: 110px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

 .st1
{
font-family: Verdana, Arial, Helvetica, sans-serif ;
 font-style: italic ;
 font-size: 8pt ;
}
.st2
{
font-family: Verdana, Arial, Helvetica, sans-serif ;
 font-style: italic ;
 font-size: 8pt ;
 
}
#barmenu {
	position: absolute;
    left:140px;	
	top:0px;
	width:606px;
	height:455px ;
	
}
#bar1 {
	margin-left:50px;
	width:890px;
	background-color: #5B5BFF;
}

#bar3 {
position: absolute;
 left:0px;
	top:110px;
	width:140px;
	height: 300px ;
border: 1px;
layer-background-color: #330066;
	
}
#bar4 {
position: absolute;
    left: 800px;	
	top:0px;
	width:150px;
	height: 467px ;
	
	
}

#bar5 {
position: absolute;
  left: 270px;
	top:15px;
width:300px;
	height: 30px ;
	
}
#bar5bis {
position: absolute;
  left: 160px;
	top:60px;
width:170px;
	height: 330px ;	
}
#bar6 {
position: absolute;
    left: 330px;	
	top:60px;
    width:170px;
	height: 329px ;
	
	
}
#bar7 {
position: absolute;
    left: 500px;
	top:60px;
width:170px;
	height: 250px ;
	
}
#bar8 {
position: absolute;
    left: 500px;
	top:260px;
width:170px;
	height: 120px ;
	
}
#bar9 {
position: absolute;
    left: 190px;
	top:115px;
	width: 610;
	height: 30px ;
	background-color:#D9FFEC;
}
#bar10 {
position: absolute;
	left:60px;
	top:300px;
	width:140px;
	height: 170px ;
	
}

#bar11 {
position: absolute;
	left:0px;
	top:400px;
	width:910px;	
	border: solid 2px gray ;
}