h1{
	font-size:13px;
	color:#9fa0a3;
	text-align:center;
	margin-top:30px;
	border:0;
	outline:0;
}

h2{
	font-size:12px;
    margin-top:-0.8em;
    color:#781c7f;
    text-align:center;
    outline:0;
}
/* Position global*/



#page{
	padding-top:100px;/*position en hauteur*/
	width:850px;
	height:630px;
	background-image:url('../img/structures/background-metrages.png');
	background-repeat:no-repeat;
	background-position: -1px 50px;
	margin:auto; /* centrer la page*/
		/*background-color:#808080;*/

}



/*Liens autres structures*/
#liens-sup{
	position: relative;
	top:-30px;
	left:660px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	z-index: 1; 
}


#liens-bottom{
	position: relative;
	top:500px;
	left:555px;
	width:310px;
	z-index: 1; 
	margin-left: 3px;	
	
}	
	
.autrechose{
	position:relative;
	height:40px;
	width:150px;	
	top:0px;
	left:0px;

}

.autrechose a{
	background:url(../img/logos/logo_autrechose.png); 
 	display:inline-block; 
 	font-size:0px; 
 	height:40px; 
 	width:150px;
 	background-repeat:no-repeat;
 	margin-left: 5px;	
}
.autrechose a:hover {
 	background:url(../img/logos/logo_autrechose_o.png);
 	background-repeat:no-repeat;
 	}
 	
.bedigital{
	
	position:relative;
	top:0px;
	left:0px;
	height:40px;
	width:150px;
	z-index: 1;
}

.bedigital a{
	background:url(../img/logos/logo_bedigital.png); 
	background-repeat:no-repeat;
 	display:inline-block; 
 	font-size:0px; 
 	height:40px; 
 	width:150px;	
}
.bedigital a:hover {
 	background:url(../img/logos/logo_bedigital_o2.png);
 	background-repeat:no-repeat;
 	}
 	
 		
.copyright{
	
	position: relative;
	top:500px;
	left:400px;
	
	font-size:9px;
	color:#9fa0a3;
	text-align:center;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-left: 7px;
	}
	
	
	
#pageContent{
	
	position:relative;	
	margin:auto;
	width:740px;
	height:575px;
	top:-98px;
	right:3px;

	
	
}

#up{
	position:relative;
	
	
}

#zone1{
	position:relative;
	width:600px;
	height:270px;
	
	top:38px;
	left:-20px;


}


#zone2{	
	position:relative;
width:222px;
	height:270px;
	top:-260px;
	left:510px;
	/*background-color:#ffffff;*/
	
}

#zone3{
	position:relative;
	/*background-color:#ffffff;*/
	width:490px;
	height:221px;

	
}

/* MENU*/
#zone4{
	position:relative;	
	width:222px;
	height:221px;
	top:-603px;
	left:574px;


}
#bottom{
	position:relative;
	top:-240px;
	height:250px;
	
	
	
}


ul#liens{
	position: relative;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 18px;
	color:#9fa0a3;
	left:26px;
	top:-15px;
	list-style-type:none;
	
}

.suivant{
	right:100px;
}

.menu-list{
	
}

a:link {color:#9fa0a3;}
a:visited {color:#9fa0a3;}
a:hover {color:#781c7f;}
a:active {color:#9fa0a3;}
a:link {text-decoration:none;}


/*------------------------------------------------------------*/

			.rounded {
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			
				display: block;
				
			}
			
			.rounded img {
				opacity: 0;
			}
	.back{
	position: absolute;

	z-index: 0;
	height:160px;
	width:120px;
	}

	.front{
	position: absolute;

	
	z-index: 10;
	
	height: 100px;
	width: 100px;
	}
	
div.fadehover {
	position: relative;
	float:left;
	float: left;
	width: 120px;
	height:160px;
	display:block;
	padding-left:10px;
	padding-right:10px;
}
	

#page-wrap {
	position:relative;
	top:10px;
	left:20px
	
}

#titre {
	position:relative;
	color:#781c7f;
	top:10px;
	left:39px;
	font-family:"Arial";
	font-size:16px;
}

ul#testy {
	position:relative;
	background-color:#9fa0a3;
	height:254px;
	width:460px;
	overflow:hidden;
	color:#ffffff;
	list-style-type:none;
}

ul#testy li {
	font-size:1em;
	opacity:0;
	position:absolute;
	color:#ffffff;
}

/*CARTE GAUCHE*/

.carte {
	position:relative;
	color:#781c7f;
	height:160px;
	width:120px;
	background-image:url('../img/structures/rectangle_cadre.png');
	font-family:"Arial";
	font-size:11px;
	font-weight:900;
	text-align:center;
	float:left;

}

.carteFilm {
	position:absolute;
	color:#781c7f;
	height:160px;
	width:120px;
	background-image:url(../img/structures/rectangle.png);
	
	font-family:"Arial";
	font-size:11px;
	font-weight:900;
	text-align:center;
	left: 0;
	top: 0;
					-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				-webkit-box-shadow: #000 0 2px 10px;
				-moz-box-shadow: #000 0 2px 10px;
				box-shadow: #000 0 2px 10px;
				display: block;
}


.c_haut {
	position:relative;
	color:#ffffff;
	top:20px;
}

.c_bas {
	position:relative;
	color:#ffffff;
	top:35px;
}

.c_titre {
	position:relative;
	color:#9fa0a3;
}
.c_annee {
	position:relative;
	top:20px;
}

/*INFO FILM DROITE*/

.info {
	position:relative;
	color:#781c7f;
	top:-160px;
	left:150px;
}

.i_titre{
	position:relative;
	font-size:23px;
	font-family:"Arial";
	font-weight:900;
	
}

.i_an{
	position:relative;
	color:#9fa0a3;
	font-size:18px;
}

.i_rea{
	position:relative;
	font-size:20px;
	font-family:"Arial";
	font-weight:900;
	color:#9fa0a3;

}

.i_produit{
	position:relative;
	font-size:18px;
	font-family:"Arial";
	font-weight:900;
	top:30px;
}

.i_maison{
	font-size:16px;
	color:#9fa0a3;
}


.slash{
	color:#781c7f;
}



.jcarousel-scroll{
	position:relative;
	float:left;
	font-family:"Arial";
	font-size:20px;
	font-weight:bold;
	margin-bottom: 20px;
	text-align:center;
  vertical-align:middle;
  left:15px;

}


.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 700px;
    padding: 20px 40px;
}

.jcarousel-scroll {
position: relative;
float: left;
font-family: "Arial";
font-size: 20px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
margin-bottom: 20px;
text-align: center;
vertical-align: middle;
left: 5px;
}

.jcarousel-scroll {
font-family: "Arial";
font-size: 20px;
font-weight: bold;
text-align: center;
}

.hover_next a {
position: relative;
background: url(../img/structures/g_suiv.png);
display: inline-block;
height: 36px;
width: 36px;
left: 95px;
top: -42px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  700px;
    height: 200px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 200px;
    margin-top:10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */


.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 *  External Controls
 */
 .jcarousel-control {
 	margin:0 auto; 
 	width:730px;}
 .jcarousel-control a {
 	background:url(../img/structures/dot.png); 
 	display:inline-block; 
 	font-size:0px; 
 	height:15px; 
 	width:15px;
 	}
 .jcarousel-control a:hover {
 	background:url(../img/structures/dot-hover.png);
 	}
 .jcarousel-control a.active {
 	background:url(../img/structures/blue-dot.png);
 	}