/* MISE EN PAGE 
#9f343c
#db9e25
#f7ece1
*/
* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #111;
  background: #fff;
  line-height: 1.5em;
}
#page {
  width: 953px;
  margin: 0 auto;
  background: #fff url(../images/f-menu-2025-2026.png) left 316px no-repeat;
  color: #000;
}
#gauche {
  float: left;
  width: 276px;
  height: 100%;
}
#droite {
  margin-left: 276px;
  width: 677px;
  min-height: 809px;
  background: #fff;
}
#foot {
  clear: both;
  background: #FFF;
  border-top: #000 solid 2px;
}
#facebook {
  display: none;
}
/** Menu **/
#menu {
  margin-top: 25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu dt a {
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px;
  width: 250px;
  height: 30px;
  display: block;
  font-size: 14px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  line-height: 30px;
  background-color: #9f343c;
}
#menu dt a:hover {
  color: #FFF;
  background: #db9e25;
}
#menu dd {
  position: absolute;
  margin-left: 250px;
  margin-top: -30px;
}
#menu ul {
  padding: 2px;
  list-style: none;
}
#menu li a {
  padding: 2px;
  width: 180px;
  height: 20px;
  display: block;
  border-bottom: 1px #FFF solid;
  font-size: 12px;
  line-height: 110%;
  text-decoration: none;
  text-align: left;
  color: #FFF;
  background-color: #9f343c;
}
#menu li a.ssmenu_2lignes {
  height: 30px;
}
#menu ul.smenuactualite li a,
#menu ul.smenutheatre li a,
#menu ul.smenuguidepratique li a,
#menu ul.smenuhistorique li a {
  color: #FFF;
  background-color: #9f343c;
  padding: 5px;
}
#menu ul.smenuactualite li a:hover,
#menu ul.smenuguidepratique li a:hover,
#menu ul.smenutheatre li a:hover,
#menu ul.smenuhistorique li a:hover {
  color: #FFF;
  background: #db9e25;
}
/** Fin menu **/
#logo {
  position: absolute;
  margin: 90px 0 0 30px;
}
/** Bandeaux **/
#bandeau {
  width: 677px;
  padding-top: 326px;
  min-height: 17px;
}
div.defaut, div.accueil, div.actualite, div.saison, div.guidespectateur, div.theatre, div.historique, div.partenaires {
  background: url(../images/bandeau-2025-2026.jpg) no-repeat;
}
/** Fin bandeaux **/
/** Contenu **/
#contenu {
  margin: 10px 20px 20px 20px;
  color: #111;
  width: 635px;
}
#fond_accueil {
  background: none;
  min-height: 560px;
  margin-bottom: -20px;
}
div.contenu_accueil {
  padding: 20px;
  width: 620px;
  background-color: #f7ece1;
  margin-bottom: 20px;
  color: #000;
}
div.contenu_accueil > img{
  margin-bottom: 10px;
}
#prochainspect {
  padding: 20px;
  width: 620px;
  background-color: #f7ece1;
  color: #000;
}
#prochainspect ul {
  padding: 3px;
}
#prochainspect li {
  padding: 3px;
  list-style: inside;
}
#prochainspect li a {
  font-size: 12px;
  font-weight: bold;
}
#prochainspect li.tousspectacles {
  margin-top: 20px;
  margin-bottom: 5px;
}
#sabonner {
  float: right;
  margin: 80px 10px;
}
#contenu #prochainspect2 {
  width: 550px;
  margin-bottom: 20px;
  border: 2px solid #9f343c;
}
#contenu #prochainspect2 div.titre {
  width: 550px;
  margin-bottom: 10px;
  background: #9f343c;
}
#contenu #prochainspect2 ul {
  padding: 3px;
}
#contenu #prochainspect2 li {
  padding: 3px;
  list-style: inside;
}
#contenu #prochainspect2 li a {
  font-size: 12px;
  font-weight: bold;
}
#contenu #prochainspect2 li.tousspectacles {
  margin-top: 20px;
  margin-bottom: 5px;
}
#contenu div.droite_spectacle {
  margin: 5px 0;
  width: 310px;
  text-align: center;
  float: right;
}
#contenu div.droite_spectacle div.diaporama_spectacle {
  margin-bottom: 3px;
  width: 304px;
  height: 230px;
  text-align: center;
}
#contenu div.gauche_spectacle {
  float: left;
  width: 300px;
  margin-right: 10px;
}
#contenu div.gauche_spectacle p {
  text-align: justify;
}
#contenu.justif p,
#contenu.justif li{
  text-align: justify;
}
.finfloat {
  clear: both;
}
/** Fin contenu **/
/** Boutons **/
#b_abonner {
  float: left;
  margin: 0 0 10px 10px;
}
#b_abonner a {
  width: 150px;
  height: 102px;
  display: block;
  text-decoration: none;
  background: url(../images/b_abonner.png) right no-repeat;
}
#b_abonner a:hover {
  background: url(../images/b_abonner.png) right no-repeat;
}
#b_abonner a.abonnement {
  background: url(../images/b-abonnement.jpg) right no-repeat;
}
#b_abonner a.abonnement:hover {
  background: url(../images/b-abonnement.jpg) right no-repeat;
}
#b_abonner a.abonnementjeune {
  background: url(../images/b_abonnementjeune.png) right no-repeat;
}
#b_abonner a.abonnementjeune:hover {
  background: url(../images/b_abonnementjeune.png) right no-repeat;
}
#b_abonner a.brochure {
  background: url(../images/b_brochure.png) right no-repeat;
}
#b_abonner a.brochure:hover {
  background: url(../images/b_brochure.png) right no-repeat;
}
/** Fin Boutons **/
/* FIN MISE EN PAGE */
/* IMAGES */
img.spectacle {
  vertical-align: middle;
  border: 2px solid #9f343c;
}
img.parag {
  float: right;
  margin: 10px 0 10px 10px;
  border: 1px solid #9f343c;
}
img.logo {
  float: left;
  margin: 0 10px 10px 50px;
  border: 0;
}
/* FIN IMAGES */
/* TEXTES */
a:link, a:active, a:visited {
  text-decoration: underline;
  color: #111;
}
a:hover {
  text-decoration: none;
}
#bandeau h1 {
  padding: 10px;
  font-size: 18px;
  color: #111;
  font-weight: normal;
  text-align: left;
  background: #fff;
}
#contenu h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #000;
}
#contenu h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #444;
}
#contenu ul {
  list-style-position: inside;
}
#contenu li {
  margin-bottom: 10px;
}
#contenu h3.tarifs {
  margin-top: 15px;
}
#contenu h3.paragH3 {
  margin-top: 20px;
  background-color: #9f343c;
  padding: 3px;
  color: #FFF;
}
#contenu h3.paragH3:first-of-type {
  margin-top: 0;
}
#contenu div.textes, #contenu div.textes_autres {
  text-align: justify;
  margin: 0 10px 15px 0;
  color: #444;
}
#contenu div.textes p, #contenu div.textes_autres p {
  text-align: justify;
  /*color:#CCC;*/
}
#contenu div.textes,
#contenu div.textes p,
#contenu div.textes_autres,
#contenu div.textes_autres p {
  font-size: 11px;
  color: #444;
}
#contenu div.textes_autres {
  line-height: 1.5em;
}
#contenu div.textes_actus {
  text-align: justify;
}
#contenu p.pagesuivante {
  float: right;
  margin: 10px 0;
  text-align: right;
}
#contenu p.pageprecedente {
  float: left;
  margin: 10px 0;
  text-align: left;
}
#contenu table.tab_saison {
  width: 100%;
  color: #111;
  margin-bottom: 3px;
  /*border: 2px solid #9f343c;*/
  border-collapse: collapse;
}
#contenu table.tab_saison tr:nth-child(odd) {
  background: #f7ece1;
}
#contenu table.tab_saison tr:hover,
#contenu table.tab_saison tr:hover td a {
  cursor: pointer;
  color: #111;
}
#contenu table.tab_saison td {
  padding: 10px;
  vertical-align: top;
}
#contenu table.tarifs {
  width: 100%;
  margin-bottom: 3px;
  border: 2px solid #9f343c;
  border-collapse: collapse;
}
#contenu table.tarifs th {
  padding: 3px;
  border: 1px #9f343c solid;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #111;
}
#contenu table.tarifs th.intitule_tarif {
  padding-left: 10px;
  text-align: left;
}
#contenu table.tarifs td {
  padding: 3px;
  border: 1px #9f343c solid;
  text-align: center;
}
#contenu table.tarifs td.gris {
  background: #CCC;
}
#contenu h3.auteur {
  line-height: 1em;
  font-weight: normal;
}
#contenu h3.sstitre {
  font-size: 2em;
  line-height: 1em;
  font-weight: normal;
}
#contenu h4.interpretes {
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: bold;
}
#contenu h3.dates {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
}
#contenu div.droite_spectacle p.creditsphotos {
  font-size: 11px;
  text-align: center;
  font-style: italic;
}
#contenu div.droite_spectacle div.presse {
  padding: 10px 1px;
  color: #111;
}
* html #contenu div.droite_spectacle div.presse {
  width: 297px;
}
#contenu div.droite_spectacle div.presse p.source_presse {
  padding-top: 10px;
  text-align: right;
}
#contenu div.droite_spectacle p.tarifduree {
  margin: 15px 0;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
