* {
    padding: 0;
    margin: 0;
} 
/* General */
body {font-family: "Trebuchet MS" Verdana, Arial, sans-serif;font-size: 14px;color: #333333;line-height: 24px;background: #4a798d url(../../images/background.jpg) no-repeat;}



a {text-decoration: underline;color: #2e5108;}
a:hover {text-decoration: underline;color: #0a3f65;}
/*
a:link {text-decoration: underline;color: #111;}
a:visited {text-decoration: underline;color: #111;}
a:active {text-decoration: underline;color: #111;}
*/


input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 

.Texte {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 14px;color: #000000;}
.Texte2 {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 14px;color: #000000;}
.Texte3 {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;color: #000000;}
.Texte4 {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;color: #4687a2;}


/* Page layout */
#wrap {width: 962px;margin: auto;}

/* ### START header Style ### */
#header {height: 130px;background: #eee url(../../images/header.jpg) no-repeat;}
#header h1 {font-size: 34px;font-weight: 100;letter-spacing: -3px;padding: 30px 0 0 30px;}
#header h2 {color: #89A537;font-size: 20px;font-weight: 100;padding: 0 0 0 31px;}
#header a {text-decoration: none;color: #ffba00;}
#header a:hover {text-decoration: none;color: #FFFFFF;}
#headerTitle {position: absolute;left: 620px;top: 20px;color:#FFFFFF;font-family: "Trebuchet MS" Verdana, Arial, sans-serif;font-size: 23px;font-weight:bolder;	}
#headerTop {color:#FFFFFF;font-family: "Trebuchet MS" Verdana, Arial, sans-serif;font-size: 32px; font-weight:bolder;}
#headerLink {color:#FFFFFF;font-size:14px;}
/* ### END header Style ### */

/*  Counteur layout */
#cntdwn{color: #FFFFFF;font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;font-weight: bold;margin-right:10px;margin-bottom:10px;}
.cntdwn{color: #FFFFFF;font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;font-weight: bold;margin-right:10px;}

/* ### START Menu navigation Style ### */
#Menu{background-position:0 -271px;width:100%;height:53px;}
#Menu ul{margin-left:210px;font-family: "Trebuchet MS" Verdana, Arial, sans-serif;font-size: 16px; font-weight:bolder;position:absolute;z-index:1;}
#Menu li{display:block;position:relative;float:left;list-style:none;height:53px;line-height:53px;text-align:center;background-position:0 -271px;z-index:5;}
#Menu li:hover{background-position:0 -318px;color: #f78f1e;}
#Menu li a{display:inline-block;float:left;color:#fff;height:53px;line-height:53px;text-align:center;margin:0 18px;cursor:pointer;font-size:1.2em;font-family:Helvetica,Arial;text-decoration:none}
#Menu li a:hover{text-decoration:none;color:#f78f1e;display:block;   }
#Menu li:hover ul{display:block;}
#Menu li ul{position:absolute;display:none;top:53px;left:0;margin:0;background:#827d7a ;border-top:solid 1px #a0a0a0;border-right:solid 1px #a0a0a0;border-left:solid 1px #a0a0a0;}
#Menu li li{width:210px;height:22px;border-bottom:solid 1px #a0a0a0;background:none;}
#Menu li li:hover{background:#292929;}
#Menu li li a{display:block;width:190px;text-align:left;font-size:1em;line-height:1.1em;height:16px;padding:3px 10px;margin:0;}
#Menu li a { margin: 0 12px; font-size: 1.20em ;}
/* ### END Menu navigation Style ### */

/* ### START slideshow images bloc Style ### */
#SlideShow { background: #ffffff; margin: auto; position: relative; height: 350px; }
#SlideShow ul {list-style-type: none;padding: 10px 0 0 40px;}
#SlideShow ul li {}
#SlideShow ul li a {color: #E7D68D;font-size: 24px;font-weight: 600;letter-spacing: -1px;}
#SlideShow ul li a:hover {color: #333;text-decoration: none; }
/* ### END slideshow images bloc Style ### */

/* ### START slideshow video bloc Style ### */
#SlideVideo {background: url(../../images/bg_video.jpg) no-repeat ; background-position:right; position: relative;  height:300px; padding-top:20px; padding-right:15px; }
/* ### END slideshow video bloc Style ### */

/*  News rolover slide layout */
.nouvellescontextuelles{
position:absolute; top:330px; width:962px; height:25px; left: auto; right: auto; margin-left:auto; margin-right:auto; margin-top:auto;
font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 20px;color: #FFFFFF;font-weight: normal;text-decoration: none;background-color:#2c3037;}


/* ### START carousel Spectacles  bloc Style ### */
#Carousel {background: #ffffff ; background-position:right; position: relative;  height:225px; padding-top:0px; padding-right:15px;}

.infiniteCarousel {width: 962px;position: relative;}
.infiniteCarousel .wrapperCarousel {overflow: auto;min-height: 30em;margin: 15px 0px 0px 40px;position: absolute;top: 0;width: 930px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */}
.infiniteCarousel ul a img {border: 5px solid #000;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.infiniteCarousel .wrapperCarousel ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;
position: absolute;top: 0;}
.infiniteCarousel ul li {display:block;float:left;padding: 8px;height: 150px;width: 160px;}
.infiniteCarousel ul li a img {display:block;}
.infiniteCarousel .arrow {display: block;height: 36px;width: 36px;text-indent: -999px;position: absolute;top: 97px;cursor: pointer;}
.infiniteCarousel .forward {background: url(../../images/carousel/arrowF1.gif) no-repeat 0 0;height: 36px;width: 36px;right: 0;}
.infiniteCarousel .back {background: url(../../images/carousel/arrowB.gif) no-repeat 0 0;height: 36px;width: 36px;left: 0;}
.infiniteCarousel .forward:hover {/*background-position: 0 -36px;*/}
.infiniteCarousel .back:hover {/*background-position: 0 -108px;*/}

/*  Message bas carousel */
#messageFin {position:absolute; top:180px; width:962px; height:35px; font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 22px;color: #470404;text-align:center; ;background-color:#a0c1e2; vertical-align:middle;}

/* ### END carousel Spectacles  bloc Style ### */


#content {background: #ffffff;/*background: #eee url(images/content.gif) repeat-y;*/padding: 0px;}
#main {border-top: 1px solid #aaa;background: #eee;padding: 0px; width: 100%;}
#mainSection { padding:15px 15px 15px 15px; font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 14px;}
#mainSection h2 { font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 18px;font-weight: bold;color: #a44f03;height:50px;}
#mainSection h3 {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 14px;font-weight: bold;color: #4687a2;height :25px;}
#mainSection h4 {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 14px;font-weight: bold;color: #4a835e;height :25px;}
#mainSection h5 {font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 14px;font-weight: bold;color: #9a0606;height :25px;}
#mainSection ul	{ list-style: square inside; }
#mainSection hr {border: 0;background:#9a0606 no-repeat scroll center;height: 0.07em ;text-align:center;}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:30%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:33%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:31%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:35%;			/* Width of left column content (column width minus padding on either side) */
	left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:28%;			/* Width of right column content (column width minus padding on either side) */
	left:68%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}




/* Footer styles */
#footer {clear:both;float:left;width:100%;border-top:1px solid #000;background: #eee url(../../images/footer.jpg) no-repeat;height:289px;}
#footerSpect div { float: left; color:#a7a7a7; width: 8%; height:50px;  font-size: 18px; text-align:center; font-weight:bold; }
#footerSpect .artiste { width: 17%; font-size: 12px; line-height:15px; text-align:left; font-weight:normal;}
#footerLinks div {float:left; color:#a7a7a7; width:725px; height:125px; font-size:14px; text-align:center; font-variant:small-caps; margin-top:10px;}
#footerCopyRight div {float:left; color:#FFFFFF; width:100%; height:50px; font-size:12px; text-align:center;  margin-top:20px;}
#footer p {	padding:10px;	margin:0;}
#footer a {text-decoration: none;color: #729dff;}
#footer a:hover {text-decoration: none;color: #FFFFFF;}



.TitreStyle h, h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	color: #4687a2;
	font-weight: bold;
}
.TitreStyle2 h, h1, h2, h3, h4, h5, h6  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	color: #f78f1e; 
	font-weight: bold;
}

.TitreStyle3  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-size: 14px;
	height : 50px;
	font-weight: bold;
	color: #4687a2;
}
.TitreStyle4  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-size: 12px;
	font-weight: normal;
	color: #4687a2;
}
.TitreStyle5  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-size: 11px;
	font-weight: normal;
	color: #4687a2;
}
.TitreStyle6  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-weight: bold;
	color: #000000;
}
.TitreStyle7  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.TitreStyle8  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #686767;
}
.TitreStyle9  {
	font-family: "Helvetica, Verdana, Arial, sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #686767;
}



.div-table1{display:table; border:1px solid #707070;font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;width:100%;}
.div-table1-caption{display:table-caption; background:#000000; color:#FFFFFF;}
.div-table1-rowTitle{display:table-row;background-color:#000000;color:#FFFFFF;font-weight:bold;text-align:center;}
.div-table1-row1{display:table-row;background-color:#C0C0BF;}
.div-table1-row2{display:table-row;background-color:#A0A0A2;}
.div-table1-col{display:table-cell; padding: 1px; border: 1px solid #707070; }

.div-table2{display:table; border:1px solid #707070;font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;width:100%;}
.div-table2-caption{display:table-caption; background:#000000; color:#FFFFFF;}
.div-table2-rowTitle{display:table-row;background-color:#000000;color:#FFFFFF;font-weight:bold;text-align:center;}
.div-table2-row0{display:table-row;background-color:#ffffcf;}
.div-table2-row1{display:table-row;background-color:#C0C0BF;}
.div-table2-row2{display:table-row;background-color:#A0A0A2;}
.div-table2-col{display:table-cell; padding: 1px; border: 1px solid #707070; }

.div-table3{display:table; border:1px solid #707070;font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;width:100%;}
.div-table3-caption{display:table-caption; background:#000000; color:#FFFFFF;}
.div-table3-rowTitle{display:table-row;background-color:#000000;color:#FFFFFF;font-weight:bold;text-align:center;}
.div-table3-row1{display:table-row;background-color:#C0C0BF;}
.div-table3-row2{display:table-row;background-color:#A0A0A2;}
.div-table3-col{display:table-cell; padding: 1px; border: 1px solid #707070; }


.div-table4{display:table; border:0px;font-family: "Helvetica, Verdana, Arial, sans-serif";font-size: 12px;width:100%;}
.div-table4-caption{display:table-caption; }
.div-table4-rowTitle{display:table-row;text-align:center;}
.div-table4-row1{display:table-row;text-align:center;}
.div-table4-row2{display:table-row;text-align:center;}
.div-table4-col{display:table-cell; padding: 5px;  }

.div-table5{display:table; font-family: "Verdana,arial,helvetica,clean,sans-serif";font-size: 12px;width:100%;}
.div-table5-row1{display:table-row;background-color:#FFFFFF;vertical-align:inherit; text-align:inherit; }
.div-table5-row2{display:table-row;background-color:#EEEEEE;vertical-align:inherit; text-align:inherit; }
.div-table5-col{display:table-cell; padding: 1px;vertical-align:inherit; text-align:inherit;   }

.div-table5 div, img { vertical-align:middle;}

.div-table5 ol li {list-style-type:square;}
.div-table5 ul li {list-style-type:none;border-bottom: solid 1px #555;}

.BilletTitre {width: 100%;padding: 30px 0px;font-weight: bold;color: #f16025;font-size: 14px;}
.BilletPrixEx {font-size: 10px;}