/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background-color:#333333;
	/*background-image: url(images/Main/back_01.png);*/
	background-image: url(images/Main/bg8.gif);
}

#banner{
	margin: 0 auto;
	height : 240px;
	width : 988px;
	background-image: url(images/Main/bannerPNG.png);
	position:absolute;
	float:none;
}

/*------------------ page*/
#main{
	margin: 0 auto;
	width: 988px;
	position:absolute;
	float:none;
}
#bottom{
	position:absolute;
	float:left;
	height:100%;
	width:100%;
	background: url(images/Main/pageBot.png) bottom left no-repeat;
}
#content{
	position:absolute;
	float:left;
	margin-left: 20px;
}
#ban01{
	height : 206px;
	width : 135px;
	background-image: url(images/Main/bannerLeft.png);
	position:absolute;
	float:left;
}
#ban02{
	height : 378px;
	width : 138px;
	background-image: url(images/Main/bannerRight.png);
	position:absolute;
	float:left;
	margin-top:-47px;
}
#page{
	width: 676px;
	background-color:#000000;
	position:absolute;
	float:left;
}

/*------------------ menu*/
#menu{
	z-index: 2;
	height:47px;
	position:absolute;
	float:left;
	width:723px;
	margin-left: -25px;
}
#menu img{border: 0px;}

#menu a:link {text-decoration: none;}
#menu a:visited {text-decoration: none;}
#menu a:active {text-decoration: none;}
#menu a:hover {text-decoration: none;}

/*------------------ introduction*/
#intro{
	width:621px;
	position:absolute;
	float:left;
	background: url(images/intro/intro_ac.png) top left repeat-y;
}
#introH{
	height:124px;
	position:absolute;
	float:left;
}

#intro1{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/intro/intro_aa.png) top left no-repeat;
}

#intro2{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/intro/intro_ab.png) bottom left no-repeat;
}
#intro3{
	height:100%;
	width:550px;
	position:absolute;
	float:left;
}

/*------------------ vedette*/
#vedette{
	width:621px;
	position:absolute;
	float:left;
	background: url(images/vedete/vedette_ac.png) top left repeat-y;
}
#vedetteH{
	height:300px;
	position:absolute;
	float:left;
}

#vedette1{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/vedete/vedette_aa.png) top left no-repeat;
}

#vedette2{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/vedete/vedette_ab.png) bottom left no-repeat;
}
#vedette3{
	height:100%;
	width:550px;
	position:absolute;
	float:left;
}

/*------------------ coup de coeur*/
#coeur{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/coeur/coeur_ac.png) top left repeat-y;
}
#coeurH{
	height:210px;
	position:absolute;
	float:left;
}

#coeur1{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/coeur/coeur_aa.png) top left no-repeat;
}

#coeur2{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/coeur/coeur_ab.png) bottom left no-repeat;
}
#coeur3{
	height:100%;
	width:550px;
	position:absolute;
	float:left;
}

/*------------------ coeur : boite*/
#coeurB{
	height:100%;
	margin-top: 65px;
	margin-left: 40px;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/coeur/coeurB_ac.png) top left repeat;
}
#coeurBH{
	height:220px;
	position:absolute;
	float:left;
}

#coeurB1{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/coeur/coeurB_aa.png) top left no-repeat;
}

#coeurB2{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/coeur/coeurB_ab.png) bottom left no-repeat;
}
#coeurB3{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
}

/*------------------ spacers*/
.spacer1{
	height: 30px;
	width: 500px;
	position:absolute;
	float:left;
}
.spacer2{
	height: 12px;
	width: 500px;
	position:absolute;
	float:left;
}
.spacer3{
	height: 12px;
	width: 400px;
	position:absolute;
	float:left;
}
.spacer4{
	height: 70px;
	width: 400px;
	position:absolute;
	float:left;
}

/*------------------ nouvelles*/
#nouvelles{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvelles_ac.png) top left repeat-y;
}
#nouvellesH{
	height:210px;
	position:absolute;
	float:left;
}

#nouvelles1{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvelles_aa.png) top left no-repeat;
}

#nouvelles2{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvelles_ab.png) bottom left no-repeat;
}
#nouvelles3{
	height:100%;
	width:550px;
	position:absolute;
	float:left;
}

/*------------------ nouvelles : boites*/
#critique{
	height:102px;
	margin-top: 65px;
	margin-left: 40px;
	width:24px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/critique.png) top left repeat;
}
#evenement{
	height:130px;
	margin-left: 35px;
	width:29px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/evenement.png) top left repeat;
}

