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

/*/////////////////////////////////////////////////////   General pour tout le site    ///////////////////////////////////*/
* {
	margin: 0;
	padding: 0;
}
p {
	margin-bottom: 10px;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
img {
	border-style: none;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover, a:active, a:visited {
	border: 0;
}
a:active,a:focus { 
	outline:none;
}
a img { 
	border: 0;
}
.clear {
	clear:both;
}
#body-intro {
	margin-top: 0px;
	background-image:url(../images/intro/bg.jpg);
	background-repeat:repeat-x;
	background-color:#218094;
}
#body-page {
	margin-top: 0px;
	background-color:#218094;
	background-image:url(../images/intro/bg.jpg);
	background-repeat:repeat-x;
	/*overflow:hidden;*/
}
#global {
	width: 960px;
	height: 580px;
	margin-right: auto;
	margin-left: auto;
}
/*#IE7 #global {
	margin-left: 60px;
}*/

/*/////////////////////////////////////////////////////   Intro   ///////////////////////////////////*/

#logo {
	background-image:url(../images/intro/logo.png);
	position:absolute;
	height:192px;
	width:846px;
	left:-423px;
	margin-left:50%;
	top:100px;
	text-indent:-9999px;
}
#bouton-1 {
	float:left;
	margin-left: 5px;
	background-image:url(../images/intro/fond-theatre-1.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 333px;
	height:246px;
	overflow: auto;
	cursor:pointer;
}
#bouton-2 {
	float:left;
	margin-left: 5px;
	background-image:url(../images/intro/fond-theatre-2.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 333px;
	height:246px;
	overflow: auto;
	cursor:pointer;
}
#bouton-3 {
	float:left;
	margin-left: 5px;
	background-image:url(../images/intro/fond-theatre-3.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 333px;
	height:246px;
	overflow: auto;
	cursor:pointer;
}
#shutter1 {
	background: url(../images/intro/rideau.png) no-repeat;
}
#shutter2 {
	background: url(../images/intro/rideau.png) no-repeat; 
}
#shutter3 {
	background: url(../images/intro/rideau.png) no-repeat;
}
a.lien-1 {
	width: 333px;
	height: 223px;
	display: block;
	background: url(../images/intro/theatre-1.png) no-repeat bottom center;
	text-indent: -9999px;
}
a.lien-2 {
	width: 333px;
	height: 223px;
	display: block;
	background: url(../images/intro/theatre-2.png) no-repeat bottom center;
	text-indent: -9999px;
}
a.lien-3 {
	width: 333px;
	height: 223px;
	display: block;
	background: url(../images/intro/theatre-3.png) no-repeat bottom center;
	text-indent: -9999px;
}
#choix {
	position:absolute;
	width:1020px;
	left:-510px;
	margin-left:50%;
	top:400px;
}
.chapeau {
	background-image:url(../images/intro/chapeau.png);
	height:23px;
	width:333px;
}
#explication-accueil {
	position:absolute;
	top:651px;
	width:391px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
	left:-251px;
	margin-left:50%;
	text-align:center;
	height: 327px;
}
#explication-accueil a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
}
#nom {
	width:333px;
	height:30px;
}
/*/////////////////////////////////////////////////////   Page - Generale ///////////////////////////////////*/
#header {
	position:absolute;
	top:0;
	background-image:url(../images/page/bg-header.png);
	background-repeat:repeat-x;
	height:326px;
	width:2000px;
	z-index:20;
	left:-1000px;
	margin-left:50%;	
}
#footer {
	position:absolute;
	width:800px;
	height:100px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:9px;
	z-index:50;
	left:-400px;
	margin-left:50%;
	padding-left:12px;
	text-align:center;
	
}
#IE7 #footer {
	top:740px;

}
#footer a {
	color:#FFF;
	font-size:9px;
	z-index:20;
}
#footer a:hover {
	text-decoration:underline;
}
#footer #tag a:hover {
	text-decoration:none;
}
#contenue {
	width: 800px;
	height: 340px;
	position: absolute;
	top:350px;
	margin-left:-450px;
	left:50%;;
	z-index:10;
}
/*/////////////////////////////////////////////////////   Menu  ///////////////////////////////////*/
#sliderWrap {
	margin: 0 auto;
	width:270px;
	height:350px;
	position:absolute;
	top:0;
	z-index:20;	
}
#slider {
	width:270px;	
	position: absolute;
	height: 350px;
	margin-top: 7px;
	z-index:20;
}
#openCloseWrap {
	position:absolute;
	left:0;
	top:275px;
	z-index:20;
	height:75px;
	width:315px;
}
#sliderContent li {
	/*display:inline;*/
	float:left;
	z-index:20;
}
#sliderContent #menu-1 a {
	width:270px;
	background-image:url(../images/page/menu-1.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:65px;
	text-indent:-9999px;
	z-index:20;
}
#sliderContent #menu-1 a:hover {
	background-position:bottom;
}
#sliderContent #menu-2 a {
	width:270px;
	background-image:url(../images/page/menu-2.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:35px;
	text-indent:-9999px;
	z-index:20;
}
#sliderContent #menu-2 a:hover {
	background-position:bottom;
}
#sliderContent #menu-2 h1 {
	background-image:url(../images/page/menu-2.png);;
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	cursor:auto;
	width:270px;
	height:35px;
}
#sliderContent #menu-3 a {
	width:270px;
	background-image:url(../images/page/menu-3.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:35px;
	text-indent:-9999px;
	z-index:20;
}
#sliderContent #menu-3 a:hover {
	background-position:bottom;
}
#sliderContent #menu-3 h1 {
	background-image:url(../images/page/menu-3.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	cursor:auto;
	width:270px;
	height:35px;
}
#sliderContent #menu-4 a {
	width:270px;
	background-image:url(../images/page/menu-4.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:35px;
	text-indent:-9999px;
	z-index:20;
} 
#sliderContent #menu-4 a:hover {
	background-position:bottom;
}
#sliderContent #menu-4 h1 {
	background-image:url(../images/page/menu-4.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	cursor:auto;
	width:270px;
	height:35px;
}
#sliderContent #menu-5 a {
	width:270px;
	background-image:url(../images/page/menu-5.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:35px;
	text-indent:-9999px;
	z-index:20;
}
#sliderContent #menu-5 a:hover {
	background-position:bottom;
}
#sliderContent #menu-5 h1 {
	background-image:url(../images/page/menu-5.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	cursor:auto;
	width:270px;
	height:35px;
}
#sliderContent #menu-6 a {
	width:270px;
	background-image:url(../images/page/menu-6.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:35px;
	text-indent:-9999px;
	z-index:20;
}
#sliderContent #menu-6 a:hover {
	background-position:bottom;
}
#sliderContent #menu-6 h1 {
	background-image:url(../images/page/menu-6.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	cursor:auto;
	width:270px;
	height:35px;
}
#sliderContent #menu-7 a {
	width:270px;
	background-image:url(../images/page/menu-7.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	height:35px;
	text-indent:-9999px;
	z-index:20;
}
#sliderContent #menu-7 a:hover {
	background-position:bottom;
}
#sliderContent #menu-7 h1 {
	background-image:url(../images/page/menu-7.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	cursor:auto;
	width:270px;
	height:35px;
}
/*/////////////////////////////////////////////////////  Slide page avec numerotation  ///////////////////////////////////*/
.anythingSlider {
	padding-top:20px;
	width: 900px;
	height: 340px;
	position: relative;
	padding-bottom:0px;
	margin-top:350px;
	margin-right: auto;
	margin-left: auto;
	z-index:10;
}
#IE7 .anythingSlider {
	position:absolute;
	width: 900px;
	height: 340px;
	top:0;
	margin-left:-450px;
	left:50%;;
}
.anythingSlider .wrapper {
	width: 820px;
	overflow: auto;
	height: 341px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 50px;
	z-index:10;
}
.anythingSlider .wrapper ul  {
	width: 99999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	z-index:10;
}
.anythingSlider ul li {
	display: block;
	float: left;
	padding: 0;
	height: 317px;
	width: 820px;
	margin: 0;
	z-index:10;
}
.anythingSlider .arrow { 
	display: block;
	height: 200px;
	width: 67px;
	background: url(../images/page/fleche-droite.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 100px;
	cursor: pointer;
	z-index:10;
}
.anythingSlider .forward { 
	background: url(../images/page/fleche-droite.png) no-repeat 0 0;
	right: -60px;
	z-index:10;
}
.anythingSlider .back { 
	background: url(../images/page/fleche-gauche.png) no-repeat 0 0;
	left: -30px;
	z-index:10;
}
.anythingSlider .forward:hover { 
	background: url(../images/page/fleche-droite-hover.png) no-repeat 0 0;
	z-index:10;
}
.anythingSlider .back:hover { 
	background: url(../images/page/fleche-gauche-hover.png) no-repeat 0 0;
	z-index:10;
}
#thumbNav { 
	position: relative;
	top: 270px;
	text-align: center;
	z-index:10;
}
#thumbNav a { 
	color:#FFF;
	font-size:12px;
	display: inline-block;
	width:50px;
	height: 50px;
	padding-top:15px;
	margin-top:20px;
	text-align: center;
	z-index:10;
	/* -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; */
}
#thumbNav a:hover {
	font-weight:bold;
	font-size:15px;
}
#thumbNav a.cur { 
	background-image:url(../images/page/bg-chiffre.png);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:15px;
}
/* Boutons pour diaporama en cas ou*/
#start-stop { 
	background: green; 
	background-image: url(../images/slide-page/cellshade.png); 
	background-repeat: repeat-x; 
	color: white; 
	padding: 2px 5px; 
	width: 40px; 
	text-align: center; 
	position: absolute; 
	right: 45px; 
	top: 323px; 
