.audio   {
background-color: red ;
width: 50px ;
height: 100% ;
}
/* 
**********************
TYPOGRAPHIE GENERALE
**********************
*/
h1 {   /*------ TITRE RUBRIQUE ARTICLE --------*/
   font-size: 1.3em ;
   font-weight: bold ;
   padding: 0 0 0 0;
   color: #990000;
}
h2  {   /*------ TITRE 2--------*/
   font-size: 1.2em ;
   padding: 1em 0 1em 0;
   font-weight: bold ;
   color: black;
   margin: 0 0 0 0;
   text-align: left ;
}
h3  {   /*------ SOUS RUBRIQUE 2 --------*/
   font-size: 1em ;
   padding: 0 0 0.3em 0;
   color: #990000;
   font-weight: bold ;
   margin: 0 0 0 0;
}
h3.spip { /*------ Intertitres texte --------*/
   text-align: left ;
   font-size: 1em ;
   padding: 0 0 0 0;
   color: #000000;
}
p {
   line-height: 1.50em ;
   margin: 0 0 1em 0;
}


/* Couleurs des liens
---------------------------------------------- */
a { 
color: #336699; 
text-decoration: none; 
}
a:focus,a:hover,a:active { 
color:  #336699; 
text-decoration: underline; 
}


/* 
*******************
TYPOGRAPHIE SITE
*******************
*/

a.spip_in {  /*------ CLASS de "Lire la suite" --------*/
   font-size: 0.8em ;
}
.cal  {
   color: #000000 ;
   padding: 0 15px;
   font-size: 0.9em ;
   text-align: center ;
   line-height: 1.5em ;
}
.signet  {
   color: #000000 ;
   padding: 0 15px;
   font-size: 0.8em ;
   text-align: center ;
}
.txtchemin {
     font-size: .8em ;
     text-align: left ;
     font-style: italic ;
}
.txtchemin a   {
   color: #333333 ;
}
.txtchemin a:hover   {
   color: #000000 ;
}
.txtchemin a:visited   {   
   color: #333333 ;
}
.majuscule {
   text-transform:capitalize;
}
.affiche {/*------ important --------*/
   text-align: center ;
   font-size: 0.7em ;
   line-height: 2em ;
}
.txtbandeau   {
display: inline ;
vertical-align: top ;
line-height: 30px ;
}
.ie { /* -> hack ie  TEXTE */
   padding: 0 0 0 0px;
}

/* 
*******************
POSITIONNEMENT
*******************
*/

/* Page */

body {
   margin: 0;
   padding: 0px 20px;
   font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
   font-size: .7em; 
   line-height: 1.25;
   text-align: justify ;
   color: #333333 ;
   background-color: #FFFFFF ;
   background-image: url(img/fond.gif) ;
   background-repeat: repeat-x ;
   background-position: 0px 0px;
}

#global {
   width: 90%;
   max-width: 90em;
   min-width: 850px;
   margin-left: auto;
   margin-right: auto;
   background-image: url(img/logo.gif) ;
   background-repeat: no-repeat ;
   background-position: top left ;
}

/* 
*******************
ENTETES
*******************
*/
.entete   {
   display: block ;
   overflow: hidden;
   border-bottom: 1px dotted #D3D3D3;
   background-image: url(img/fondentete.png);
   background-repeat: repeat-x ;
   padding: 1px 0px 10px 10px;
   margin-bottom: 20px;
}

#entetelogo {
   height: 100px ;
}

/* Bloc central contenant #gauche et #contenu */

#centre {
   width: 100%; /* -> 5 */
   overflow: hidden; /* -> 5 */
   border-right: 1px solid #999999;
   border-left: 1px solid #999999;
   border-bottom: 1px solid #999999;
}

/* Gauche */
#gauche {
   width: 215px;
   float: left; /* -> 6 */
   min-height: 610px;
}

/* Contenu */
#contenu {
   margin-left: 270px; /* -> 8 */
   margin-right: 80px; 
   padding: 0 0 40px 0;
}

/* Pied de page */
#pied {
   margin: 0;
   min-height: 30px;
}

