/* style sous SPIP */
*
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
body
  {
  margin: 0; /* pour �iter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  }

/* D�inition des styles de calques */

div#main
  {
  width: 782px ;
  border: 0px solid #000000 ;
  margin: auto ;
  text-align: left;
  }

div#sup
  {
  background-repeat: no-repeat;
  background-position: 0 0 -10px 0 ;
  background-image:url(sup.gif);
  background-color: #808080 ;
  width: 40% ;
  float: right ;
  }

div#sub
  {
  background-color: #F7F7F7 ;
  width: 100% ;
  padding-top: 3px ;
  padding-bottom: 3px ;
  /*
  background-repeat: no-repeat;
  background-position: right top ;
  background-image:url(sub.gif);
  */
  }

div#page
  {
  width: 780px ;
  border: 0px solid #808080 ;
  clear: right ;
  background-position: 100% 80px;
  background-repeat:no-repeat;
  background-image:url(spirale-2.gif);
  }

div#frise
  {
  background-position: right ;
  background-repeat:no-repeat;
  background-image:url(frise-vierge.png);
  clear: both ;
  width: 100% ;
  height: 80px ;
  border-bottom: 0px solid blue ;
  margin-top: 0px ;
  /*background-color: #808080 ;*/
  }

div#menu-boite
  {
  background-color: #F7F7F7 ;
  width: 120px ;
  border: 1px solid #808080 ;
  /*border-left: 0px solid #000000 ;*/
  margin-top: 0px ;
  padding-top: 0px ;
  padding-bottom: 0px ;
  }

div#titremenu
  {
  background-repeat:no-repeat;
  background-position: right 0px ;
  background-image: url(menu.gif) ;
  width: 122px ;
  height: 20px ;
  border: 0px solid red ;
  }

div#affiche
  {
  width: 120px ;
  /* height: 180px ; 20060524 */
  border: 1px solid #FFFFFF ;
  margin-top: 20px ;
  /*
  background-repeat:no-repeat;
  background-position: right 0px ;
  background-image: url(affiche.jpg) ;
  */
  }

div#affiche a img
  {
  border: 0px solid white ;
  }

div#col-gauche
  {
  float: left ;
  border: 0px solid #000000 ;
  margin-left: 8px ;
  margin-top: 15px ;
  /* background-color: yellow ; */
  }

div#col-droite
  {
  float: left ;
  border: 0px solid #000000 ;
  margin-top: 15px ;
  }

/* div#texte en feuille externe pour deux afffichages diff�ents : pleine page et page avec menus
  {
  width: 480px ;
  width: 95% ;
  margin-left: 15px ;
  margin-right: 15px ;
  margin-top: 15px ;
  border: 0px solid #808080 ;
  float: left ;
  }
*/

div.news
  {
  width: 120px ;
  border: 1px solid #808080 ;
  /* height: 150px ; */
  margin-top: 0px ;
  margin-bottom: 15px ;
  padding-bottom: 10px ;
  padding-top: 10px ;
  /*
  background-color: #F7F7F7 ;
  opacity: 0.7 ;
  filter:alpha(opacity=70) ;
  */
  background-repeat:repeat;
  background-image: url(fond-transparent.png) ; /*  hack pour la transparence dans IE
  background-image: url(fond-transparent-gif.gif) ;*/
  }

div.menu-annexe
  {
  width: 120px ;
  border: 1px solid #808080 ;
  margin-top: 0px ;
  margin-bottom: 15px ;
  padding-bottom: 0px ;
  padding-top: 0px ;
  background-repeat:repeat;
  background-image: url(fond-transparent.png) ; /*  hack pour la transparence dans IE
  background-image: url(fond-transparent-gif.gif) ;*/
  }

div#luz
  {
  width: 120px ;
  border: 1px solid #ffffff ;
  padding-top: 100px ;
  margin-top: 15px ;
  background-repeat:no-repeat;
  background-position: center top ;
  background-image: url(Logo-Luz.gif) ;
  }

div#FrequenceLuz
  {
  width: 120px ;
  border: 1px solid #ffffff ;
  padding-top: 100px ;
  margin-top: 15px ;
  background-repeat:no-repeat;
  background-position: center top ;
  background-image: url(Logo_FrequenceLuz.jpg) ;
  }

div#galeries
  {
  width: 120px ;
  border: 1px solid #ffffff ;
  /* height: 150px ; 20060524 */
  margin-top: 20px ;
  /* background-color: #F7F7F7 ; */
  }

div#adresse
  {
  width: 780px ;
  border: 0px solid black ;
  }

/* Affichage des textes class� par calque */

div#texte h1
  {
  padding-right: 20px ;
  margin-left: 30px ;
  margin-top: 5px ;
  margin-bottom: 10px ;
  text-align: right;
  font-size: 1.15em ;
  float: right;
  color: #ed0606 ;/*#fe0000 ;*/
  font-weight: bold ;
  max-width: 250px ;
  }

div#texte h2, div#texte h3.spip
  {
  font-weight: bold;
  font-size: 0.8em ;
  color: #808080 ;
  margin-top: 0px ;
  margin-left: 30px ;
  margin-right: 20px ;
  text-align: justify ;
  clear: both ;
  border-bottom: 1px solid #808080 ;
  }

div#texte h2:first-letter, div#texte h3.spip:first-letter
  {
  color: #d60606 ;
  text-transform: uppercase;
  }

/* h2.boite, h2.boite a, h2.boite a:visited s�ar� car bug sous IE*/
p.boite
  {
  font-weight: bold;
  display: block ;
  font-size: 0.8em ;
  color: #ffffff ;
  text-align: center;
  margin-bottom: 0px ;
  margin-top: 0px ;
  width: 100% ;
  text-decoration: none ;
  background-color: #808080 ;
  }

p.boite a, p.boite a:visited
  {
  text-decoration: none ;
  background-color: #808080 ;
  color: #ffffff ;
  display: block ;
  }

p.boite a:hover
  {
  background-color: #ffffff;
  color: #808080 ;
  }

div#texte p, div#texte p.spip
  {
  font-size: 0.8em ;
  margin-top: 0px ;
  margin-left: 20px ;
  margin-right: 20px ;
  text-align: justify ;
  }
div#page p.mentionaffiche /*texte de mentions de l'affiche sur page index*/
  {
  font-size: 0.8em ;
	margin: 0px ;
  padding: 0px ;
  text-align: center ;
  color: #808080 ;
  }

div#texte strong.spip, div#texte strong, div#menu-annexe strong.spip
  {
  color: #808080 ;
  margin: 0px ;
  padding:0px ;
  }

/* ��ents concernant les formulaires */

textarea, legend
  {
  font-size: 0.8em ;
  margin-top: 0px ;
  margin-left: 0px ;
  margin-right: 0px ;
  text-align: justify ;
  }

div#texte p.note, blockquote
  {
  font-style:italic;
  font-size: 0.8em ;
  margin-top: 0px ;
  margin-left: 60px ;
  margin-right: 20px ;
  text-align: left ;
  border-left:1px dashed #808080;
  padding-left: 10px ;

  }

div#texte a, div.news a, div.menu-annexe p.normal a, div.menu-annexe p.spip a
  {
  text-decoration: none ;
  color: #d60606 ;
  }
div#texte a:visited, div.news a:visited, div.menu-annexe p.normal a:visited, div.menu-annexe p.spip a:visited
  {
  text-decoration: none ;
  color: #d60606 ;
  }
div#texte a:hover, div.news a:hover, div.menu-annexe p.normal a:hover, div.menu-annexe p.spip a:hover
  {
  text-decoration: underline ;
  color: #d60606 ;
  }

div#texte p.telechargement
  {
  background-repeat:no-repeat;
  background-position: top left ;
  background-image: url("ico_telechargement.gif");
  font-size: 0.8em ;
  margin-top: 0px ;
  margin-left: 20px ;
  margin-right: 20px ;
  text-align: justify ;
  padding-left: 18px ;
  clear: both ;
  }
/* D�inition d'un tableau �l'int�ieur d'une page */
div#texte table
  {
  border:1px solid #808080 ;
  font-size: 0.8em ;
  margin-top: 5px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 15px ;
  width: 400px ;
  }
div#texte thead
  {
  background-color: #F7F7F7 ;
  }
div#texte thead, div#texte tr, div#texte td, div#texte th
  {
  border: 0px solid #ffffff ;
  margin: 0px ;
  }
div#texte td
  {
  padding-left: 15px ;
  }
/* supprimm�car ne marche pas avec Internet Explorer  laiss�pour les mozilla js d�activ�*/
div#texte tbody tr:hover
  {
  background-color: #808080 ;
  color: #ffffff ;
  }

/* d�inition des listes �l'int�ieur des corps de page */
div#texte ul
  {
  margin-left: 40px ;
  margin-right: 20px ;
  padding-left: 20px ;
  margin-top: 0px ;
  text-align: justify ;
  list-style-image:url(puce.png);
  }

div#texte li
  {
  margin-right: 10px ;
  margin-top: 0px ;
  text-align: justify ;
  padding-top: 0px ;
  margin-bottom: 4px ;
  font-size: 0.8em ;
  }

/* d�laration des styles de texte dans les bo�es */
div#galeries p.normal
  {
  font-size: 0.7em ;
  margin-top: 0px ;
  margin-left: 5px ;
  margin-right: 5px ;
  text-align: justify ;
  color: #808080 ;
  }

div.news p.normal, div#affiche p, div#luz p, div#FrequenceLuz p, div.menu-annexe p.normal, div.menu-annexe p.spip
  {
  font-size: 0.7em ;
  margin-top: 0px ;
  margin-left: 5px ;
  margin-right: 5px ;
  text-align: justify ;
  color: #808080 ;
  }

div#adresse p
  {
  font-size: 0.7em ;
  margin-top: 0px ;
  margin-left: 20px ;
  margin-right: 0px ;
  text-align: right ;
  color: #808080 ;
  }

/* affichage de sub */
div#sub ul
  {
  margin: 0px ;
  padding: 0px ;
  text-align: center ;
  }
div#sub li
  {
  font-size: 0.7em ;
  list-style-type: none;
  display: inline ;
  margin-left: 20px ;
  margin-right: 20px ;
  }
div#sub li a:link, div#affiche a, div#luz a, div#FrequenceLuz a, div#sub li a:visited, div#luz a:visited, div#FrequenceLuz a:visited
  {
  text-decoration: none;
  color: #808080 ;
  }

div#sub li a:hover, div#affiche a:hover, div#luz a:hover, div#FrequenceLuz a:hover
  {
  color: #000000 ;
  }

/* affichage du menu de la boite infos et festival 2005*/
div.menu-annexe ul
  {
  margin-left: 0px ; margin-right: 0px ;
  margin-bottom: 3px ;
  margin-top: 3px ;
  padding: 0px ;
  text-align: left ;
  }
div.menu-annexe li
  {
  font-size: 0.8em ;
  list-style-type: none;
  margin-left: 0px ;
  margin-right: 0px ;
  text-align: center ;
  margin-bottom: 5px ;
  }
div.menu-annexe li a
  {
  display: block ;
  width: 100% ;
  text-decoration: none;
  color: #808080 ;
  }
div.menu-annexe li a:visited
  {
  text-decoration: none;
  color: #808080 ;
  }
div.menu-annexe li a:hover
  {
  color: #000000 ;
  background: #eee;
  }

/* suppl�ents */
hr
  {
  clear: both ;
  visibility: hidden ;
  }

/* CSS issu des tutoriels www.alsacreations.com/articles pour le menu gauche */

div#menu-boite dl,div#menu-boite dt,div#menu-boite li {
margin: 0;
padding: 0;
list-style-type: none;
color: #808080 ;
}
div#menu-boite ul,div#menu-boite dd {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #FFFFFF ;
}
dl#menu
  {
  width: 100%;
  margin: 0px ;
  }
