@CHARSET "UTF-8";

html,body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	text-align: justify;
}
#bodyBackground {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
}
#realBoby {
	margin: 0px;
	position: absolute;
	padding: 0px;
	height: 560px;
	width: 982px;
	color: #FFFFFF;
	top: 50%;
	left: 50%;
	margin-top: -280px;
	margin-left: -491px;
	overflow: visible;
}
#shadowL {
	background-image: url("../images/shadow_l.png");
	height: 510px;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 7px;
	background-repeat: no-repeat;
	background-position: bottom right;
}
#shadowR {
	background-image: url("../images/shadow_r.png");
	height: 508px;
	position: absolute;
	left: 976px;
	top: 42px;
	width: 10px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#shadowB {
	background-image: url("../images/shadow_b.png"); 
	height: 10px;
	position: absolute;
	left: 0px;
	top: 550px;
	width: 982px;
	background-repeat: no-repeat;
	background-position: top left;
}
#menu {
	height: 40px;
	width: 970px;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 0px;
}
#menuBackground {
	background-color: #000000;
	position: absolute;
	-moz-opacity:0.25;
	opacity: 0.25;
	filter:alpha(opacity=25);
	width: 100%;
	height: 100%;
}
#menu h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	position: absolute;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 17px;
	width: 100%;
	height: 100%;
	color: #F7931E;
	top: 0px;
	margin: 0;
	display: block;
	line-height: 44px;
	vertical-align: bottom;
}
#menu span {
	padding: 0px;
	padding-right: 4px;
	padding-left: 4px;
	color: #FFFFFF;
}
#menu a {
	color: #FF9900;
	text-decoration: none;
	font-size: 17px;
	padding: 0px;
	padding-right: 4px;
	padding-left: 4px;
}
#menu a:hover {
	color: #FFFFFF;
}
#bodySection {
	height: 508px;
	width: 968px;
	background-color: #000000;
	border: 1px solid #000;
	position: absolute;
	top: 40px;
	left: 7px;
	background-image: url("../images/section_background.png");
	background-repeat: repeat-x;
	overflow: hidden;
}

#credits {
	position: absolute;
	top: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 968px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
#bandeau_orange {
	position: absolute;
	width: 968px;
	height: 72px;
	top: 0px;
	left: 0px;
	background-image: url("../images/bandeau_orange.png");
	background-color: #F47721;
}
a img
 {
	 border:none;
 }
#petitlogo {
	float:right;
	margin:0px;
	margin-right:30px;
	margin-top:10px;
}


/* ACUEIL */
#accueilBkgImage {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#accueilLogo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#player {
	z-index: 1001;
	position: absolute;
	top: 530px;
	right: 12px;
}
#annonce {
	z-index: 1000;
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	position: absolute;
	bottom: 0px;
	color: #fff;
	width: 968px;
	height: 33px;
	background-image: url("../images/annonce_fond.png");
	background-repeat: repeat-y;
	background-position: left;
}
#annonce_titre {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 194px;
}
#annonce_titre_fond_image01 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 33px;
	width: 194px;
	background-image: url("../images/annonce_titre_fond.png");
	background-position: bottom right;
}
#annonce_titre_fond_image02 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 33px;
	width: 187px;
	background-image: url("../images/annonce_titre_fond.png");
	background-position: bottom right;
}
#annonce_titre_texte {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
}
#annonce_titre_texte sup {
	font-size: 10px;
}
#annonce_texte {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-left: 204px;
	width: 774px;
	padding-bottom: 5px;
}
#annonce_texte small {
	font-size: 12px;
}

/* PROGRAMMATION */
#progLeft {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 33%;
	height: 100%;
}
#progRight {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: inherit;
	width: 67%;
	height: 100%;
}
#progLeftTop {
	height: 72px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#progLeftTop h2 {
	margin: 0px;
	padding: 0px;
	font-size: 60px;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 1;
	position: absolute;
	left: 40px;
	bottom: 0px;
}
#progLeftBottom {
	height: 395px;
	overflow: auto;
	position: absolute;
	margin: 0px;
	padding: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	top: 73px;
	width: 239px;
}
#progLeftBottom h3 {
	text-align: left;
	margin: 0px;
	font-size: 18px;
	padding: 0px;
}
#progLeftBottom p {
	font-size: 10px;
	font-weight: normal;
	text-align: justify;
	color: #CCCCCC;
	margin: 8px 0;
	line-height: 13px;
}
#progRightTop {
	width: 100%;
	height: 72px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#progRightTop h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	position: absolute;
	left: 40px;
	margin: 0px;
	bottom: 6px;
}
#progRightTop h2 a {
    color: #DF5900;
    font-size: 80%;
    text-decoration: none;
}

