/*	définition des styles	*/
body {
  font-size: 12px;
  font: 70% verdana, arial, sans-serif;
  background-repeat:no-repeat;background-position:center center;background-attachment:fixed;
  
}

/* mise en forme des liens */
a:link{text-decoration: none; font-weight: bold; color:#125841;}
a:visited{text-decoration: none; font-weight: bold; color: #125841;}
a:active{text-decoration: none; color: black;cursor: progress}
a:hover{text-decoration: underline; cursor: hand ;}

/* définition des titres */
h1{font-size: 1.72em; color : #0092F9;background: #CCCCFF; text-align: left;}

h2 {
  font-size: 1.33em;
}

h3 {
  font-size: 1em;
  font-style: bold;
}
h4{font-size: 1.4em; color : #0092F9;background: #CCCCFF; text-align: left;}

.act td{padding:2%;}
.act td img{margin:1%;}

.crea { font-size: 1.22em; color: #996633;font-weight: bold;}
.crea table{ font-size: 1.02em; color: #996633;font-weight: bold;}
.crea tr, td{ font-size: 0.92em;}

.citation {
  font-size: 1.25em;
  font-style: italic;
  font-family: "Trebuchet MS", Georgia, serif;
  text-align: justify;
}

/* format des paragraphes */
/*.paragraphe {
  font-size: 1.08em;
  font-family: "Trebuchet MS", Georgia, serif;
  text-align: justify;
  display:block;
  color:black;
}
*/
/* lettrine */
p:first-letter {
   font-weight: bold;
   font-size: 1.7em;
   color: red;
}

/*	disposition des différentes parties du corps de la page	*/

/* barre de menu */
.menu {
  padding-top: 40px;
  text-align: center;
}
.comp{width:300px;}

/* élément en tête (titre rubrique ou citation accueil) */
.tete {
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 10%;
  width:42%;
}
.tete2{
  padding-top: 15px;
  padding-left: 10%;
  width:450px;
  float:left;
}
.img_spec {
  padding-top: 25px;
  padding-right:10%;
  width:300px;
  float:right;
}
/* texte de présentation */
.intro {
  padding-top: 0px;
  padding-left: 10%;
  padding-right: 10%;
}
/* tableau des spectacles en cours */
.accueil_affiche {
  padding-top: 20px;
  text-align: center;
}
/* coordonnées */
.accueil_pied {
  padding-top: 50px;
  padding-left: 10%;
}

.saison_actu {
  padding-top: 5px;
  padding-left: 10%;
}

.saison_prec {
  padding-top: 50px;
  padding-left: 70%;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
font: 93% verdana, arial, sans-serif;
position: absolute; /* placement du menu, à modifier selon vos besoins */
padding-left:10%;
padding-right:10%;
width: 1018px;
z-index:100;
border: none;
/*width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 14.286%;
height: 20px;
border: none;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #050505;
color:#aa760e;
height: 20px;
border: none;
}
#menu dd {
display: none;
border: none;

}
#menu li {
text-align: center;
background: #050505;
border: none;
}

#menu li a, #menu dt a {
color: #aa760e;
text-decoration: none;
display: block;
height: 100%;
border: none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
border: none;
}