/*****************************************************************************
 Caractéristiques générales du document                                    
******************************************************************************/
BODY {
  background:#000000;
  color:#000000;
  font-family:"Comic Sans MS";
  font-size:14px;
  text-align:center;
}

DIV.content {
	background:#f27a7b url(images/Background.gif) repeat-x;
	width:800px;
	margin-top:1px;
  margin-left:auto;
  margin-right:auto;
}

/*****************************************************************************
 Liens hypertextes                                   
******************************************************************************/
A {
  text-shadow:1px 1px 0px #aaaaaa;
	text-decoration:none;
  font-weight:bold;
  color:#990000;
}

A:visited {
  text-shadow:1px 1px 0px #aaaaaa;
	text-decoration:none;
  font-weight:bold;
  color:#990000;
}

/*****************************************************************************
 Contenu                                   
******************************************************************************/
/* Titre rubrique */
IMG.subtitle {
	margin-top:15px;
}
HR {
  margin-top:-4px;	
	margin-left:20px;
  margin-right:20px;
}

/* Texte normal */
P {
  text-align:justify;
  padding-left:20px;
  padding-right:20px;
}

/* Texte première page */
P.front {
	font-size:16px;
}

/* 2 blocs centrés */
DIV.left {
	display:inline-table;
	vertical-align:middle;
	text-align:right;
	width:370px;
	margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
}

DIV.right {
	display:inline-table;
  vertical-align:middle;
  text-align:left;
  width:370px;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px;
}

/* Programmation */
DIV.agenda {
  text-align:left;
  margin-left:40px;
  margin-top:10px;
  margin-bottom:10px;
}
DIV.agenda A {
  display:inline-table;
  vertical-align:middle;
  margin-bottom:-4px;
}
DIV.agenda DIV {
  vertical-align:middle;
	display:inline-table;
	text-align:left;
	margin-left:20px;
}
DIV.agendaCurrent {
	background:#f38283;
  text-align:left;
  margin-left:40px;
  margin-right:20px;
  margin-top:10px;
  margin-bottom:10px;
}
DIV.agendaCurrent IMG {
	display:inline-table;
  vertical-align:middle;
  margin-bottom:-4px;
}
DIV.agendaCurrent DIV {
  vertical-align:middle;
  display:inline-table;
  text-align:left;
  margin-left:20px;
}

/* Présentation spectacle */
TABLE.synopsys {
  text-align:justify;
  margin-left:20px;
  margin-right:20px;
}
TABLE.synopsys TD {
	vertical-align:top;
}
TABLE.synopsys TD.title {
  font-weight:bold;
  width:80px;
  padding-left:20px;
}

/* Vidéos */
TABLE.video {
  margin-left:auto;
  margin-right:auto;
}
TABLE.video IMG {
	margin-top:4px;
}

/* Formulaire de souscription à la Newsletter*/
TABLE.newsletter {
  text-align:left;
  margin-left:20px;
  margin-right:20px;
}
TABLE.newsletter TD.title {
  font-weight:bold;
  width:120px;
}

/*****************************************************************************
 Menu                                   
******************************************************************************/
DIV.menu {
	background:#f38283;
	width:794px;
	text-align:left;
	margin-top:-3px;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
}

SPAN.menuItem {
	display: inline-block;
	background:#f4aaab;
	width:153px;
	text-align:center;
  font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
  -moz-border-radius:4px;
  border-radius:4px;
  background-image:url(images/button.png);
  background-position:center top;
  background-repeat:repeat-x;
}

SPAN.menuItem A {
  text-decoration:none;
  display:block;
}

SPAN.menuItem A:link {
  color: #990000;
}

SPAN.menuItem A:visited {
  color: #990000;
}

SPAN.menuItem A:hover {
	background:#f7cdcd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image:url(images/button.png);
  background-position:center top;
  background-repeat:repeat-x;
}

SPAN.menuActiveItem {
	display: inline-block;
	background:#990000;
  color:#ffffff;
	width:153px;
  text-align:center;
  font-weight:bold;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image:url(images/button.png);
  background-position:center top;
  background-repeat:repeat-x;
}

/*****************************************************************************
 Onglets                                   
******************************************************************************/
DIV.tab {
  text-align:left;
  margin-left:30px;
}

SPAN.tabActiveItem {
  display: inline-block;
  background:#990000;
  color:#ffffff;
  width:160px;
  text-align:center;
  font-weight:bold;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

SPAN.tabItem {
	display: inline-block;
  background:#f4aaab;
  color: #990000;
  width:160px;
  text-align:center;
  font-weight:bold;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius:4px;
  border-radius:4px;
  background-image:url(images/button.png);
  background-position:center top;
  background-repeat:repeat-x;
}

SPAN.tabItem:hover {
	cursor:pointer;
  background:#f7cdcd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image:url(images/button.png);
  background-position:center top;
  background-repeat:repeat-x;
}