#progRightBottom {
	background-color: #FFFFFF;
	overflow: auto;
	color: #000000;
	padding: 40px;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: absolute;
	top: 73px;
	left: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 569px;
	height: 415px;
}
#progRightBottom h3 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #333333;
}
#progRightBottom h4 {
	color: #333333;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1.2px;
}
#progRightBottom p {
	font-size: 12px;
	color: #333333;
	margin: 0.7em 0;
	letter-spacing: 1px;
	line-height: 14px;
}
#progRightBottom #underTitle {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}
#progRightBottom #date {
	color: #FF6600;
	font-weight: bold;
	text-transform: uppercase;
}
#progRightBottom a {
	color: #999999;
	text-decoration: none;
}
#progRightBottom a:hover {
	color: #FF9900;
	text-decoration: none;
}
#progRightBottom span {
	color: #000000;
}
#progRightBottom #production {
	margin-top: 12px;
}
#progRightBottom #casting {
	margin-top: 18px;
}
#progRightBottom #affiche {
	float: right;
	margin: 0px;
	margin-right: -20px;
	margin-left: 20px;
}
.annee2011 {
	background-image: url(../images/fond2011.png);
}
.annee2010 {
	background-image: url(../images/fond2010.png);
}
.annee2009 {
	background-image: url(../images/fond03.png);	/* background-image: url(../images/aida.jpg); */
}

/* PRESSE */

#presseRightBottom {
	background-color: #FFFFFF;
	overflow: auto;
	color: #000000;
	padding: 40px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: bottom right;
	position: absolute;
	top: 73px;
	left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 569px;
	height: 395px;
}
#presseRightBottom h3 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #333333;
}
#presseRightBottom h4 {
	color: #333333;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1.2px;
}
#presseRightBottom p {
	letter-spacing: 1px;
}
.telechargement a {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
}
.telechargement a:hover {
	color: #FF9900;
}


/* Réservation */
#resTop {
}
#resBottom {
	position: absolute;
	width: 968px;
	height: 436px;
	left: 0px;
	top: 73px;
	overflow: hidden;
}
#resBottomLeft {
	position: absolute;
	margin: 0px;
	padding: 20px 40px;
	top: 0px;
	left: 0px;
	width: 239px;
	height: 395px;
	overflow: auto;
}
#resBottomLeft h3 {
	text-align: left;
	margin: 0px;
	font-size: 18px;
	padding: 0px;
	letter-spacing: 1px;
}
#resBottomLeft p {
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #CCCCCC;
	margin: 0.9em 0;
	letter-spacing: 1px;
}
#resBottomLeft a {
	color: #999999;
	text-decoration: none;
}
#resBottomLeft a:hover {
	color: #FF9900;
}
#resBottomRight {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 569px;
	height: 395px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 20px 40px;
	color: #000000;
	overflow: auto;
}
#resBottomRight h3 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #333333;
}
#resBottomRight p {
	font-size: 12px;
	text-align: justify;
}
.tarifs {
	width:545px;
	margin:20px 0px;
	font-size: 12px;
	border: 2px solid #000;
	border-collapse: collapse;
}
.tarifs td {
	padding: 10px;
}
.tarifs th {
	padding: 10px 0px;
	height: 40px;
	background-color: #CCCCCC;
}
#seance {
}
#passeport {
}
#resBottomRight .notes {
	font-size: 9px;
	color: #666666;
	text-align: justify;
}
#resBottomRight .indication {
	padding: 0px;
	color: #FF0000;
	border-left: 4px solid #FF0000;
	margin: 0px;
	padding-left: 4px;
	margin-bottom: 10px;
	font-weight: bold;
}
#places {
	border: 1px solid #000;
	width: 547px;
	margin-top: 10px;
}
#resBottomRight .legend {
	margin: 0px;
	font-size: 10px;
	text-align: center;
}
#resBottomRight ul {
	font-size: 12px;
}
#resBottomRight il {
}

/* Artistes */

