/* Pages communes */


html{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-text-size-adjust: none;

}

body {
	background-color: #000;
}

#loaderbackground {
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	width: 100%; 
	height: 100%;
	z-index: 0;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}

.bar {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 7.5em;
    -moz-border-radius: 7.5em;
    border-radius: 7.5em;
    margin-right: 2px;
    position: absolute;

}
#shapeyellow {
    background: #b13738;
    z-index: 1;
}

#shapered {
    background: #e6be05;
	z-index: 0;
}

#loaderbackground p {
	position: fixed;
	font-size: 120%;
	margin-left: 5px;
	width: 100%;
	height: 100%;
	top: 85%;
	text-align: center;
	letter-spacing: 0.15em;
	color: #b13738;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
}

#backgroundimage { 
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	min-height: 100%; 
	max-height: 100%;
	width: auto;
	height: auto; 
	overflow: hidden;  
}

#backgroundimage1 { 
	float: right;
	clear: both;
	position: fixed;
	bottom: 0px;  
	right: 0px;
	min-height: 100%; 
	max-height: 100%;
	width: auto;
	height: auto; 
	overflow: hidden;  
}

a:link {
	text-decoration: none;
	color: #fff;
}

a:visited {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: none;
	color: #b13738;
}

a img {
	border: none; 
}

#menu1 {
	position: absolute;
	width: 15%;
	height: 50%;
	top: 15%;
	left: 0;
}

#menu1 img {
	position: absolute;
	min-height: 20%;
	max-height: 20%;
	cursor: pointer;
	height: auto;
	width: auto;
	top: 0;
	left: 0;
	z-index: 1201;
}

#menu2 {
	position: absolute;
	width: 15%;
	height: 50%;
	top: 11%;
	left: 0;
}

#menu2 img {
	position: absolute;
	min-height: 13.5%;
	max-height: 13.5%;
	height: auto;
	width: auto;
	top: 0;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(1) {
	position: absolute;
	height: 100%;
	top: 0%;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(2) {
	position: absolute;
	height: 100%;
	top: 14.5%;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(3) {
	position: absolute;
	height: 100%;
	top: 29%;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(4) {
	position: absolute;
	height: 100%;
	top: 43.5%;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(5) {
	position: absolute;
	height: 100%;
	top: 58%;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(6) {
	position: absolute;
	height: 100%;
	top: 72.5%;
	left: 0;
	z-index: 1202;
}

#menu2 div:nth-child(7) {
	position: absolute;
	height: 100%;
	top: 87%;
	left: 0;
	z-index: 1202;
}

#footerlowopacity {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	height: 10%;
	width: 100%;
	background-color: #212221;
	z-index: 1199;
	opacity: 0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#footerlowopacity1 {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	height: 34%;
	width: 100%;
	background-color: #212221;
	z-index: 1199;
	opacity: 0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#twitter {
	position: fixed;
	right: 0;
	bottom: 5%;
	z-index: 1203;
}

#fb {
	position: fixed;
	right: 30px;
	bottom: 0;
	z-index: 1203;
}

.fb_edge_comment_widget {
    margin-top: -220px;
    margin-left: 27px;
}





/* Accueil */





#video_background { 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%;
	max-width: 100%;
	width: auto; 
	height: auto; 
	overflow: hidden; 
}

#remplacement {
	position: fixed; 
	top: 0px;
	bottom: 0px; 
	right: 0px; 
	left: 0px;
	margin : auto;
	width: 100%; 
	height: auto; 
	overflow: hidden; 
	display: none;
}

#video_pattern { 
	background-image: url(../IMG/pattern.png); 
	position: fixed; 
	opacity: 0.2; 
	filter:alpha(opacity=20); /* For IE8 and earlier */
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
}

#footer {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	height: 34%;
	width: 100%;
	z-index: 1200;
}

#selected1 {
	position: absolute;
	height: 68%;
	margin: auto;
	bottom: 22%;
	left: 0;
	right: 0;
	z-index: 1202;
}

#selected2 {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	opacity: 0;
	z-index: 1202;
}

#selected3 {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	opacity: 0;
	z-index: 1202;
}

