@charset "UTF-8";
/* CSS Document */

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html { 
		overflow-y: scroll; 
		overflow: -moz-scrollbars-vertical;
	}
	
	/* Mise à 0 pour tous les navigateurs */
	html, body { 
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		background-color: #000000;
		text-align: center;
	}
		
	/* Formatage du caractère par défaut */	
	body, table {
		font-size: 14px;
		font-family: Arial, sans-serif;
		color: #FFFFFF;
	}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
	/* position de l'entier du site */	
	#Global { 
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 980px;
		-height: 100%; /* IE6: Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		min-height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
		background: url(design/structure/tco_fond_menu.jpg) repeat-y 91px 715px; /* Fond qui suit le menu */
	}
						
	#Contenu {
		width: 725px;
		-height: 710px;
		min-height: 710px;
		margin-left: 215px;
		/* Fond qui suit le menu */
				padding-bottom: 35px;
	}
	
	#Titre {
		width: 725px;
		height: 172px;	
	}
	
	#Menu {
		float: left;
		width: 215px;
		height: 710	px;
	}
	
	.DernierElement {
		bottom: 0;
		margin-bottom: 0px;
	}
	
	#bottom {
		position: absolute;
		width: 100%;
		height: 20px;
		bottom: 0px; 
		text-align: center;
	}
						
		
/******************************/
/*  CONTENU                 */
/******************************/
	#ContenuPage, #ContenuPageNoAnim {
		float: left;
		width: 470px;
		text-align: justify;
			}
	
	#ContenuPageFond, #ContenuPageFondNoAnim {
		width: 470px;
		background-image: url(design/structure/transparent.png) !important;  /* Mozilla uniquement */
		background-color: transparent !important;           /* Mozilla uniquement */
		background-image: none;                             /* IE uniquement */
		background-color: #000000;                          /* IE uniquement */
		filter:alpha(opacity=50);                           /* IE uniquement */	
	}
	
	#ContenuPageTexte, #ContenuPageTexteNoAnim {
		position: relative;
		padding: 10px;
		width: 450px;
	}
		
	#SousMenuInactif {
		display: none;
	}

	
	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	/* Alignement des listes à l'intérieur de la div */	
	ul, li {
		margin-left: 1em;
	}
	
	/* Annule les définitions de float */	
	.spacer {
		clear: both;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	

	h1 {
		font-family: Monaco, "Lucida Console", Courier, "Courier New";
		font-size: 18px;
		text-transform: uppercase;
		font-weight: normal;
		color: #;
		margin-bottom: 15px;
		text-align: left;
	}

	h2 {
		font-family: Monaco, "Lucida Console", Courier, "Courier New";
		font-size: 16px;
		text-transform: uppercase;
		font-weight: normal;
		margin-bottom: 15px;
		color: #;
	}
	
	h3 {
		font-size: 15px;
		color: #;
	}
		
	h4 {
	
	}
		
	h5 {
	
	}
	
	.TitreEspace {
		margin-top: 50px;
	}
	
	.SousTitre {
		font-size: 15px;
		color: #;
	}
	
	.Chapeau {
		font-family: Monaco, "Lucida Console", Courier, "Courier New";
		color: #;
	}
	
	.Bienvenue {
		font-family: Monaco, "Lucida Console", Courier, "Courier New";
		color: #;
		font-size: 32px;
	}
	
	p {
		margin-bottom: 16px;
	}

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		color: #;
		text-decoration: underline;
		cursor: pointer;
	}
	
	a:hover, a:focus {
		text-decoration: none;
		cursor: pointer;
	}
		
	/******************************/
	/*  SousMenu                 */
	/******************************/	
	#SousMenuActif, #SousMenuActifNoAnim {
		float: right;
		width: 180px;
		border: dashed 3px #;
		font-family: Monaco, "Lucida Console", Courier, "Courier New";
		color: #;
		text-transform: uppercase;
		font-size: 17px;
		text-align: left;
		padding: 10px;
	}
	
	#Presse, #PresseNoAnim {
		float: right;
		width: 180px;
		border: dashed 3px #;
		font-family: Monaco, "Lucida Console", Courier, "Courier New";
		color: #;
		text-transform: uppercase;
		font-size: 17px;
		text-align: left;
		padding: 10px;
	}
	
	.Spectacles {
	}
	
	#SousMenu, #SousMenu li  {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#SousMenu li {
		margin-bottom: 10px;
	}
	
	#SousMenu a, #SousMenu a:visited, #SousMenu a:active  {
		text-decoration: none;
	}
	
	#SousMenu a:hover, #SousMenu a:focus  {
		text-decoration: none;
		color: #CCCCCC;
	}
		
	/******************************/
	/*  images                     */
	/******************************/	
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		background: #000000;
		border: dashed 1px #;
		width: 350px;
		color: #;
		padding: 3px;
		font-family: Arial, sans-serif;
		font-size: 14px;
	}
	
	.btnEnvoyer {
		width: 100px;
	}
	
	.tabFormulaire td {
		padding-bottom: 10px;
	}
	
	.tabFormulaire {
		width: 400px;
	}
	
	.FormLargeurLablel {
		width: 70px;
		text-align: right;
		vertical-align: top;
		padding-right: 7px;
	}
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}
	
	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}
	
	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}
	
	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}
	
	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;;
	}
	