#artTop {
}
#artBottom {
	position: absolute;
	width: 968px;
	height: 436px;
	left: 0px;
	top: 73px;
	overflow: hidden;
}
#artBottomLeft {
	position: absolute;
	margin: 0px;
	padding: 20px 40px;
	top: 0px;
	left: 0px;
	width: 239px;
	height: 395px;
	overflow: auto;
}
#artBottomLeft h3 {
	text-align: left;
	margin: 0px;
	font-size: 18px;
	padding: 0px;
	letter-spacing: 1px;
}
#artBottomLeft p {
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #CCCCCC;
	margin: 0.9em 0;
	letter-spacing: 1px;
}
#artBottomLeft p span {
	color: #FFFFFF;
}
#artBottomLeft a {
	color: #999999;
	text-decoration: none;
}
#artBottomLeft a:hover {
	color: #FF9900;
}
#artBottomRight {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 569px;
	height: 395px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 20px 40px;
	color: #000000;
	overflow: auto;
}
#artBottomRight .artiste {
	margin-bottom: 40px;
	clear: both;
	min-height: 130px;
}
#artBottomRight .artiste img {
	border: 2px solid #000;
	float: left;
	margin-top: 5px;
	width: 120px;
	height: 120px;
}
#artBottomRight .textBio {
	padding-left: 138px;
}
#artBottomRight h3 {
	margin: 0px;
	padding: 00px;
	font-size: 24px;
	color: #333333;
}
#artBottomRight .category {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 14px;
	letter-spacing: 2px;
}
#artBottomRight p {
	font-size: 12px;
	/* text-align: justify; */
}
#artBottomRight .artiste img.link {
	width: 10px;
	height: 10px;
	border: none;
	float: none;
}
#artBottomRight p a  {
	color:#999999;
	text-decoration:none;
}

/* Galerie */
#galerie {
	position:absolute;
	height: 426px;
	width: 968px;
	margin-top:72px;
	background-image: url("../images/gal_fond.jpg");
	background-position:bottom;
	padding-top:10px;
}
.gal_section_title {
	font-size: 40px;
	color: #FFF;
	letter-spacing: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	margin-top: 22px;
	font-variant:small-caps;
	color:#DF5900;
}
.gal_title {
	margin-left: 48px;
	height: 30px;
	margin-top: 10px;
}
.gal_title div {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 344px;
	height: 20px;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}
