body 
   { 
/*	font-family: Microsoft Sans Serif, Helvetica, sans-serif; */
/*	font-family:"MS Trebuchet","ITC Avant Garde Gothic","MS Arial","MS Verdana",Univers,Futura,"ITC Stone Sans","Gill Sans","Akzidenz Grotesk",Helvetica;*/
font-family:Tahoma,"Trebuchet MS","Nimbus Sans L",Arial,"Franklin Gothic Medium","Helvetica Neue",Geneva,Verdana,"URW Gothic L","Gill Sans",Helvetica,"Lucida Sans Unicode","Arial Black","Lucida Grande","Microsoft Sans Serif",sans-serif;	background-image:url(fondas.png);
   font-size: 12px;
   font-weight: normal;
   color: #404040;
   margin: 0;
   }
   
ul.offset, .offset {
  position : absolute;
  top : -500px;
  left : -500px;
  z-index : 9;
}

ul.offset a:focus, ul.offset a:active {
  position : absolute;
  top : 510px;
  left : 510px;
  background-color : #339999; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  border : 2px solid #000;
  width : 6em;
  z-index : 9;
}

a img
   {
   border: none;
   }

.c_Commentaire
   {
   color: #8B5A00;
   }

#div_centre.b_Spectacle
   {
   border-left-color: #114F00;
   }

.c_Spectacle
   {
   color: #114F00;
   }

#div_centre.b_Personne
   {
   border-left-color: #5B3939;
   }

.c_Personne
   {
   color: #5B3939;
   }

#div_centre.b_Organisme
   {
   border-left-color: #473CAA;
   }

.c_Organisme
   {
   color: #473CAA;
   }

.c_Titre
   {
/*   font-family: Trebuchet MS, Microsoft Sans Serif;*/
   }

.c_RC
   {
/*   font-family: Trebuchet MS, Microsoft Sans Serif;*/
   font-size: 18px;
   font-weight:bold;
   font-variant:small-caps;
   padding-right: 10px;
/*   margin-bottom: -10px;*/
   }

.c_ABC
   {
/*   font-family: Trebuchet MS, Microsoft Sans Serif;*/
   font-size: 12px;
   font-weight:bold;
   padding-bottom:0px;
   border-bottom: solid 1px gray;
   }

.fs24
   {
   font-size: 24px;
   }

.fs19
   {
   font-size: 19px;
   }

.fs18
   {
   font-size: 18px;
   }

.fs17
   {
   font-size: 17px;
   }

.fs16
   {
   font-size: 16px;
   }

.fs15
   {
   font-size: 15px;
   }

.fs14
   {
   font-size: 14px;
   }

.fs13
   {
   font-size: 13px;
   }

.fs12
   {
   font-size: 12px;
   }

.fs11
   {
   font-size: 11px;
   }

.fs10
   {
   font-size: 10px;
   }

.fs9
   {
   font-size: 9px;
   }
    
.fs8
   {
   font-size: 8px;
   }

.fs7
   {
   font-size: 7px;
   }

.fs6
   {
   font-size: 6px;
   }

.fs5
   {
   font-size: 5px;
   }

.b
   {
   font-weight:bold;
   }

.metier
   {
   font-weight:bold;
   }

.n
   {
   font-weight:normal;
   }

.u
   {
   text-decoration: underline;
   }

.i
   {
   font-style: italic;
   }

.c
   {
   color: #404040;
   }

.sc 
   {
   font-variant:small-caps;
   }

.t 
   {
   color: #444444;
   }

.cg
   {
   color: #B22222;
   }

.cg2
   {
   color: #2F4F4F;
   }

.co
   {
   color: #606060;
   }

.cp
   {
   color: #FF9933;
   }

.footerSPO
   {
   margin-top:10px; 
   padding:5px; 
   border-left: solid 1px #C0C0C0; 
   border-top: solid 1px #C0C0C0;
   font-size:11px;
   }
   
.bordureSPO /* Utilisé nulle part ? */
   {
/*   font-family: Trebuchet MS, Microsoft Sans Serif;*/
   font-family: Helvetica, sans-serif;
   color: #B22222;
   font-weight: bold;
   font-size: 24px; 
   background-color:#F0E68C; 
   margin:0px; 
   padding:5px 5px 0 5px;  
/*   font-variant:small-caps;  */
   -moz-border-radius: 5px; 
   border:solid 1px #A0A0A0;
   }
    
.fixCR
   {
   vertical-align:-2px;
   }
   
a
   {
   text-decoration: none;
   }