/* 
*******************
ELEMENTS
*******************
*/

#chemin {
   margin-top: 10px;
   padding: 0 0 7px 0px;
   background: url(img/ligne.png) repeat-x bottom;  
}

#blocksupgauche   {/*ATTENTION Mesure arbitraire*/
   height: 420px; 
}
.pagination {
   text-align: center ;
   padding: 10px 0 0 0;
}
/* 
*******************
MEME AUTEUR
*******************
*/
.memeauteur {
   display: block ;
   overflow: hidden;
   font-size: 0.5em ;
   text-align: left ;
   padding: 5px 5px 0 10px;
   margin: 80px 0 0 10px;
   border: 1px dotted #D3D3D3;
   background-image: url(img/fondentete.png);
   background-repeat: repeat-x ;
}

/* 
*******************
CALENDRIER
*******************
*/
#calendar {
   margin-left: auto;
   margin-right: auto;
   margin-top: 110px;
   background-image: url(img/gris.jpg) ;
   color:#000000;
   height: 160px ;
}

#calendar caption {
   padding-bottom: 10px;
   padding-top: 10px;
   font-weight: bold ;
   font-size: 0.9em ;
}

/* Personnalisation des cellules */ 
#calendar td { 
   text-align: center ;
}

/* Personnalisation des cellules du mois en cours */ 
#calendar td.libre{ }

/* Personnalisation des cellules n'appartenant pas au mois en cours */ 
#calendar td.horsperiode{ 
   color: #FFFFFF  ;
}

/* Personnalisation de la cellule du jour en cours */ 
#calendar td.today{ 
   color: #FFFAFA ;
   background-color: #778899 ;
}

/* Personnalisation des cellules des jours occupés */ 
#calendar td.occupe {
   background-color: #990000 ;
   font-weight: bold ;
   text-decoration: none ;
   font-weight: bold ;
   color: white ;
}

#calendar td a:link, #calendar td a:visited {
   color: #FFFAFA ;
   text-decoration: none ;
}
#calendar td a:hover {
   background-color: #B8860B ;
   text-decoration: none ;
}

/* 
*******************
MENU HORIZONTAL
*******************
*/

#menu {
  float:left;
  width:100%;
  background: url(img/bg.png) repeat-x bottom;  
  font-size:93%;
  line-height:normal;
  }
#menu ul {
  margin:0 0 0 210px;
  padding:10px 10px 0;
  list-style:none;
  }
#menu li {
  display:inline;
  margin:0;
  padding:0;
  }
#menu a {
  float:left;
  background:url(img/left_both.png) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
  color: #FFFAFA;
  white-space:nowrap;
  }
#menu a span {
  float:left;
  display:block;
  background:url(img/right_both.png) no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color: #333333;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
  color:#333;
   text-decoration: none ;
  }
#menu a.on {
  background-position:0 -150px;
  border-width:0;
  }
#menu a.on span {
  background-position:100% -150px;
  padding-bottom:5px;
  color: #FFFFFF;
  }
#menu a:hover {
  background-position:0% -150px;
text-decoration: none ;
  }
#menu a:hover span {
  background-position:100% -150px;
  color: #FFFFFF;
  }
#menu #current a {
  background-position:0 -150px;
  border-width:0;
  }
#menu #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color: #FFFFFF;  }

#cadrerecherche   {
float:right;
vertical-align: middle ;
}