.annotation {
  font-size: 10px;
  font-style: italic;
  color: #999;
}
p.annotation {
  margin: 5px 0;
}
.jaune {
  color: #9f343c;
}
.margebas {
  margin-bottom: 10px;
}
.margehaut {
  margin-top: 10px;
}
#foot p {
  font-size: 11px;
  text-align: center;
  color: #000;
}
#foot a {
  color: #000;
}
a.spectacle:link, a.spectacle:active, a.spectacle:visited {
  text-decoration: none;
}
/* FIN TEXTES */
/* FORMULAIRE */
.chps {
  padding: 1px;
  background-color: #db9e25;
  border: 1px solid #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  padding: 5px;
}
.bouton {
  background-color: #9f343c;
  border: 1px solid #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFF;
  padding: 5px;
}
fieldset {
  padding: 5px;
  margin-bottom: 10px;
}
legend {
  color: #111;
  font-weight: bold;
  padding: 0 3px 0 3px;
}
/* FIN FORMULAIRE */
/* Partenaires */
#partenaires {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: space-around;
  align-items: center;
}
#partenaires li {
  /* width: 30%; */
  text-align: center;
}
#partenaires li img {
  /* max-width: 100%; */
  height: 95px;
}
/* TarteAuCitron */
#tarteaucitronPersonalize {
  background: #9f343c !important;
}
/* Hack IE-win \*/
* html #contenu_accueil {
  margin-right: 0px;
}
* html #gauche {
  margin-right: -3px;
  height: 100%;
}
* html #droite {
  margin-left: 0px;
  height: 800px;
}
* html #menu dt a {
  font-weight: bold;
}
* html #menu li a {
  font-weight: bold;
}
* html #bandeau {
  height: 296px;
}
* html #contenu div.textes_actus {
  width: 600px;
}
/* Fin hack */