/*============ ELEMENTS COMMUN ============ */
body	{
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: Arial,sans-serif;
	color: #ffffff;
	background-color: #01011b;
}

.debug_white	{
	border-style: solid;
	border-width: 1px;
	border-color: white;
}

.debug_black	{
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

img			{border: 0;}
/*
a:link		{color: white; text-decoration: none;}
a:active	{color: white; text-decoration: none;}
a:visited	{color: white; text-decoration: none;}
a:hover		{color: white; text-decoration: none;}
*/

a:link, a:active, a:visited, a:hover	{
	color: #003366; text-decoration: none;
}

.blanc				{color: #ffffff;}
.blanc a:link		{color: #ffffff;}
.blanc a:active		{color: #ffffff;}
.blanc a:visited	{color: #ffffff;}
.blanc a:hover		{color: #01648a;}

.blanc2				{color: #ffffff;}
.blanc2 a:link		{color: #ffffff;}
.blanc2 a:active	{color: #ffffff;}
.blanc2 a:visited	{color: #ffffff;}
.blanc2 a:hover		{color: #bbd835;}

.vert			{color: #01648a;}
.vert a:link	{color: #01648a;}
.vert a:active	{color: #01648a;}
.vert a:visited	{color: #01648a;}
.vert a:hover	{color: #ffffff;}

.vert2				{color: #bbd835;}
.vert2 a:link		{color: #bbd835;}
.vert2 a:visited	{color: #bbd835;}
.vert2 a:active		{color: #bbd835;}
.vert2 a:hover		{color: #ffffff;}

.no-bull	{
	list-style-type: none;
}

.main	{
	position: relative;
	margin: auto;
	height: 769px;
	width: 1024px;
}

.menu-haut	{
	position: relative;
	height: 80px;
	width: 1024px;
}

.contenu	{
	position: relative;
	left: 235px;
	height: 685px;
	width: 785px;
	color: #003366;
}
/* ============ FIN ELEMENTS COMMUN ============ */

/* ============ BACKGROUND ============ */

.accueil-img	{
	background-image:url("../../medias/images/accueil.jpg");
	background-repeat: no-repeat;
}

.arr-scene-img	{
	background-image:url("../../medias/images/arriere-scene.jpg");
	background-repeat: no-repeat;
}

.contactez-nous-img	{
	background-image:url("../../medias/images/contactez-nous.jpg");
	background-repeat: no-repeat;
}

.programmation-img	{
	background-image:url("../../medias/images/creation_tournee.jpg");
}

.offers-in-english-img	{
	background-image:url("../../medias/images/offers-in-english.jpg");
}

.grand-public-img	{
	background-image:url("../../medias/images/grand-public.jpg");
}

/* ============ FIN BACKGROUND ============ */

/* ===== MENU DE GAUCHE =====*/
.menu-gauche	{
	position: absolute;
	height: 650px;
	width: 235px;
}

.menu-gauche-elm-1	{
	position: relative;
	top: 30px;
	height: 140px;
	font-size: 9pt;
	font-family: Capitals;
}

.menu-gauche-bandeau	{
	position: relative; 
	height: 59px; 
	width: 203px; 
	background-image:url('../../medias/images/bandeau-g.png'); 
	margin-bottom: 10px;
}

.menu-gauche-text-bandeau	{
	position: absolute;
	top: 14px;
	left: 72px;
	width: 125px;
	height: 33px;
	text-align: center;
}
	
.menu-gauche-elm-2	{
	top: 20px;
	position: relative;
	height: 200px;
	font-family: arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.menu-gauche-sections	{
	position: absolute;
	height: 650px;
	width: 180px;
}

/* ===== FIN MENU DE GAUCHE =====*/

table.menu	{
	position: relative; 
	text-align: center;
	top: 35px; 
	left: -10px;
	font-size: 10.11pt;
	font-weight: bold;
	font-family: Arial;
	
}

.sommaire-menu	{
	position: absolute;
	top: 465px;
	left: 365px;
	height: 275px;
	width: 440px;
	font-weight: bold;
	font-family: Arial;
}

.sommaire-bandeau	{
	font-size: 15pt;
	text-align: center;
	position: relative;
	width: 435px;
	height: 136px;
	background-image:url("../../medias/images/accueil-menu.png");
}

.sommaire-bandeau-texte	{
	position: absolute;
	top: 37px;
	left: 11px;
	width: 270px;
	height: 60px;
	font-family: Capitals;
	font-variant:small-caps;
}

.sommaire-bandeau-photo	{
	position: relative;
	width: 126px; 
	height: 125px; 
	left: 283px; 
	top: 2px;
}

.sommaire-news	{
	background-image:url("../../medias/images/accueil_nouvelles.png");
	top: 450px;
	left: 820px;
	position: absolute;
	width: 162px;
	height: 272px;
	color: #01638a;
}

.sommaire-news-texte	{
	font-size: 10px;
	margin: 65px 0 0 6px;
	width:150px;
	height: 203px;
	overflow: hidden;
	font-weight: bold;
}

.sommaire-toutes-les-nouvelles	{
	text-align: right; 
	font-size: 14px; 
	position: absolute; 
	top: 253px; 
	width: 150px;
}

.contenu-titre {
	position: relative; 
	top: 5px; 
	height: 70px;
	padding-left: 5px;
}

.contenu-texte	{
	position: relative; 
	max-height: 685px;
	overflow: auto;
	padding-left: 19px;
	padding-right: 35px;
	text-align: justify;
	z-index: 0;
	top: 2px;
}

.contactez-nous-texte	{
	position: relative; 
	max-height: 587px;
	overflow: auto;
	padding-left: 7px;
	padding-right: 5px;
}

.texte	{
	position: relative; 
	/* min-height: 200px; */
}

.contacts td	{
	height: 100px;
}

.programmation-gauche	{
	position: relative;
	height: 100px; 
	width: 183px;
	text-align: center; 
	font-size: 20px; 
	color: #d0df30;
}

.programmation-sous-logo	{
	position: relative;
	height: auto;
	width: 183px;
	top: 0px;
	font-family: arial, sans-serif;
	font-size: 9.5pt;
	font-weight: bold;
}

.programmation-sous-logo ul, .programmation-sous-logo li	{
	margin:0 0 0 -13px;
}

.programmation-img-accueil	{
	position: absolute;
	left: 15px;
	top: 25px;
	width: 295px;
	height: 533px;
}

table.programmation tr	{
	height: 110px;
}

table.programmation	{
	width: 520px;
}

.spectacle-img	{
	position: absolute;
	top: 100px;
	left: 30px;
	width: 364px;
	height: 470px;
}

.contenu-sections	{
	position: relative;
	left: 182px;
	top: -5px;
	height: 685px;
	width: 841px;
	color: #01638a;
}

.spectacle-presentation {
	position: relative;              
	width: 460px;
    height: 659px;
    left: 325px; 
    top: 17px;    
}

.spectacle-description	{
	position: relative; 
	width: 400px; 
	height: 455px; 
	left: 420px; 
	top: 0px;
	font-family:'Arial MT';
	font-size: 10.3pt;
}

.spectacle-titre	{
	height: 100px; 
	width: 840px;
	color: white; 
	font-size: 22pt;
	font-family: 'Arial MT', Arial, sans-serif;
}

.zone-grise	{
	position: absolute; 
	height: 85px; 
	width: 403px; 
	top: 580px; 
	left: 0;
	background-image:url("../../medias/images/zone-grise.png");
}

.photo	{
	float: left;
	height: auto;
	width: 75px;
}

.spectacle      {  
	margin-top: -2px;                 
    height: 100px;
    width: 170px; 
    font-family: Arial;
    font-weight: bold;
    font-size: 85%;
    font-size: 8.5pt;
    float: right;   
} 

.spectacle a:link		{color: #bbd835; font-weight: bold; font-size: 9.3pt; letter-spacing: -0.25pt;}
.spectacle a:active		{color: #bbd835; font-weight: bold; font-size: 9.3pt; letter-spacing: -0.25pt;}
.spectacle a:visited	{color: #bbd835; font-weight: bold; font-size: 9.3pt; letter-spacing: -0.25pt;}
.spectacle a:hover		{color: #ffffff;}



.bandeau-haut-droit	{
	position: absolute; 
	left: 795px; 
	top: 20px; 
	width: 246px; 
	height: 67px; 
	background-image:url('../../medias/images/bandeau_droite_spectacle.png'); 
	background-repeat: no-repeat;
}

.bandeau-haut-droit-cet	{
	position: absolute; 
	left: 845px; 
	top: 17px; 
	width: 179px; 
	height: 76px; 
	background-image:url('../../medias/images/bandeau_droite_creations.png'); 
	background-repeat: no-repeat;
}

/* ===== DESCRIPTION DU SPECTACLE =====*/
.histoire	{
	margin-top: 5px;
	position: relative;
	width: 100%;
	/* height: 600px; */
}

.histoire-titre	{
	display: block;
	position: relative;
	background-image:url("../../medias/images/presentation-bandeau.jpg");
	width: auto;
	height: 20px;
	background-color: #75b545;
	padding-left: 12px;
	padding-top: 7px;
}

.histoire a:link		{color: #003366;}
.histoire a:visited	{color: #003366;}
.histoire a:active	{color: #003366;}
.histoire a:hover		{color: #003366;}

.histoire-texte	{
	position: relative;
	background-color: white;
	height: 350px;
	width: auto;
	overflow: auto;
	padding: 0 12px 0 12px;
	font-family: Verdana, "sans-serif";
	color: #003366;
}

.histoire-texte a:link		{color: #003366;}
.histoire-texte a:visited	{color: #003366;}
.histoire-texte a:active	{color: #003366;}
.histoire-texte a:hover		{color: #003366;}

.credit-titre	{
	position: relative;
	background-image:url("../../medias/images/presentation-bandeau.jpg");
	width: 356px;
	height: 30px;
	
}

.credit-texte	{
	position: relative;
	background-color: white;
	height: 100px;
	width: 100%;
	overflow: hidden;
}

.compagnie-titre	{
	position: relative;
	background-image:url("../../medias/images/presentation-bandeau.jpg");
	width: 356px;
	height: 30px;
	
}

.compagnie-texte	{
	position: relative;
	background-color: white;
	height: 90px;
	width: 100%;
	overflow: hidden;
}

.plusinfo-titre	{
	position: relative;
	background-image:url("../../medias/images/presentation-bandeau.jpg");
	width: 356px;
	height: 30px;
	
}

.plusinfo-texte	{
	visibility: hidden;
	position: relative;
	background-color: white;
	height: 100px;
	width: 100%;
	overflow: hidden;
}
/* ===== FIN DESCRIPTION DU SPECTACLE =====*/


.histoire-description	{
	position: relative;
	background-color: white;
	height: 200px;
	width: 100%;
	overflow: hidden;
}


.fond-description-spectacle	{
	background-color: #c2da36;
}

.info-public	{
	color: #c2da36;
}

.inc-logo	{
	position: relative;
	top: -60px;
	height: 120px; 
	width: 183px;
	text-align: center; 
	display: block;
}

.cet-texte	{
	position: relative;
	background-color: white;
	height: 300px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

table.cet	{
	position: absolute;
	top: 100px;
	height: 400px;
}

.other-sec-texte	{
	position: absolute; 
	top: 17px; 
	left: 18px; 
	width: 130px;
	height: 35px; 
	text-align: center;
	font-family: Capitals;
	font-weight: bold;
	font-size: 90%;
}

.other-sec-logo	{
	position: absolute; 
	width: 62px; 
	top: 4px; 
	left: 151px; 
	height: 62px;
}

.other-sec-texte-cet	{
	position: absolute; 
	top: 16px; 
	left: -10px; 
	width: 130px;
	height: 35px; 
	text-align: center;
	font-family: Capitals;
	font-weight: bold;
}

.other-sec-logo-cet	{
	position: absolute; 
	width: 62px; 
	top: 4px; 
	left: 98px; 
	height: 62px;
}

.credit-photo-1	{
	position: absolute;
	top: 561px;
	left: 15px;
	height: 15px;
	width: 290px;
	font-size: xx-small;
}

.texte-sous-photo-1	{
	position: absolute; 
	height: 200px; 
	width: 600px; 
	top: 498px; 
	left: 16px;
	overflow: auto;
}

.credit-photo-2	{
	position: absolute;
	top: 571px;
	left: 30px;
	height: 15px;
	width: 290px;
	font-size: xx-small;
	padding-top: 5px;
}

.texte-sous-photo-2	{
	position: absolute; 
	height: 95px; 
	width: 360px; 
	top: 595px; 
	left: 30px;
	overflow: auto;
}

.autres-spectacles	{
	position: absolute;
	width: 400px;
	height: 20px;
	top: 70px;
	left: 425px;
	font-size: small;
	color: #c2da36;
	/*
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
	*/
}

.inc-logo-titre	{
	color: #bbd835; 
	text-align: center; 
	font-family: Capitals;
	font-size: 16px; 
	margin-top: -60px; 
	font-variant:small-caps;
}

.inc-logo-titre a:link		{color: #bbd835; }
.inc-logo-titre a:visited	{color: #bbd835; }
.inc-logo-titre a:hover		{color: #ffffff; }

.grosseur-titre	{
	font-family: Arial; font-weight: bold; font-size: 11pt;
}

table.theatro	{
	width: 300px;
}

.theatro-presentation	{
	position: relative; 
	width: 300px; 
	height: 659px; 
	left: 535px; 
	top: 25px;
}

.theatro-accueil	{
	position: absolute;
	left: 15px;
	top: 80px;
	width: 600px;
	height: 400px;
}

.theatro-credit-photo-1	{
	position: absolute;
	top: 483px;
	left: 15px;
	height: 15px;
	width: 290px;
	font-size: xx-small;
}

table.theatro td	{height: 100px;}

/*
.theatro-liste	{
	position: relative; 
	top: 40px; 
	left: 634px; 
	width: 187px;
	padding-right: 20px;
	height: 620px; 
	overflow: auto;
	font-size: 10pt;
}

*/
.theatro-spectacle-present	{
	position: relative; 
	top: 40px; 
	left: 634px; 
	height: 85px;
	width: 170px;
	/*background-image:url("../../medias/images/separateur.jpg");*/
	background-color: #000000;
	background-repeat:repeat-y;
	color: #003366;
	padding: 4px;
	font-size: 10pt;
}

.theatro-liste	{
	position: relative; 
	top: 40px; 
	left: 634px; 
	width: 187px;
	padding-right: 20px;
	height: 550px; 
	overflow: auto;
	font-size: 10pt;
}

.theatro-liste a:link		{color: #bbd835; font-weight: bold; font-size: 14px;}
.theatro-liste a:active		{color: #bbd835; font-weight: bold; font-size: 14px;}
.theatro-liste a:visited	{color: #bbd835; font-weight: bold; font-size: 14px;}
.theatro-liste a:hover		{color: #ffffff; font-weight: bold; font-size: 14px;}


.white	{
	color: #ffffff;
}

.image_hidden	{
	display: none;
}

.doc-down a:link		{color: #003366;}
.doc-down a:active		{color: #003366;}
.doc-down a:visited		{color: #003366; }
.doc-down a:hover		{color: #ffffff; background-color: #bbd835;}

.separateur	{
	margin: auto; 
	border-style: solid; 
	border-width: 0.25pt; 
	border-color: #003366; 
	height: 0; 
	width: 30%;
}

.commentaires-texte	{
	display: inline-block; 
	width: 140px; 
	position: relative; 
	left: 2px; 
	font-family: arial, sans-serif; 
	font-size: 9pt; 
	font-weight: bold;
}

.commentaires-img	{
	width: 23px; 
	display: inline-block; 
	vertical-align: top;
}

.tableau-spectacle {
	width: 100%; 
	position: relative; 
	left: 8px;
	top: 7px;
}

p.line-height	{
	line-height: 25%;
}

.commentaires	{
	position: relative; 
	top: 12px;
	height: 50px;
}

.thetro-titre-new	{
	display: inline-block; position: relative; top: 55px; left: 15px; font-size: 15pt; width: 550px; height: 40px; vertical-align: bottom;
	color: #ffffff;
}

.theatro-annee	{
	display: inline-block; position: relative; top: 37px; left: 24px; width: 40px; text-align: right; vertical-align: bottom;
	color: #ffffff;
}