/* 
*******************
MENU VERTICAL
*******************
*/
#navigation {
   margin-top: 80px;
   text-align: left ;
   font-size: 1.1em ;
}
#navigation ul {
   margin-left: 20px;
   padding: 20px 0px 20px 0px;
   list-style: none
}
#navigation li {
   display: block;
   padding: 2px 0px 2px 2px;
   line-height: 1.5;
   text-decoration: none;
   height: 1% ;
   position: relative ;
}
#navigation a {
   display: block;
   padding: 3px 10px 3px 20px;/* -> règle l'interligne  */
   text-decoration: none;
   height: 1%;
   background-image: url(img/pucenoire.png) ;
   background-repeat: no-repeat;
   background-position: 0 0.7em;/* -> règle la position verticale de la puce  */
   color: #000000 ;
   font-weight: bold;
}
#navigation a:hover {
   background-image: url(img/pucerouge.png) ;
   color: #990000;
   font-weight: bold ;
}
#navigation a.on {
   font-weight: bold ;
   background-image: url(img/pucerouge.png) ;
   color: #990000;
}
#navigation a.visited {
   background-image: url(img/pucerouge.png) ;
   color: #990000;
   font-weight: bold ;
}
/* 
*******************
ACTIVITES
*******************
*/
.cadre   {
   padding:0px 0px 5px 0px;
   margin: 5px 0 10px 0;
   border: 1px solid #D3D3D3;
}
.scroller   {
   display: block ;
   overflow: hidden;
   background-image: url(img/fondentete.png);
   background-repeat: repeat-x ;
   padding: 1px 0px 1px 10px;
}
.scright   {
   width: 120px;
   float: right; 
   padding-top:10px;
}
.sccentre  {
   margin: 0px 130px 0px 0px; 
}
.liste  {   /*------ LISTE AGENDA --------*/
width: 100%;
}
.liste  ul   {
   margin:0 0 0 0;
   padding:0 0 0 0;
   list-style:none;
}
.liste  li   {
  margin:0;
  padding:0;
  line-height: 1.1;
}
.dateact {  /*------ DATE TITRE ACTIVITE --------*/
   color: #990000;
   margin: 0 0 0 0;
   padding: 0.3em 0 1.5em 0;
   font-weight: bold ;
   font-size: 1.1em ;
}

.surtitre   {   /*------ SURTITRE -------*/
   color: #999999;
   font-size: 0.9em ;
   padding: 0 0 0.2em 0;
   margin: 0 0 0.2em 0;
}

.auteurs  {/*------ NOM AUTEUR --------*/
   font-size: 1em ;
   padding: 0 0 0 0;
   color:#000000 ;
   font-weight: bold ;
   line-height: 1.4em ;
}
.bio {  /*------ BIO AUTEUR --------*/
   font-size: 0.8em;
   padding: 0 0 1em 0;
   font-style: italic ;
   margin: 0 0 0 0;
   color: #999999;
}
.soustitre   {   /*------ SOUSTITRE ------*/
   color: #999999;
   font-size: 0.9em ;
   padding: 0 0 0.2em 0;
   margin: 0 0 0.2em 0;
}
/* 
*******************
RUBRIQUE
*******************
*/
.sousrub1 {   /*------ LISTE RUBRIQUE - ARTICLES NIVEAU 1--------*/
   padding: 0 0 0 0;
}

.sousrub2 {    /*------ LISTE RUBRIQUE - ARTICLES NIVEAU 2 --------*/
   padding: 0 0 10px 40px;
}

.titreart   {   /*------ TITRE ARTICLE dans RUBRIQUES --------*/
      font-weight: bold ;
      font-size: 1em ;
      margin: 0 0 0 0;
}

/* 
*******************
SPIP LISTES
*******************
*/
.formliste {
   width: 215px ;
   height:110px;
}
.cssform p{
   width: 215px;
   clear: left;
   margin: 0;
   padding: 5px 0 8px 0;
   height: 1%;
}
.cssform input[type="text"]{ /* MODIFIE LA BOITE TEXTE width of text boxes. IE6 does not understand this attribute*/
   width: 140px;
   float:left;
   margin-left:10px;
}
.button {/*MODIFIE LE BOUTON*/
   float:right;
   margin-right:10px;
   margin-top:-27px;
}
.cssform textarea{
font-size: 100%;
font-family: inherit;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
   margin-left: 3px;
}
.formulaire_erreur, .erreur, formulaire_ok {
   color: #990000;
   padding: 0 15px;
   font-size: 0.9em ;
   text-align: center ;
   line-height: 1.2em ;
}

/* 
*******************
SOMMAIRE
*******************
*/
.blocksommaire1 {
   margin-right: 250px;
   margin-bottom: 10px;
}
.blocksommaire2 {
   margin-bottom: 10px;
   margin-left: 250px;
}