#selector1 {
	position: absolute;
	width: 1%;
	margin: auto;
	left: 0;
	right: 6%;
	bottom: 10%;
	z-index: 1203;
	background-color: #e6be05;
	-webkit-border-radius: 7.5em;
    -moz-border-radius: 7.5em;
    border-radius: 7.5em;
}

#selector1:hover {
	background-color: #e6be05 !important;
}

#selector2 {
	position: absolute;
	cursor: pointer;
	width: 1%;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 10%;
	z-index: 1203;
	background-color: #fff;
	-webkit-border-radius: 7.5em;
    -moz-border-radius: 7.5em;
    border-radius: 7.5em;
}

#selector2:hover {
	background-color: #e6be05 !important;
}

#selector3 {
	position: absolute;
	cursor: pointer;
	width: 1%;
	margin: auto;
	left: 6%;
	right: 0;
	bottom: 10%;
	z-index: 1203;
	background-color: #fff;
	-webkit-border-radius: 7.5em;
    -moz-border-radius: 7.5em;
    border-radius: 7.5em;
}

#selector3:hover {
	background-color: #e6be05 !important;
}

#lardux {
	position: absolute;
	left: 22%;
	width: 15%;
	top: 19%;
	color: #fff;
	letter-spacing: 0.05em;
	text-transform:uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
}

#realisateurs {
	position: absolute;
	left: 22%;
	width: 15%;
	top: 40%;
	letter-spacing: 0.16em;
	color: #b13738;
	text-transform:uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
}

#dhr {
	position: absolute;
	left: 62.5%;
	width: 15%;
	top: 63%;
	color: #fff;
	letter-spacing: 0.05em;
	text-transform:uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
}

#synopsisfr {
	position: absolute;
	text-align:justify;
	padding: 0;
	margin: 0;
	top: 17%;
	left: 10%;
	width: 14%;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
	color: #fff;
}

div#synopsisfr p:nth-child(1) {
	letter-spacing: 0.165em;
	margin: 0;
	padding: 0;
}

div#synopsisfr p:nth-child(2) {
	margin: 0;
	padding: 0;
	letter-spacing: 0.0255em;
}

div#synopsisfr p:nth-child(3) {
	margin: 0;
	padding: 0;
	letter-spacing: 0.14em;
}

div#synopsisfr p:nth-child(4) {
	margin: 0;
	padding: 0;
	letter-spacing: 0.10em;
}

#synopsisen {
	position: absolute;
	top: 40%;
	right: 36.5%;
	width: 12%;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
	color: #fff;
}

div#synopsisen p:nth-child(1) {
	letter-spacing: 0.123em;
	margin: 0;
	padding: 0;
}

div#synopsisen p:nth-child(2) {
	margin: 0;
	padding: 0;
	letter-spacing: 0.033em;
}

div#synopsisen p:nth-child(3) {
	margin: 0;
	padding: 0;
	letter-spacing: 0.15em;
}





/* Bande Annonce */

#videocontainer {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 100%;
	height: 100%;
	cursor: url(../IMG/pause.png), auto;
	z-index: 0;
}

#videobandeannonce {
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%;
	max-width: 100%;
	width: auto; 
	height: auto; 
	overflow: hidden; 
}

#imgbackground {
	position: fixed; 
	top: 0px;
	bottom: 0px; 
	right: 0px; 
	left: 0px;
	margin : auto;
	width: 100%; 
	height: auto; 
	overflow: hidden; 
}

#videooverlay {
	position: fixed;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(50,50,50,.5);
	z-index: 0;
}

#videooverlay img {
	position: absolute;
	width: 10%;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	margin: auto;
}

#frenchsynospsis {
	position: fixed;
	width: 30%;
	height: 80%;
	left: 13%;
	top: 15%;
	text-align: justify;
	font-size: 60%;
	color: #fff;
	letter-spacing: 0.05em;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	z-index: 0;
}

#englishsynospsis {
	position: fixed;
	width: 30%;
	height: 80%;
	right: 13%;
	top: 40%;
	text-align: justify;
	font-size: 40%;
	color: #fff;
	letter-spacing: 0.05em;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	z-index: 0;
}

