@charset "iso-8859-1";
a:link {
	color: #646464;
	text-decoration: none;
       }

a:visited {
           color: #646464;
           text-decoration: none;
          }

a:active {
          color: #646464;
          text-decoration: none;
         }

a:hover {
         color: #FF9900;
         text-decoration: none;
        }

body {
      font-family:  Arial, Helvetica, Verdana,sans-serif;
      font-size: 11px;
      color: #000000;
	 
	color: #555753; 
	background: #ffffff url(images/bgb.gif) ; 
	margin: 0px; 
	  text-align : justify;
      scrollbar-face-color: #6600FF;
      scrollbar-highlight-color: #6666FF;
      scrollbar-3dlight-color: WHITE;
      scrollbar-darkshadow-color: #3C3996;
      scrollbar-shadow-color: WHITE;
      scrollbar-arrow-color: #ffffff;
      scrollbar-track-color: #CCCCCC;
	  
     }	
	 textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #999999;
  background-color: #777;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}
	 
	 TD {
	FONT-SIZE: 11px; FONT-FAMILY: Arial,Verdana,Geneva,Helvetica,sans-serif
}
.bigrey {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #838d99;font-weight: bold;text-decoration: none} 
.bigb {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #000000;font-weight: bold;text-decoration: none}
.bigbb {  font-family: Arial,Helvetica,tahoma; font-size: 13px; color: #000000;font-weight: normal;text-decoration: none}
.filet {  font-family: tahoma; font-size: 9px;font-weight: bold; color: #8C8C8C; text-decoration: none}
.bluetit{  font-family: Arial,Helvetica,tahoma; font-weight: bold; font-size: 12px; color: #333399; text-decoration: none}
.bluetit2{  font-family: Arial,Helvetica,tahoma; font-weight: bold; font-size: 15px; color: #333399; text-decoration: none}
.bluetit1{  font-family: Arial,Helvetica,tahoma; font-weight: bold; font-size: 13px; color: #333399; text-decoration: none}
.whitetit1{  font-family: Arial,Helvetica,tahoma; font-weight: bold; font-size: 13px; color: #ffffff; text-decoration: none}
.orangetit1{  font-family: Arial,Helvetica,tahoma; font-weight: bold; font-size: 13px; color: #FF9900; text-decoration: none}
.orangeb {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #CC6600;font-weight: bold;text-decoration: none}
.orangetit{  font-family: Arial,Helvetica,tahoma; font-weight: bold; font-size: 12px; color: #CC6600; text-decoration: none}
.blueb {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #333399;font-weight: bold;text-decoration: none}

a.menu {font-family: Arial, Helvetica, sans-serif; font-size:12; font-weight:bold; color: #3333CC; text-decoration: none;  }
a.menu:link { color:#3333CC; text-decoration:none; }
a.menu:visited { color:#3333CC; text-decoration:none; }
a.menu:hover {  color:#FF6633; text-decoration: none; }
a.menu:active { color:#3399FF; text-decoration:none;}

.small
{font-family:  Arial,Verdana, Helvetica, sans-serif; color:#000000; font-size:9; font-weight:normal;
}
.smallorange
{font-family:  Arial,Verdana, Helvetica, sans-serif; color:#CC6600; font-size:9; font-weight:normal;
}
.smallb
{font-family:  Arial,Verdana, Helvetica, sans-serif; color:#6699FF; font-size:10; font-weight:normal;
}
.red
{font-family: Verdana, Arial, Helvetica, sans-serif; color:#CC0033; font-size:9; font-weight:normal;
} 
.redb {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #FF3300;font-weight: bold;text-decoration: none} 
.redbb {  font-family: Arial,Helvetica,tahoma; font-size: 14px; color: #FF3300;font-weight: bold;text-decoration: none}
.bigtxt {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #000000;font-weight: normal;text-decoration: none} 
.txt {  font-family: Arial,Helvetica,tahoma; font-size: 10px; color: #000000;font-weight: normal;text-decoration: none}
.blue {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #6666FF;font-weight: normal;text-decoration: none}
.orange {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #CC6600;font-weight: normal;text-decoration: none}   
.biggrey {  font-family: Arial,Helvetica,tahoma; font-size: 12px; color: #838D99;font-weight: bold;text-decoration: none} 
.grey {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #838D99;font-weight: normal;text-decoration: none} 
.white {  font-family: Arial,Helvetica,tahoma; font-size: 10px; color: #ffffff;font-weight: normal;text-decoration: none} 
.whiteb {  font-family: Arial,Helvetica,tahoma; font-size: 11px; color: #ffffff;font-weight: bold;text-decoration: none}
.whitebb {  font-family: Arial,Helvetica,tahoma; font-size: 15px; color: #ffffff;font-weight: bold;text-decoration: none}
textarea {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px;
          color: #666666;
          border-width: 1px;
          border-style: solid;
          border-color: #999999;
          background-color: #EcEcEc;
         }

select {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
        border-width: 1px;
        border-style: solid;
        border-color: #999999;
        background-color: #EBEAEA;
       }

input {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 10px;
       color: #666666;
       border-width: 1px;
       border-style: solid;
       border-color: #999999;
       background-color: #EcEcEc;
      }
	  
.tablorange { margin:3px; padding:1em; border:1px solid #FF6600; float:center;}

.tablogrey { margin:5px; padding:1em; border:1px dotted #CCCCCC; float:center;}

.tablogrey222 { margin:5px; padding:1em; border:1px solid #CCCCCC; float:left;}	
.tablogrey2222 { margin:5px; width:250; padding:1em; border:1px solid #CCCCCC; float:center;}	

.tablogrey2 { margin:5px;  border:1px solid #CCCCCC; float:center;}

.tablogrey22 { margin:5px; width:50%; background-color:#FFCC99; border:2px solid #CCCCCC; float:center;}

.tablored { margin:5px;  width:100%; padding:1em; border:2px solid #CC3333; float:center;}  

.tablo1 { margin-left:5px; margin-right:85px; padding:2; width:80%;border:1px solid #FF9900; background-color:#FFCC99; color:#FF6666;float:center;}



#pop1, #pop2 {
position: absolute;
top: 5em;
left: 10em;
width: 20em;
border: 3px double black;
background: #f5f5dc;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop1 p, #pop2 p {
margin: 0 0.3em;
}
#pop1 h1, #pop2 h1 {
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
color: black;
text-align: center;
}
.fermer {
margin: 0.5em 0 0 0;
border-top: 1px solid black;
background: white url(bottom.gif) left top repeat-x;
color: black;
text-align: center;
}
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #666600;
background-color:#CCCC99;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

a.info2{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info2:hover{
z-index:25;
background-color:#FFF
}

a.info2 span{
display: none
}

a.info2:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #CC0000;
background-color:#FF6600;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

a.info3{
position:relative;
z-index:24;
color:#FFCC00;
text-decoration:none
}

a.info3:hover{
z-index:25;
background-color:#FFF
}

a.info3 span{
display: none
}

a.info3:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:20em;

border: 3px double black;
background-color:#CCFF33;
color:#000;
text-decoration:none;
font-family:sans-serif;
font-size:11px;
font-weight:normal;
text-align: left;
padding:2px;
}