a:hover
   {
   text-decoration: underline;
   }

p.no_margin
   {
   margin: 5px 0 0;
   }

ul.infosSS
   {
   margin: 5px 0px;
   padding-left: 30px;
   }
   
ul.infos
   {
   padding: 0px;
   margin-left:0px;
   }
   
ul.infos li
   {
   list-style:none;
   }
   
ul.liens
   {
   padding: 0px;
   margin-top:5px;
   margin-left: 0;
   }
   
ul.liens li
   {
   text-align:center;
   list-style:none;
   }
   
ul#liensSite, ul#liensContenu, ul#liensRessource, ul#liensSS
   { 
   padding: 0px;
   margin:10px;
   }

ul#menu
   { 
   padding:0px;
   padding-left:5px;
   margin:8px 0 10px;
   }

ul#menu li, ul#liensSite li, ul#liensContenu li, ul#liensRessource li
   {
   display: inline;
   }

ul#liensSite li a, ul#liensContenu li a, ul#liensRessource li a
   {
   padding: 5px;
   white-space: nowrap;
   text-decoration: underline;
   }

ul#liensSS li
   {
   display: inline;
   white-space: nowrap;
   padding: 5px;
   }

ul#menu li a, a.bouton
   {
   padding: 3px 5px;
margin-left:-2px;   
margin-right:-2px;   
   color: #404040;
   font-size:10px;
   font-weight: bold;
   font-family: Verdana;
   border: 1px solid #B22222;
   background-color:#FFC125;
   line-height: 16px;
   white-space: nowrap;
   }
  
ul#menu li a:hover, a.bouton:hover
   { 
   background-color:#B0B0B0; 
   }

ul#menu li a:active, a.bouton:active
   { 
   background-color:white; 
   }

ul.onglets_multiples.ongletsSPO
   {
   display:block;
   }

ul.onglets_multiples 
   { 
   padding: 0px;
   margin: 0px;   
   margin-top:10px;
   display: none;
   }

ul.onglets_multiples li
   {
   display: inline;
   }

ul.onglets_multiples li a, .onglet_seul, .onglet_seulX, .onglet_seulR
   {
   padding: 3px 3px;
   font-size: 11px;
/*   color: #551A8B;*/
   font-weight: bold;
   white-space: nowrap;
   -moz-border-radius-topleft: 5px; /* Gecko (Firefox...) */
   -webkit-border-top-left-radius: 5px; /* Webkit (Safari, Chrome) */
    
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   }

ul.onglets_multiples li a:active 
   { 
   background-color:white; 
   }
   
.onglet_seul
   {
   background-color:#FFC125;
   }

.onglet_seulR
   {
   background-color:#C0C0C0;
   }

.onglet_seul:hover, .onglet_seulR:hover
   {
   text-decoration:none;
   }

.tabWrapper
   {
   margin-top: 1em;
   }

.ongletR_off
   {
   /*EEC591*/
   background-color: #E8E8E8;
   border-left: solid 1px #E8E8E8;
   border-top: solid 1px #E8E8E8;
   border-right: solid 1px #E8E8E8;
   }

.ongletR_on
   {
   background-color: #C0C0C0;
   border-left: solid 1px #C0C0C0;
   border-top: solid 1px #C0C0C0;
   border-right: solid 1px #C0C0C0;
   }

.onglet_on
   {
   background-color: #FFC125;
   border-left: solid 1px #FFC125;
   border-top: solid 1px #FFC125;
   border-right: solid 1px #FFC125;
   }

.onglet_off
   {
   background-color: #FFEC8B;
   border-left: solid 1px #FFEC8B;
   border-top: solid 1px #FFEC8B;
   border-right: solid 1px #FFEC8B;
   }

/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/

#div_bandeau
   {
/*   background-color: #F0F0F0;*/
/*   background-color: #FFEBCD;*/
   background:#FFFAF0;
/*   border: solid 1px #FF9933;*/
/*   border: solid 2px #CDAF95;*/
   border: solid 2px #CDAF95;
   border-left: solid 20px #B22222;
   height: 90px;
   padding: 10px;
   margin: 10px;
   }

#div_logo
   {
/*   border-right: 1px dotted #A0A0A0;*/
   margin-top:5px;   
   float: left;
   width:220px;
   }

#div_menu
   {
   padding-left: 240px;
   }

#div_logo_agenda
   {
   float: right;
   margin-top:5px;   
   /* margin-top: ... ; pour le descendre (calculer le milieu) */
   }