dl#menu dt {
cursor: pointer;
margin: 2px 0;
margin-top: 6px ;
margin-bottom: 6px ;
text-align: center;
font-weight: normal;
border: 0px solid gray;
background: #F7F7F7 ;
font-size: 0.8em ;
}
dl#menu dd {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 0px solid gray;
border-right: 0px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
font-size: 0.7em ;
width: 100% ;
}

dl#menu li a, dl#menu dt a {
color: #808080 ;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
color: #000 ;
}

/* d�inition des liens cach� notamment page d'adminsitration */

div#adresse a.cache
  {
  color: #ffffff ;
  text-decoration: none;
  }

div#adresse a.cache:visited
  {
  color: #ffffff ;
  text-decoration: none;
  }

div#adresse a.cache:hover
  {
  color: #000000 ;
  text-decoration: none;
  }


/* affichage liste concert */

div#programmerecherche
  {
  margin: 0 ;
  margin-bottom: 0 ;
  clear: both ;
  background-repeat:repeat;
  background-image: url(fond-transparent.png) ;
  }

div#texte dd
  {
  clear:both;
  border: 1px dotted black;
  padding:5px ;
  margin-bottom: 10px ;
  margin-top: 4px ;
  }

div#programme dt
  {
  font-size: 0.8em ;
  margin-top: 10px ;
  margin-left: 20px ;
  margin-right: 20px ;
  text-align: left ;
  }

img.imageprogramme
  {
  /*float: right ;*/
  padding: 0px ;
  margin: 0px;
  border: 0px solid black ;
  }

div.imageprogramme
  {
  float: right ;
  margin-right: 0px ;
  border: 0px solid #000 ;
  width: 150px ;
  }

div.imageprogramme p
  {
  text-align: right ;
  line-height:80%;
  color: #808080 ;
  padding: 0px ;
  padding-bottom: 2px ;
  margin: 0px ;
  }

/* formulaire de recherche */

.formrecherche
  {
  width:118px ;
  font-size: 0.8em ;
  }
  /*
a.spip_out {
	background: url('spip_out.gif') right center no-repeat;
	padding-right: 10px;
}*/
.spip_documents_left
  {
  margin-right: 15px ;
  }
.spip_documents_right
  {
  margin-left: 15px ;
  }