body 
   { 
   font-family: Microsoft Sans Serif, Helvetica, sans-serif;
   background-image:url(../fondas.gif);
   font-size: 12px;
   font-weight: normal;
   color: #404040;
   margin:5px;
   }

.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_Agenda
   {
   color: #FF8247;
   }

.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;
   }

.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;
   }

.nrm 
   {
   font-variant:normal;
   }

.t 
   {
   color: #444444;
   }

.cg
   {
   color: #FF8247;
   }

.co
   {
   color: #606060;
   }

.cp
   {
   color: #FF8247;
   }

.footerSPO
   {
   margin-top:10px; 
   padding:5px; 
   border-left: solid 1px #C0C0C0; 
   border-top: solid 1px #C0C0C0;
   font-size:11px;
   }
   
.bordureSPO
   {
   font-family: Trebuchet MS, Microsoft Sans Serif;
   color: #FF8247;
   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;
   }
   
ul.infos li
   {
   list-style:none;
   }
   
ul.liens
   {
   padding: 0px;
   margin-top:5px;
   }
   
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
   {
   padding: 3px 5px;
margin-left:-2px;   
margin-right:-2px;   
   color: #404040;
   font-size:10px;
   font-weight: bold;
   font-family: Verdana;
   border: 1px solid #FF8247;
   background-color:#FFC125;
   line-height: 16px;
   white-space: nowrap;
/*   -moz-border-radius: 5px;  /* Anecdotique, c'est pour un arrondi sur le coin supérieur gauche de chaque lien */
   }
  
ul#menu li a:hover 
   { 
   background-color:#B0B0B0; 
   }

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

ul.onglets_multiples.ongletsSPO
   {
   display:block;
   }

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

ul.onglets_multiples li
   {
   display: inline;
   }

ul.onglets_multiples li a, .onglet_seul
   {
   margin-right:3px;
   padding: 3px 5px;
   font-size: 11px;
   color: #551A8B;
   font-weight: bold;
   white-space: nowrap;
   }

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

.tabWrapper
   {
   margin-top: 1em;
   }
.onglet_off
   {
   background-color: #E8E8E8;
   border-left: solid 1px #C0C0C0;
   border-top: solid 1px #C0C0C0;
   border-right: solid 1px #C0C0C0;
   border-bottom:  solid 1px #FF8247;
   }

.onglet_on
   {
/*   background-color: #EEE8AA;*/
   background-color: #FFFAF0;
   border-left: solid 1px #FF8247;
   border-top: solid 1px #FF8247;
   border-right: solid 1px #FF8247;
   border-bottom:  solid 1px #EEE8AA;
   }
/*
.onglet_off
   {
    background-color: #E8E8E8;
   border-left: solid 2px #C0C0C0;
   border-top: solid 2px #C0C0C0;
   border-right: solid 2px #C0C0C0;
   border-bottom:  solid 2px #FF8247;
   }

.onglet_on
   {
   background-color: #EEE8AA;
   border-left: solid 2px #FF8247;
   border-top: solid 2px #FF8247;
   border-right: solid 2px #FF8247;
   border-bottom:  solid 2px #EEE8AA;
   }
*/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/

#div_bandeau
   {
   position: relative;
   background:#FFFAF0;
   border: solid 2px #CDAF95;
   border-left: solid 20px #FF8247;
   height: 120px;
   padding: 10px;
   margin: 10px;
   }

#div_bandeau_agenda
   {
   position: relative;
   height: 100px;
   }

#div_logo
   {
/*   margin-top:5px;   */
   float: left;
   }

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

#div_menu
   {
   margin:auto;
   padding-top:20px;
   }

#div_recherche
   {
/*   border: 2px dotted #FF8247; */
/*   margin: auto; */
/*   border:1px solid #E0E0E0;
   background-color: #F0F0F0;*/
/*   text-align: center; */
   display: table;
   padding:10px;
   margin:10px;
   }

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

#div_haut_agenda
   {
   padding:5px 10px;
   background-color:#FFFAF0;
   border:2px solid #FF8247;
   }

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

.div_noscript
   {
   margin: 10px 0 10px 265px;
   border-left: solid 13px red;
   padding: 10px;
   font-weight: bold;
   color: red;
   }

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

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

#div_centre_agenda
   {
/*   margin: 5px 10px;*/
   /*
   top: 120px;
   position: absolute;
   left: 10px;
   margin-left: 340px;
   */
   }

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

.c_Reservation
   {
   background-image: url(../fondasplusclair2.png);
   border : solid 5px #FF8247;
   }

#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
   }

.panneau_seul
   {
   margin-top:0px;
   padding:5px;
   border:solid 2px #FF8247;
   }

.panneau
   {
   margin-top:5px;
   padding:5px;
   border: solid 1px #473CAA;
   /*
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   */
   }

.bulle_panneau
   { 
   vertical-align:-21px;
   margin-left:10px; 
   padding:2px 10px;
   background-color:#EEE8AA;
   border:solid 2px #FF8247;
   -moz-border-radius: 5px;
   }

.bulle
   { 
   padding:1px 10px;
   background-color:#EEE8AA;
   border:solid 2px #FF8247;
   -moz-border-radius: 5px;
   }

.soustitre
   { 
/*   vertical-align:-24px; */
   margin-left:5px; 
   }

.resultat
   { 
   margin-top:10px;
   padding:1px 10px;
   background-color:#EEE8AA;
   border:solid 1px #473CAA;
   -moz-border-radius: 5px;
   }

.reservation
   { 
   margin-top:5px;
   background-color: #FFEFDB;
   padding:2px 10px; 
/*   border: outset 2px;*/
   font-weight:bold;
   font-size:11px;
   }

.org_detaille
   {
   background-color: #FFD700;
   padding:5px;
   }

.org_simple
   {
   background-color: #BCD2EE;
   padding:5px;
   }

.bouton_agenda
   {
   font-size: 11px;
   margin-left:5px;
   margin-right:5px;
   padding-left:5px;
   padding-right:5px;
   color:#404040;
   background-color:#EEE8AA;
   }

.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; 
   }

.blocDetaille
   {
   margin:5px 0;
/*   background-color:#EEE8AA;*/
   background-color:#A2B5CD;
/*   border:1px solid #A0A0A0;*/
   border: outset 2px;
   }

.blocDetaille table
   {
   border: none;
   }

.blocSimple
   {
   margin:5px 0;
   background-color:#FFFFFF;
/*   border:1px solid #A0A0A0;*/
   border: outset 1px;
   }

.blocSimple table
   {
   border: none;
   }