#div_gauche
   {
   position: absolute;
   left: 10px;
/*   top: 122px;*/
/*   top: 117px;*/
   top: 122px;
   width: 200px;
   padding: 5px;
   padding-top: 5px;
   text-align: center;
   vertical-align: bottom;
   background:#FFFAF0;
/*   border: solid 1px #FF9933;*/
/*   border: solid 2px #CDAF95;*/
   border: solid 2px #CDAF95;
   border-left: solid 20px #B22222;
   border-top-width: 0px;
   vertical-align: top;
   font-weight: normal;
   }

#div_gauche hr
   {
   border: none;
   color: gray;
   background-color: gray;
   height: 1px;
   margin: 0 auto;
   }

#blocstats
   {
   padding: 3px 0;
   margin: 10px 0;
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
   border-left: none;
   border-right: none;
   }

#dateAujourdhui
   {
   border-bottom: 1px solid gray;
   margin-bottom: 6px;
   font-weight: bold;
   }

#div_gauche_agenda
   {
   position: absolute;
   left: 10px;
/*   top: 122px;*/
   top: 10px;
   width: 275px;
   padding: 10px;
   padding-top: 5px;
   text-align: center;
   vertical-align: bottom;
   background:#FFFAF0;
/*   border: solid 1px #FF9933;*/
/*   border: solid 2px #CDAF95;*/
   border: solid 2px #CDAF95;
   border-left: solid 20px #B22222;
   vertical-align: top;
   font-weight: normal;
   }

.div_noscript
   {
   margin: 10px 0 10px 255px;
   background-image: url(fondasplusclair.png);
   border: solid 1px #D0D0D0;
   border-left: solid 13px red;
   padding: 10px;
   font-weight: bold;
   color: red;
   }

.div_infos
   {
   margin: 10px 0 10px 265px;
   padding: 5px 10px;
   background-color: #E8E8E8;
   display:table;
   border: outset 1px #A0A0A0;
   text-align:center;
/*   width:550px;*/
   }

.div_erreur
   {
   margin: 10px 0 10px 265px;
   padding: 10px;
   color: #B22222;
   font-weight: bold;
   }

#div_centre
   {
   background-image: url(fondasplusclair.png);
   padding: 10px;
   border: solid 1px #D0D0D0;
   border-left: solid 13px #D0D0D0;
   margin-left: 255px;
/*   margin-top: 10px;*/
   margin-right: 10px;
   text-align: left;
   }

#div_centre_agenda
   {
   background-image: url(fondasplusclair.png);
   padding: 10px;
   border: solid 1px #D0D0D0;
   border-left: solid 13px #D0D0D0;
   margin-left: 340px;
   margin-top: 10px;
   margin-right: 10px;
   text-align: left;
   }

#div_centre.c_Dialogue
   {
   border-left : solid 13px #FF9933;
   }

#div_centre_agenda.c_Dialogue
   {
   border-left : solid 13px #FF9933;
   border-top : solid 5px #FF9933;
   border-bottom : solid 5px #FF9933;
   }

#div_centre.c_Accueil
   {
   border: 0;
   }

#div_panneau_1, #div_panneau_2, #div_panneau_3, #div_panneau_4, #div_panneau_5
   {
   background-color: #EEEEEE;
   margin-top: 10px;
   padding: 10px;
   text-align: left;
   font-size: 10px;
   vertical-align: top;
   border-left: solid 10px #C0C0C0;
   }
#div_panneau_1 td, #div_panneau_2 td, #div_panneau_3 td, #div_panneau_4 td, #div_panneau_5 td  
   {
   padding: 0px; 
   white-space: nowrap
   }

.panneauR 
   {
   margin-top:3px;
   padding:5px;
   border-left: solid 10px #C0C0C0;
   border-top: solid 5px #C0C0C0;
   border-bottom: solid 1px #C0C0C0; 
   }

.panneau 
   {
   margin-top:3px;
   padding:5px;
   border-left: solid 10px #FFC125;
   border-top: solid 5px #FFC125;
   border-bottom: solid 1px #FFC125; 
   }
   
.panneau table
   {
   white-space: nowrap
   }

.panneauR table
   {
   white-space: nowrap
   }

.panneau form
   {
   margin-bottom: 0px;
   }

#div_navbar
  {
  background-color: #CCCC99;
  font-size: 13px;
  border: solid 1px gray;
  }