#sharebutton {
	position: fixed;
	right: 5%;
	top: 15%;
	font-size: 120%;
	color: #fff;
	letter-spacing: 0.05em;
	text-transform:uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	z-index: 1201;
}

#enterfullscreen {
	position: fixed;
	right: 5%;
	cursor: pointer;
	bottom: 3%;
	font-size: 120%;
	color: #fff;
	letter-spacing: 0.05em;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	z-index: 1201;
}

#enterfullscreen:hover {
	color: #b13738;
}




/* ouvoirlefilm */




#footer2 {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	height: 10%;
	width: 100%;
	z-index: 1201;
	overflow: hidden;
}

#footer2 p  {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	left: 0;
	top: 35%;
	right: 0;
	margin: auto;
	text-align: center;
	color: #fff;
	z-index: 1202;
}

#footer2 p a:link {
	color: #e6be05;
}

#footer2 p a:visited {
	color: #e6be05;
}

#footer2 p a:hover {
	color: #b13738;
}

#footerp1 {
	display: none;
	opacity: 0;
}


#salles {
	position: absolute;
	outline: none;
	cursor: default;
	right: 10%;
	top: 15%;
	width: 40%;
	height: 55%;
	overflow: hidden;
	-webkit-mask-image: 
	-webkit-linear-gradient(top,rgba(255,255,255,0) , white 10%, white 90%, rgba(255,255,255,0) 100%);
	mask: url(../IMG/mask.svg#m1);
}

#premier {
	margin-top: 5%;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
	font-size: 120%;
	padding-bottom: 0;
	margin-bottom: -1%;
}

#sortienationale {
	position: fixed;
	left: 47%;
	top: 39%;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
	width: 20%;
}

#sortienationale2 {
	position: fixed;
	left: 47%;
	top: 44%;
	color: #b13738;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	width: 20%;
}

#dernier {
	position: relative;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	text-align: left;
	margin-bottom: 10%;
	padding-left: 20%;
	padding-bottom: 2%;
	letter-spacing: 0.15em;
}

#salles p {
	z-index: 1201;
	color: #fff;
}

#salles p a:hover {
	color: #b13738;
}

.normaux {
	position: relative;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	text-align: left;
	padding-left: 20%;
	padding-bottom: 0;
	margin-bottom: -2%;
	margin-right: 5%;
	letter-spacing: 0.15em;
}

.titles {
	position: relative;
	color: #fff;
	font-size: 120%;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
	padding-bottom: 0;
	margin-bottom: -1%;
	padding-top: 6%;
}



/* Actualités */



#actualitesencadre {
	position: absolute;
	outline: none;
	cursor: default;
	left: 13%;
	top: 45%;
	width: 55%;
	height: 25%;
	overflow: hidden;
	-webkit-mask-image: 
	-webkit-linear-gradient(top,rgba(255,255,255,0) , white 10%, white 90%, rgba(255,255,255,0) 100%);
	mask: url(../IMG/mask.svg#m1);
}

#actualitesencadre p {
	z-index: 1201;
	color: #fff;
}

#actualitesencadre p a:link {
	color: #b13738;
}

#actualitesencadre p a:visited {
	color: #b13738;
}

#actualitesencadre p a:hover {
	color: #e6be05;
}

#premier1 {
	margin-top: 1%;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 700; 
	font-style: normal;
	font-size: 120%;
	padding-bottom: 0;
	margin-bottom: -1%;
}

.imageactu {
	width: 100%;
}

#footer3 {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	height: 10%;
	width: 100%;
	z-index: 1200;
	overflow: hidden;
}

#footer3 p  {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	left: 0;
	top: 35%;
	right: 0;
	margin: auto;
	text-align: center;
	color: #fff;
	z-index: 1201;
}

#footerp1 {
	display: none;
	opacity: 0;
}

#footer3 p a:link {
	color: #b13738;
}

#footer3 p a:visited {
	color: #b13738;
}

#footer3 p a:hover {
	color: #e6be05;
}




/* Presse/exploitants */




#carrouselul {
	position: absolute;
	top: 0;
	left: 36.3%;
	height: 100%;
}