/*	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;*/ 
}
#start-stop.playing { 
	background-color: red;
}
#start-stop:hover { 
	background-image: none;
}
.anythingSlider .wrapper ul ul { 
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}
.anythingSlider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}

/*/////////////////////////////////////////////////////   Page - Galerie  ///////////////////////////////////*/
#contenue ul li {
	float:left;
	width:332px;
	height:260px;
	margin-right:30px;
}
#contenue .gallery {
	padding-top:20px;
	margin-bottom:20px;
	height:297px;
	width:740px;
	margin-left:50px;
	margin-right:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#contenue .gallery .photo a {
	background-image:url(../images/galerie/photos.png);
	background-repeat:no-repeat;
	/*background-position:bottom;*/
	background-position:top;
	text-indent: -9999px;
	height:260px;
	width:332px;
	color:#900;
	display:block;
}
#contenue .gallery .photo a:hover {
	/*background-position:top;*/
	background-position:bottom;
}
#contenue .gallery .presse a {
	background-image:url(../images/galerie/presse.png);
	background-repeat:no-repeat;
	/*background-position:bottom;*/
	background-position:top;
	text-indent: -9999px;
	height:260px;
	width:332px;
	color:#900;
	display:block;
}
#contenue .gallery .presse a:hover {
	/*background-position:top;*/
	background-position:bottom;
}