/******************************/
/*  PAGES                    */
/******************************/

	/******************************/
	/*  Agenda                    */
	/******************************/
	
	.Evenement {
		cursor: pointer;
		text-decoration: none;
		text-align: center;
	}
	
	.Agenda {
		border-collapse: collapse;
	}
	
	.Agenda a, .Agenda a:visited, .Agenda a:hover, .Agenda a:focus, .Agenda a:active {
		text-decoration: none;
	}

	
	.Agenda td {
		width: 33%;
		height: 120px;
		padding: 10px;
		vertical-align: top;	
	}
		
	.Agenda .VBorder {
		border-right: dashed 2px #;	
		border-left: dashed 2px #;	
	}
		
	.Agenda .BBorder {
		border-bottom: dashed 2px #;	
	}
		
	.Agenda .Noir {
		color: #;
	}
	
	.Agenda .Bleu {
		color: #;
	}
	
	.Agenda .Mauve {
		color: #;
	}
		
	.Agenda .Jaune {
		color: #;
	}
	
	.Agenda .Azur {
		color: #;
	}
	
	.Agenda .Orange {
		color: #;
	}
	
	.Agenda .Saumon {
		color: #;
	}
	
	.Agenda .Vert {
		color: #;
	}
	
	.Agenda .Rouge {
		color: #;
	}
	
	.Agenda .Blanc {
		color: #;
	}

	.Evenement .Titre {
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
	}
	
	.Evenement .Date {
		font-size: 10px;
		text-transform: uppercase;
		width: 100%;
		color: #;
	}
	
	.Evenement .Date .Court {
		text-transform: lowercase;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	.Evenement .Infos {
		margin-bottom: 0px;
	}
	
	#DetailsAgenda {
		color: #FFFFFF;
		float: right;
		width: 180px;
		border: dashed 3px #990000;
		text-align: left;
		padding: 10px;
		font-size: 15px;
	}
	
	.Agenda .Precedentes {
		text-align: left;
		height: 15px;
	}
	
	.Agenda .Aujourdhui {
		text-align: center;
		height: 15px;
	}
	
	.Agenda  .Suivantes {
		text-align: right;
		height: 15px;
	}
	
	/******************************/
	/*  Spectacles               */
	/******************************/	
	.tabSpectacles {
		width: 100%;
	}	
	
	.tabSpectacles td {
		padding-bottom: 3px;
		vertical-align: top;
		}	
	
	.tabSpectacles .Label {
		width: 90px;
		font-weight: bold;
		padding-right: 5px;
	}	
	
	/******************************/
	/*  En préparation           */
	/******************************/

	.NoPreparation {
		font-size: 24px;
		color: #;
		font-size: bold;
		margin: 30px;
	}
	
	/******************************/
	/*  Contact                   */
	/******************************/

	.Liens td {
		padding-bottom: 5px;
	}
	
	.Liens img {
		width: 75px;
	}
	
	.Liens .Lien a, .Liens  .Lien a:visited, .Liens .Lien a:active {
		color: #FFFFFF;
		padding: 3px;
		text-decoration: none;
		background: none;
		border: dashed 1px #;
		margin-left: 7px;
	}
	
	.Liens  .Lien a:hover, .Liens .Lien a:focus {
		color: #000000;
		background: #;
		text-decoration: none;
	}	
	
	/******************************/
	/*  Photos                    */
	/******************************/	
	
	.TabAlbums {
		width: 100%;
	}	
	
	.TabAlbums td {
		padding: 10px;
	}	
	
	.TabAlbums td.Titre {
		padding: 0px;
	}	
	
	.TabAlbums td.Image {
		width: 50px;
	}	

	
	.TabAlbums img {
		border: #FFFFFF solid 2px;
	}

	.GalerieHover {
		background-color: #;
		text-decoration: none;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	.GaleriePhoto .Navigation, .GaleriePhoto .Images {
		width: 100%;
		text-align: center;
	}

	.GaleriePhoto img {
		border: #FFFFFF solid 2px;
	}
	
	.GaleriePhoto .Titre {
		font-weight: bold;
	}

	.GaleriePhoto .Navigation td {
		width: 33%;
		padding-bottom: 5px;
	}
	
	.GaleriePhoto .Images td {
		padding: 5px;
	}
	
	.TabGaleries {
		width: 100%;
		text-align: left;
	}	
		
	.TabGaleries td.Image {
		width: 65px;
	}
	
	/*  Coupures de Presse  */
	
	#PresseNoAnim a, #Presse a, #PresseNoAnim a:visited, #Presse a:visited, #Presse a:focus, #PresseNoAnim a:focus {
		color: #FFFFFF;
		text-transform: none;
		font-size: 14px;
		font-family: Arial, sans-serif;
	}
	
	#PresseNoAnim img, #Presse img {
		width: 40px;
		border: none;
		margin-right: 7px;
		clear: both;
	}
	
	.CoupuresPresse td {
		padding-bottom: 10px;
	}