.roundabout-holder {
      position: absolute;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 28%;
}
   
.roundabout-moveable-item {
      cursor: pointer;
}

li img {
	width: 100%;
}
				
li.roundabout-in-focus {
	cursor: default;
}

#carrouselmenu div  {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	color: #000;
	z-index: 1201;
}

#carrouselmenu div a:link {
	color: #e6be05;
}

#carrouselmenu div a:visited {
	color: #e6be05;
}

#carrouselmenu div a:hover {
	color: #b13738;
}

#carrouselmenu div:nth-child(2)  {
	width: 48%;
	top: 7%;
	left: 7%;
}

#carrouselmenu div:nth-child(3)  {
	width: 48%;
	top: 10.2%;
	left: 20%;
}

#carrouselmenu div:nth-child(4)  {
	width: 44%;
	padding-left: 13%;
	top: 22%;
}

#carrouselmenu div:nth-child(5)  {
	width: 44%;
	padding-left: 13%;
	top: 30%;
}

#carrouselmenu div:nth-child(6)  {
	width: 44%;
	padding-left: 13%;
	top: 38%;
}

#carrouselmenu div:nth-child(7)  {
	width: 44%;
	padding-left: 13%;
	top: 46%;
}

#carrouselmenu div:nth-child(8)  {
	width: 45%;
	top: 68%;
	left: 8%;
}

#carrouselmenu div:nth-child(9)  {
	width: 45%;
	top: 82%;
	right: 37%;
}
#carrouselmenu div:nth-child(10)  {
	width: 45%;
	top: 85.2%;
	font-size: 95%;
	right: 20%;
}



/* Contacts */


li {
 list-style: none;
}

#production {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	top: 15%;
	left: 33%;
	color: #fff;
	z-index: 1201;
	width: 14%;
}

#production a:link {
	text-decoration: none;
	color: #e6be05;
}

#production a:visited {
	text-decoration: none;
	color: #e6be05;
}

#production a:hover {
	text-decoration: none;
	color: #b13738;
}


#distribution {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	top: 15%;
	left: 65%;
	color: #fff;
	z-index: 1201;
	width: 14%;
}

#distribution a:link {
	text-decoration: none;
	color: #e6be05;
}

#distribution a:visited {
	text-decoration: none;
	color: #e6be05;
}

#distribution a:hover {
	text-decoration: none;
	color: #b13738;
}



#realisation {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	top: 50%;
	left: 33%;
	color: #fff;
	z-index: 1201;
	width: 14%;
}

#realisation a:link {
	text-decoration: none;
	color: #e6be05;
}

#realisation a:visited {
	text-decoration: none;
	color: #e6be05;
}

#realisation a:hover {
	text-decoration: none;
	color: #b13738;
}

#webdesign {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	top: 50%;
	left: 65%;
	color: #fff;
	z-index: 1201;
	width: 14%;
}

#webdesign a:link {
	text-decoration: none;
	color: #e6be05;
}

#webdesign a:visited {
	text-decoration: none;
	color: #e6be05;
}

#webdesign a:hover {
	text-decoration: none;
	color: #b13738;
}

#programmation {
	position: absolute;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
	font-weight: 200; 
	font-style: normal;
	top: 75%;
	left: 50%;
	color: #fff;
	z-index: 1201;
	width: 14%;
}

#programmation a:link {
	text-decoration: none;
	color: #e6be05;
}

#programmation a:visited {
	text-decoration: none;
	color: #e6be05;
}

#programmation a:hover {
	text-decoration: none;
	color: #b13738;
}

#footerp0 img {
	position: absolute;
	top: 10%;
	width: auto;
	height: 55%;
	z-index: 1201;
}

.parole {
	cursor: pointer;
	margin: auto;
	left: 0;
	right: 50%;
}

.samovar {
	cursor: pointer;
	margin: auto;
	left: 0;
	right: 15%;
}

.mainsdoeuvres {
	cursor: pointer;
	margin: auto;
	left: 25%;
	right: 0;
}

.grenouille {
	cursor: pointer;
	margin: auto;
	left: 50%;
	right: 0;
}