/*------------------ #1*/
#nouvellesB{
	height:100%;
	margin-top: 65px;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvellesB_ac.png) top left repeat;
}
#nouvellesBH{
	height:102px;
	position:absolute;
	float:left;
}
/*------------------ #2*/
#nouvellesBb{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvellesB_ac.png) top left repeat;
}
#nouvellesBbH{
	height:130px;
	position:absolute;
	float:left;
}

.nouvellesB1{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvellesB_aa.png) top left no-repeat;
}

.nouvellesB2{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
	background: url(images/nouvelles/nouvellesB_ab.png) bottom left no-repeat;
}
.nouvellesB3{
	height:100%;
	width:300px;
	position:absolute;
	float:left;
}
.insideBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:3px;
	margin-left:3px;
	line-height: 130%;
}

/*------------------ invitation*/
#invitation{
	width:621px;
	position:absolute;
	float:left;
	background: url(images/stuff/stuff_ac.png) top left repeat-y;
}
#invitationH{
	height:75px;
	position:absolute;
	float:left;
}

#invitation1{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/stuff/stuff_aa.png) top left no-repeat;
}

#invitation2{
	height:100%;
	width:621px;
	position:absolute;
	float:left;
	background: url(images/stuff/stuff_ab.png) bottom left no-repeat;
}
#invitation3{
	height:100%;
	width:550px;
	position:absolute;
	float:left;
}

/*------------------ afficheBox*/
#afficheBox{
	height:100%;
	width:614px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/afficheBox_ac.png) top left repeat-y;
}
#afficheBoxH{
	height:210px;
	position:absolute;
	float:left;
}

#afficheBox1{
	height:100%;
	width:614px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/afficheBox_aa.png) top left no-repeat;
}

#afficheBox2{
	height:100%;
	width:614px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/afficheBox_ab.png) bottom left no-repeat;
}
#afficheBox3{
	height:100%;
	width:614px;
	position:absolute;
	float:left;
}

/*------------------ afficheBox : boite*/
#afficheInBox{
	height:100%;
	margin-top: 65px;
	margin-left: 40px;
	width:542px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/afficheInBox_ac.png) top left repeat;
}
#afficheInBoxH{
	height:220px;
	position:absolute;
	float:left;
}

#afficheInBox1{
	height:100%;
	width:542px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/afficheInBox_aa.png) top left no-repeat;
}

#afficheInBox2{
	height:100%;
	width:542px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/afficheInBox_ab.png) bottom left no-repeat;
}
#afficheInBox3{
	height:100%;
	width:542px;
	position:absolute;
	float:left;
}


/*------------------ movieFull : boite*/
#movieFull{
	height:100%;
	margin-top: 65px;
	margin-left: 40px;
	width:541px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/movieFull_ac.png) top left repeat;
}
#movieFullH{
	height:220px;
	position:absolute;
	float:left;
}

#movieFull1{
	height:100%;
	width:541px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/movieFull_aa.png) top left no-repeat;
}

#movieFull2{
	height:100%;
	width:541px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/movieFull_ab.png) bottom left no-repeat;
}
#movieFull3{
	height:100%;
	width:541px;
	position:absolute;
	float:left;
}

/*------------------ movies*/

.movie{
	margin-left: 20px;
	width:478px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/movie_ac.png) top left repeat-y;
}
.movieH{
	height:124px;
	position:absolute;
	float:left;
}

.movie1{
	height:100%;
	width:478px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/movie_aa.png) top left no-repeat;
}

.movie2{
	height:100%;
	width:478px;
	position:absolute;
	float:left;
	background: url(images/afficheBox/movie_ab.png) bottom left no-repeat;
}
.movie3{
	height:100%;
	width:478px;
	position:absolute;
	float:left;
}
.movieImage{
	height:210px;
	width:150px;
	position:absolute;
	float:left;
	background-color:#000000;
	margin-left: 13px;
	margin-top: 30px;
}
.movieText{
	width:290px;
	position:absolute;
	float:right;
	margin-right: 10px;
	margin-top: 85px;
}
.movieFullText{
	width:300px;
	position:absolute;
	float:right;
	margin-right: 10px;
	margin-top: 30px;
}


/*------------------ texte*/

.insideBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:3px;
	margin-left:4px;
	line-height: 140%;
}
.insideNone{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:10px;
	margin-left:40px;
	line-height: 140%;
}
.movieTitle{
	font-size:12px;
	color:#9adf12;
	font-weight:bold;
}
.movieFullTitle{
	font-size:14px;
	color:#ef2157;
	font-weight:bold;
}
.movieDays{
	font-weight:bold;
}