.site-bkg-color{
background-color:#746666;
}

.site-title-table{
background-color:#d7cfcf;}


.site-user-controls{
background-color:#d7cfcf;}

.online-users{
background-color:#d7cfcf;}

.site-menu-table{
background-color:#d7cfcf;}

.site-main-table{
background-color:#ebe7e7;}


.art-table {
background-color:#FFFFFF;
padding:2px;
border:solid #9f9f9f 2px;
width:95%;
}


.img-table {
background-color:#ebe7e7;
padding:2px;
border:solid #9f9f9f 2px;
width:200px;
}


.img-win{
background-color:#000000;
margin-top:0;
margin-left:0;
}
.txtlink:visited{font-family:arial;color:#292929;Font-size: 10pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:1pt}
.txtlink:hover{font-family:arial;color:#595353; text-decoration: underline;Font-size: 8pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:1pt}
.txtlink:link{font-family:arial;color:#292929; text-decoration: underline; Font-size: 8pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:1pt}
.txtlink:active{font-family:arial;color:#595353; text-decoration: underline;Font-size: 8pt;font-weight:bold;margin: 10pt 10pt 0pt;letter-spacing:1pt}

.adminlink:visited{font-family:arial;color:#FF0000;Font-size: 10pt;font-weight:bold;margin: 12pt 10pt 0pt;letter-spacing:1pt}
.adminlink:hover{font-family:arial;color:#FF3300; text-decoration: underline;Font-size: 10pt;font-weight:bold;margin: 12pt 10pt 0pt;letter-spacing:1pt}
.adminlink:link{font-family:arial;color:#FF0000; text-decoration: underline; Font-size: 10pt;font-weight:bold;margin: 12pt 10pt 0pt;letter-spacing:1pt}
.adminlink:active{font-family:arial;color:#FF3300; text-decoration: underline;Font-size: 10pt;font-weight:bold;margin: 12pt 10pt 0pt;letter-spacing:1pt}

.menulink:visited{font-family:arial; color:#292929; Font-size: 10pt; font-weight:bold; margin: 14pt 10pt 0pt;letter-spacing:3pt}
.menulink:hover{font-family:StageCoach; color:#595353; text-decoration: underline;Font-size: 10pt; font-weight:bold; margin: 14pt 10pt 0pt;letter-spacing:3pt}
.menulink:link{font-family:arial; color:#292929; text-decoration: underline; Font-size: 10pt; font-weight:bold; margin: 14pt 10pt 0pt;letter-spacing:3pt}
.menulink:active{font-family:arial; color:#595353; text-decoration: underline;Font-size: 10pt;font-weight:bold; margin: 14pt 10pt 0pt;letter-spacing:3pt}

.titlelink:visited{font-family:arial;color:#FF0000;Font-size: 12pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:3pt}
.titlelink:hover{font-family:arial;color:#FF0000; text-decoration: underline;Font-size: 12pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:3pt}
.titlelink:link{font-family:arial;color:#FF0000; text-decoration: underline; Font-size: 12pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:3pt}
.titlelink:active{font-family:arial;color:#00FF00; text-decoration: underline;Font-size: 12pt;font-weight:bold;margin: 10pt 8pt 0pt;letter-spacing:3pt}

.pagelink:visited{font-family:arial;color:#595353;Font-size: 10pt;font-weight:bold;}
.pagelink:hover{font-family:arial;color:#595353; text-decoration: underline;Font-size: 10pt;font-weight:bold;}
.pagelink:link{font-family:arial;color:#292929; text-decoration: underline; Font-size: 10pt;font-weight:bold;}
.pagelink:active{font-family:arial;color:#595353; text-decoration: underline;Font-size: 10pt;font-weight:bold;}

H1{font-family:arial;color:#FF0000; Font-size: 14pt; font-weight:bold margin: 16pt 10pt 0pt; text: uppercase left;letter-spacing:3pt}
H2{font-family:arial;color:#EEEEFF;font-family:Arial, Helvetica, sans-serif; Font-size: 10pt; margin: 10pt 8pt 0pt; letter-spacing:3pt}
H3{font-family:arial;color:#2F97FF;Font-size: 10pt; margin: 10pt 8pt 0pt; letter-spacing:3pt}
H4{font-family:arial;color:#A4B5DD;Font-size: 8pt; margin: 10pt 8pt 0pt; letter-spacing:3pt}
H5{font-family:arial;color:#A4B5DD}

font{font-family:arial;color:#2A251E;}

.special{font-family:StageCoach; color:#000000;}

.legend{
font-family: Verdana, arial, helvetica, sans-serif; font-style:normal; font-size:7pt; letter-spacing:0pt;
color:#000000;
background-color:#ebe7e7;
}


.float-legend{
font-family: Verdana, arial, helvetica, sans-serif; font-style:normal; font-size:7pt; letter-spacing:0pt;
color:#FFFFFF;
}

.red_font{
color:#FF0000;
font-family:arial;font-size:14pt;letter-spacing:1pt
}
.img-table{
padding:2px;
border:solid #423F33 2px;
}
.legend{
font-family:Verdana,arial,helvetica,sans-serif;font-style:normal;font-size:7pt;letter-spacing:0pt;
color:#423F33;
}
.layer{ 
position:absolute; 
background-color:#ebe7e7; 

background-color:#ebe7e7;

border:solid #620000 3px;
}
.field{
padding:1px;
border:1px solid #666;
font-family:Verdana;
font-size:11px;
}

@media print{/*Cache le menu à l'impression, marche au moins pour IE, Moz et Opéra.*/
  .menu,.ssmenu{
  visibility:hidden;
 }
}

.menu,.ssmenu{
background-color:#EBE0CA;
background-image:url("images/bkg1.jpg");
color:#595353;
font-family:StageCoach; color:#292929; Font-size: 12pt;
border:2px solid #2A251E;
padding:1px;
/*width et margin sont au cas où le javascript est désactivé.*/
width:15em;
margin:1em;
}

/*.menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel)*/
.menu {
text-align:center;
}

/*.ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu*/
.ssmenu{
/*Effet de dégradé (IE).
   Par exemple :
   transparence à 25% = opacité à 75%:
   FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=75);
   "Glow" :
   FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
   Ombre en bas à droite, 5 px :
   FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AA8922,endColorStr=#543210);
white-space : no-break;*/
}

.menu span,.ssmenu span{
/* Ne pas toucher
   C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
   pause dans l'élocution 
*/
display:none;
}

.ssmenu ul, .ssmenu li{
/* Ne pas trop toucher.
   Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste 
*/
padding:0;
margin:0;
list-style-type:none;
}

.menu a,.ssmenu a,.menu a:visited,.ssmenu a:visited{/*Les liens qui ne sont pas sous le curseur.*/
color:#2A251E;
padding:2px 1px;
text-decoration:none;
/*Ne pas modifier le block, margin et width*/
display:block;
margin:0px;
width:100%;
}
html>body.menu a,html>body.menu a:visited,html>body.menu a:hover,html>body.menu a:active,
html>body.ssmenu a,html>body.ssmenu a:visited,html>body.ssmenu a:hover,html>body.ssmenu a:active{width:auto;}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus{
/*Liens sous le curseur. Change les couleurs du texte et de fond, et enlève le soulignement.*/
background-color:#FFFFFF;
color:black;
text-decoration:none;
}


img{/*Si on met une image dans un lien, pas de bordure*/border:none;}

.ssmenu img{/*un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a>*/margin-right:2px;}

.ssmenu img.hr{/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"...*/
margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
display:block;
}