/*/////////////////////////////////////////////////////   Page - Reference  ///////////////////////////////////*/

.contenue .reference {
	margin-bottom:20px;
	text-align:justify;
	width:600px;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:110px;
	margin-right:110px;
}
.contenue .reference .texte-1
.contenue .reference .texte-1 a {
	font-size:14px;
	color:#000;
}
.contenue .reference .texte-1 a:hover {
	text-decoration:none;
}
.contenue .reference .texte-2,
.contenue .reference .texte-2 a{
	font-size:18px;
	color:#000;
}
.contenue .reference .texte-2 a:hover {
	text-decoration:none;
}
.contenue .reference .texte-3,
.contenue .reference .texte-3 a {
	font-size:22px;
	color:#000;
}
.contenue .reference .texte-3 a:hover {
	text-decoration:none;
}
.contenue .reference .texte-4,
.contenue .reference .texte-4 a {
	font-size:25px;
	color:#000;
}
.contenue .reference .texte-4 a:hover {
	text-decoration:none;
}
.contenue .reference .texte-5,
.contenue .reference .texte-5 a {
	font-size:28px;
	color:#000;
}
.contenue .reference .texte-5 a:hover {
	text-decoration:none;
}
.contenue .reference .texte-6,
.contenue .reference .texte-6 a {
	font-size:35px;
	color:#000;
}
.contenue .reference .texte-6 a:hover {
	text-decoration:none;
}
.contenue .reference .texte-point {
	font-size:20px;
	/*color:#228296;
	color:#FFF;*/
	color:#00D9E3;
}
#galerie { 
	z-index:1000;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
/*/////////////////////////////////////////////////////   Page - Contact  ///////////////////////////////////*/
#contact .contact {
	margin-bottom:20px;
	height:367px;
	width:740px;
	margin-left:50px;
	margin-right:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#contact {
	width: 800px;
	height: 340px;
	position: absolute;
	top:300px;
	margin-left:-450px;
	left:50%;;
	z-index:10;
}
#formulaire-contact { 
	float:right;
	width:350px;
	height:350px;
	margin-right:20px;
	margin-top:20px;
}
#liens{
	width:235px;
	height:300px;
	float:left;
	margin-top:130px;/*92px avec le lien supplémentaire*/
	margin-left:40px;
}
#liens #titre-liens{
	width:225px;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:14px;
	text-align:left;
	padding-left:19px;
	padding-top:5px;
	margin-bottom:5px;
	float:left;
}
#liens a{
	width:225px;
	height:29px;
	background-image: url(../images/contact/btn-lien.png);
	background-repeat:no-repeat;
	background-position:top left;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:left;
	padding-left:20px;
	padding-top:5px;
	margin-bottom:5px;
	float:left;
}
#liens a:hover{
	background-position:bottom left;
	padding-left:17px;
	height:26px;
	padding-top:8px;
}
#liens #ajout-favoris a{
	width:225px;
	height:20px;
	background-image: url(../images/contact/fleche-favori.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:left;
	padding-left:25px;
	float:left;
	margin-top:15px;
}
#liens #ajout-favoris a:hover{
	text-decoration:underline;
	padding-left:25px;
	padding-top:5px;
}

/*/////////////////////////////////////////////////////   Page - Definition  ///////////////////////////////////*/

#definition {
	width:800px;
	z-index:10000;
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	
}