#div_user
   {
   display:table; 
   margin-left:10px; 
   margin-top:10px; 
   margin-bottom:0px; 
   padding:5px 10px 5px 10px ;
   border: solid 1px #808080; 
   border-bottom: 0px; 
   background-color: #D0D0D0;
   -moz-border-radius-topleft: 5px;  /* Anecdotique, c'est pour un arrondi sur le coin supérieur gauche de chaque lien */
   -moz-border-radius-topright: 5px;  /* Anecdotique, c'est pour un arrondi sur le coin supérieur gauche de chaque lien */
   }

#div_SPO
   {
/*   background-color: #EEEEEE;*/;
   margin:0px;
   margin-left:5px;
   margin-top:5px;
   padding-left:3px;
   padding-top:0px;
   text-align: left;
 /*   border: solid 1px gray;*/
   vertical-align: top;
   display:table;
   }

#div_SPO text {font-size:11px;}
#div_SPO textarea {font-size:11px;}
#div_SPO select {font-size:11px;}
#div_SPO input {font-size:11px;}
#div_SPO b {font-size:11px;}
#div_SPO td {font-size:11px;}
#div_SPO p {margin: 3px 0;}
   
.opale
   {
   padding: 5px;
   margin:5px;
   }
/* ###  État d'avancement  ### */
.avancement
   {
   white-space: nowrap;
   background-color: #FFFFFF;
   border: 1px solid gray;
   }
   
.avancement tr
   {
   background-color: white;
   }
.avancement tr:hover
   {
   background-color: lightblue;
   }

tr.entete_avancement, tr.entete_avancement:hover
   {
   background-color:#F0E68C;
   }

.boite
  {
  margin: 0px 0px 5px 0px; 
  margin-left:0px; 
  padding: 5px; 
  border-left: solid 1px #C0C0C0; 
  border-top: solid 1px #C0C0C0;
  }

.warning
   {
   text-align:center; 
   padding:10px 20px; 
   width:520px; 
   background-color:#FFC125; 
   margin:auto;
   }

sup 
   { 
   vertical-align:0.3em; 
   }

/*****  Texte défilant  *****/
#conteneur_defil
   { 
   width:700px;
   margin-left:265px;
   margin-top:10px;
   position:relative;
   line-height: normal;
   }
#cadre_defil
   {
   border:1px solid #D0D0D0;
   background-image: url(fondasplusclair.png);
   position:relative;
   overflow:hidden;
   width:690px;
   height:18px;
   /*padding-top:2px;*/
   }
#defile
   {
   position:absolute;
   top:2px;
   height:1em;
   cursor:default;
   line-height: normal;
   }
#liens_defil
   {
   position:absolute;
   right:0px;
   height:18px;
   width:120px;
   background-color:white;
   z-index:1;
   border:1px solid #D0D0D0;
   text-align: center;
   }
#liens_defil a
   {
   border-bottom:1px dotted blue;
   font-size:x-small;
   }
#liens_defil a span
   {
   font-weight:bold;
   }

#lien_agrandir.nolink, #lien_agrandir.nolink:hover, #lien_agrandir.nolink:active
   {
   border:none;
   text-decoration:none;
   cursor:default;
   }
/*********************************/

.adresse
   {
   margin-left: 30px;
   padding-left: 10px;
   border-left: 1px solid gray;
   }

div.boutons_qui a
   {
   margin:10px;
   color:blue;
   }
div.boutons_qui
   {
   padding:10px;
   }
   
#xvdMessagerie
    {
    background:#E0E0E0;
    padding:5px;
    }
    
#xvdTrace
    {
    background:#EEE8AA;
    padding:5px;
    }
    
#xhrMessage
    {
    bottom:0;
    position:fixed;
    right:0;
    text-align:right;
    }

#xhrWait
    {
    top:0;
    position:fixed;
    left:0;
	width:100%;
	height:100%;
	cursor:wait;
	display:none;
    }

#xhrWait span
	{
	text-decoration:blink;
	color:white;
	background:#8FBC8F;
	padding:5px;
	}
	
.panneauX 
   {
   margin-top:3px;
   padding:5px;
   border-left: solid 10px #707070;
   border-top: solid 5px #707070;
   border-bottom: solid 1px #707070; 
   }
   
.onglet_seulX
   {
	color:#FFFFFF;
	padding:5px;
   background-color:#707070;
   }

.onglet_onX
   {
	color:#FFFFFF;
   background-color: #707070;
   border-left: solid 1px #E0E0E0;
   border-top: solid 1px #E0E0E0;
   border-right: solid 1px #E0E0E0;
   }

.onglet_offX
   {
	color:grey;
   background-color: #E0E0E0;
   border-left: solid 1px #707070;
   border-top: solid 1px #707070;
   border-right: solid 1px #707070;
   }