/************************/
.justify
{
text-align:justify;
}
.center
{
text-align:center;
}

/*****************************/
body 
{ 
margin:0; 
padding:0; 
font-size:0.8em; 
line-height:1em; 
font-family: verdana, Arial, Tahoma;
color:#333;
background: url(images/header_bckg.gif) repeat-x ;
}
a { color:#FF8000;}
a:hover { text-decoration:none;color:#FE5800;}


#header { height:120px;  }
#header .top
{
 background: url(images/haut.gif) no-repeat ;
 width:900px;
 height:82px; 
 margin:auto;
 border:0px solid silver;
}
#header .top h1
{
float:left;
font-family:arial;
font-size:28px;
padding:45px 0 0 10px;
color:#FF8000;
font-weight:bold;
letter-spacing:0.03em;
width:300px;
}

.suite
{
color:white;
}

#logo { width:900px; margin:0 auto; padding:51px 0 0 20px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }
#menu 
{color:#fff; 
text-align:center; 
padding-top:3px;
height:12px; 
margin-top:1px;
}
#menu ul{ width:900px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a 
{
 display:block; 
float:left; 
font-weight:bold; 
font-size:12px; 
text-decoration:none; 
color:#fff; 
background:url(images/menu_enactive.gif) no-repeat bottom center; 
padding:14px 10px;
padding-bottom:8px; 
width:118px; 
text-align:center; 
text-transform:uppercase;
line-height:13px;
letter-spacing:0.09em;
}
#menu ul a:hover 
{ 
background:url(images/menu_over.gif) no-repeat bottom center; 
color:#232323;
}
#menu ul a.active { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}

/**************************************/
ul
{
list-style-image: URL(images/puce.gif); 
padding: 5px 0 5px 25px;
}
li
{
line-height:1.5em;
}
hr
{
margin:15px 0 15px 0;
color: #FFB56A;
background-color: #FFB56A;
height: 1px;
border: 0;
}
/****************************************/
#main { width:100%; margin:20px 0 20px 0; float:left;}
main p
{
margin:5px 0 5px 0;
}
#head_image 
{ 
height:150px; 
background:url(images/head_bckg.jpg) no-repeat #fe5d00; 
padding:30px 0 30px 50px; 
line-height:24px;
font-weight:normal;
}
#head_image h2
{ 
color:white; 
font-family: Arial, Tahoma; 
font-size:21px; 
margin:0 0 10px 0;
line-height:1.4em;
 }
#head_image h3 { color:#ffff00; font-size:90%;line-height:1.15em;padding-top:15px;}

/***********************************************/
#content 
{ 
margin:0 auto; 
padding:0; 
width:900px;
line-height:1.5em;
}
#text {
float:left; 
width:580px; 
padding-left:20px;
}
#text h2
{ 
margin:10px 0 10px 0; 
/*text-transform:uppercase;*/ 
font-size:130%; 
color:#FE5800; 
font-weight:normal;
}
#text p
{
margin:10px 0 10px 0;
}
#text h3
{ 
margin:10px 0 10px 0; 
font-size:110%; 
color:#FE5800; 
font-weight:normal;
}
#content h1
{
background:#FF8000;
color:white;
padding:3px 0 3px 8px;
font-size:120%;
font-family:arial;
font-weight:bold;
/*text-transform:uppercase;*/
}
#content form
{
margin-left:40px;
}
#content label
{
color:#888;
font-weight:bold;
}
#content input, textarea
{
border:1px solid #FFB653;
background:white;
padding:2px;
width:300px;
font-size:12px;
font-family:verdana;
color:#666;
margin:2px 0 5px 0;
}
.script
{
font-size:90%;
float:left; 
width:580px; 
padding-left:20px;
line-height:16px;
}
.script code
{
display:block;
border:1px solid #00D700;
background:#EAFFF4;
padding: 5px;
font-size:12px;
font-family:monospace;
overflow:auto;
margin:10px 0 10px 0;
}
.script h3
{
font-size:150%;
color:#FF8000;
margin:10px 0 10px 0;
font-weight:bold;
color:#FF8000;
background:transparent;
}
.script h2
{
font-size:140%;
color:maroon;
margin:10px 0 10px 0;
font-family:"georgia";
}
.script p
{
margin:8px 0 8px 0;
}
.script a
{
color:#0080FF;
}
.script ul
{
list-style-image: URL(images/puce.gif); 
padding: 5px 0 5px 25px;
}
.script li
{
line-height:1.6em;
}
.script li a
{
color:#0070A6;
text-decoration:underline;
}
.script li a:hover
{
text-decoration:none;
color:#FF8000;
}
/*******************************************/
#sidebar { 
background:url(images/sidebar_bckg.gif) repeat-x; 
margin:20px 0 0 620px; 
color:#6f6e6e; 
padding:15px; 
width:255px;
}
#sidebar .menu
{
margin:10px;
}
#sidebar .menu a
{
Display:block;
padding:3px 10px 3px 10px;
background:#FFCA95;
color:white;
font-weight:bold;
font-family:arial;
margin-bottom:2px;
}
#sidebar .menu a:hover
{
background:#FFA953;
color:white;
}
#sidebar .menu .selected
{
background:#FFA953;
color:white;
}
#sidebar h2 
{
color:#fe5800; 
margin:10px 0 10px 0; 
font-size:120%; 
font-weight:bold; 
font-family:arial;
}
#sidebar img
{
display:block;
margin:auto;
border:1px solid silver;
}
.login
{
background:url(images/login.gif)   no-repeat ;
margin:10px auto 10px auto;
width:235px;
height:125px;
text-align:center;
}
#sidebar h4
{
font-size:120%;
line-height:1.8em;
color:#FF8000;
font-weight:bold;
margin:0;
}
#sidebar h5
{
font-size:100%;
line-height:1.8em;
color:green;
font-weight:bold;
margin:0;
}
#sidebar form
{
margin:0;
}
#sidebar label
{
color:#888;
font-weight:bold;
}
#sidebar input
{
border:1px solid #FFB653;
background:white;
padding:2px;
width:200px;
font-size:11px;
font-family:verdana;
color:#666;
text-align:center;
margin:2px 0 5px 0;
}
#sidebar .inline
{
display:inline;border:0;
}
#sidebar a
{
color:#208FFF;
text-decoration:none;
}
#sidebar a:hover
{
color:#FF8000;
text-decoration:none;
}
/*************************************************/
#footer 
{
background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; 
height:50px; 
margin-top:20px; 
clear:both;

}
#left_footer 
{ 
float:left; 
padding:18px 0 0 30px; 
color:silver; 
font-weight:normal; 
font-size:11px;
}
#left_footer a { color:silver;}
#left_footer a:hover { text-decoration:none;}
#right_footer 
{ 
float:right;  
padding:18px 30px 0 0; 
color:silver; 
font-weight:normal; 
font-size:11px; 
text-align:right;
}
#right_footer a { color:silver;}
#right_footer a:hover { text-decoration:none;}
#bottom
{
padding:10px 0 0 0;
background:url(images/bottom.gif) repeat-x;
height:300px;
text-align:center;
}
/*************************************************/
a.bulle 
{
     position:relative;
     color:#0080FF;
    /*text-decoration:underline overline ;*/
		cursor:help;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
			text-decoration:none;
			color:green;
   }
   
   a.bulle span {
     display: none;		 		 
		 text-decoration:none;
   }
   
   a.bulle:hover span {
      display: block;
			color:#444;
      position: absolute;
      top: 30px;
      left: 0px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:90%;
      font-weight:normal;
      width:400px;
      background: /*#FFF9F0; yellow;*/#FFFFCE;
      padding: 5px;
      border: 1px solid #FFC082;
			text-decoration:none;
   }
	 /*********************************************/