.gal_dot {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	display: block;
	margin: 0px;
	padding: 0px;
	letter-spacing: 3px;
}
.gal_dot_link {
	color: #666;
	text-decoration: none;
	height: 20px;
}
.gal_dot_link:hover {
	color: #FFF;
}
.gal_title p {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 2px;
	width: 170px;
	margin-left: 2px;
	margin-right: 2px;
	font-variant: small-caps;
	text-align: center;
}
.gal_previews {
	position: relative;
	height: 160px;
	clear: both;
}
.gal_thumb_arrow {
	float: left;
	color: #999;
	text-decoration: none;
	vertical-align: middle;
	height: 124px;
	width: 48px;
}
.gal_thumb_arrow tr td {
	vertical-align: middle;
	height: 124px;
	text-align: center;
}
.gal_thumb_arrow a {
	text-decoration: none;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.gal_thumb_arrow a:hover {
	text-decoration: none;
	color: #FFF;
}
.gal_thumb_slider {
	height: 160px;
	float: left;
	overflow: hidden;
	width: 870px;
}
.gal_thumbs {
	height: 160px;
	clear: both;
	width: 872px;
	overflow: hidden;
}
.gal_thumb_link {
	text-decoration: none;
	border:none;
	display: block;
	float: left;
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-border-radius: 4px;
	letter-spacing: 1px;
	padding: 5px;
	margin: 0px;
	width: 160px;
	height: 150px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
}
.gal_thumb_link:hover {
	-moz-opacity: 1;
	opacity: 1;
	background-image: url(../images/thumb_hl.png);
}
.gal_thumb {
	height: 150px;
	width: 160px;
	position: relative;
	text-align: center;
	z-index: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.gal_thumb_image {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 144px;
	margin-bottom: -25px;
	border: none;
}
.gal_thumb_title {
	width: 160px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.gal_thumb_description {
	font-size: 8px;
	color: #999;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#album_left {
	position: absolute;
	width: 304px;
	height: 435px;
	background-color: #000;
	margin-top: 73px;
	background-image: url(../images/album_fond.jpg);
	background-repeat: no-repeat;
	border-right: 1px solid #000;
}
#album_right {
	position: absolute;
	width: 664px;
	height: 435px;
	background-color: #111;
	margin-top: 73px;
	margin-left: 305px;
}
.thumbViewer {
	width: 236px;
	height: 308px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	bottom: 34px;
	left: 34px;
}
.thumbViewer_header {
	height: 20px;
}
.thumbViewer_header_left {
	background-image: url(../images/thumbsViewer_header_left.png);
	height: 20px;
	width: 3px;
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
}
.thumbViewer_header_middle {
	background-image: url(../images/thumbsViewer_header_middle.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 18px;
	width: 230px;
	background-color: #000;
	float: left;
	font-size: 11px;
	padding-top: 2px;
}
.thumbViewer_header_middle span {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 1px;
	background-image: url(../images/selected.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.thumbViewer_header_middle a {
	text-decoration: none;
	color: #CCC;
	margin:0px;
	padding:0px;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: bold;
}
.thumbViewer_header_middle a:hover {
	color: #FFF;
}
.thumbViewer_header_previousLink {
	text-align: left;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 2px;
}
.thumbViewer_header_pageLinks {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.thumbViewer_header_nextLink {
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 2px;
}
.thumbViewer_header_right {
	background-image: url(../images/thumbsViewer_header_right.png);
	height: 20px;
	width: 3px;
	float: left;
	background-repeat: repeat-x;
	background-position: top right;
}
.thumbViewer_background {
	background-color: #FFF;
	position: absolute;
	width: 236px;
	height: 288px;
	-moz-opacity: 0.1; /* Gecko */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); /* IE < 8 */
	opacity: 0.1; /* CSS 3 */
}
.thumbViewer_thumbs {
	width: 224px;
	height: 280px;
	position: absolute;
	margin: 4px;
	margin-right: 6px;
	margin-left: 6px;
}
.thumbViewer_thumb {
	height: 52px;
	width: 52px;
	display: block;
	float: left;
	padding: 2px;
	margin: 0;
}
.thumbViewer_thumb img {
	height: 50px;
	width: 50px;
	background-color: #000;
	display: block;
	border: 1px solid #000;
	-moz-opacity: 0.7; /* Gecko */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE < 8 */
	opacity: 0.7; /* CSS 3 */
}
.thumbViewer_selectedThumb {
	height: 52px;
	width: 52px;
	display: block;
	float: left;
	padding: 2px;
	margin: 0;
}
.thumbViewer_selectedThumb img {
	height: 50px;
	width: 50px;
	background-color: #000;
	display: block;
	border: 1px solid #fff;
}
.thumbViewer_thumb:hover {
	width: 56px;
	height: 56px;
	padding: 0;
	margin: 0;
}
.thumbViewer_thumb:hover img {
	width: 54px;
	height: 54px;
	-moz-opacity: 1; /* Gecko */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE < 8 */
	opacity: 1;
}
#album_return {
	height:18px;
	font-size:8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #333;
	position: absolute;
}
#album_return a {
	text-decoration: none;
	color: #F47321;
	display: block;
	margin: 4px;
}
#album_return a:hover {
	color: #FFF;
}
#album_title {
	width: 236px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	bottom: 354px;
	left: 34px;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	font-variant: small-caps;
}
#album_title p {
	margin:0px;
	padding:0px;
}
#album_title p span {
	color: #808080;
	text-transform: uppercase;
	font-size: 8px;
}


/* section "Qui nous sommes" */

#nous_skipIntro {
	position: absolute;
	color: #fff;
	text-decoration: none;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	z-index: 1
}
#nous_video {
	position: absolute;
	width: 100%;
	height: 100%;
}
#artBottomRight h4 {
	color: #333333;
	font-size: 16px;
    margin: 22px 0 -4px;
	padding: 0px;
	letter-spacing: 1.2px;
}
#artBottomRight p.introduction {
    font-size: 11px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.article {
	margin:40px 0px;
	padding:0px;
}
.article .texte {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 4px;
	letter-spacing: 1px;
}
.article .signature {
	font-size: 10px !important;
	text-align: right;
	margin: 0px;
	color: #999999;
}

.partenaires {
	background: #fff;
	
	
}
#pGlobalCell {
	height: 435px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.pInlineBlock {
	display:inline-block;
	padding: 12px 12px; /* à changer pour répartir les logos */
}
.pThumbnail {
	width: 100px;
	height: 100px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/* Mentions Légales */

#mentionsLegales {
	margin:80px;
	text-align: center;
}
#mentionsLegales p {
	text-align: center;
	font-size: 0.9em;
}
p#licences {
	font-size: 0.7em;
	color: #eee;
}
#credit {
	margin-top: 40px;
	}
#mentionsLegales a {
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
}
#mentionsLegales a:hover {
	color: #FF9900;
}