@font-face {
        font-family: "king cooL KC";
        src: url('font/881774903-King-Cool-KC.eot');
        src: url('font/881774903-King-Cool-KC.eot?#iefix') format('embedded-opentype'),
        url('font/881774903-King-Cool-KC.svg#king cooL KC') format('svg'),
        url('font/881774903-King-Cool-KC.woff') format('woff'),
        url('font/881774903-King-Cool-KC.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
html{
	/* This image will be displayed fullscreen */
	background:url(img/background_empty.jpg) no-repeat center center;
	
	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	
	/* The Magic */
	background-size:cover;
}

#home{	background:url(img/main_background.jpg) no-repeat center center; 	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	
	/* The Magic */
	background-size:cover;}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
}


body{
/*	margin: 0 auto;
	padding: 0 auto;
	background:url(img/background_full.jpg) top no-repeat fixed;
	background-size: cover;
	width:100%;
	height:100%;*/
	font-family: "king cooL KC";
}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


/*#home{
	background:url(img/background.jpg) top no-repeat fixed;	
}*/


a{text-decoration:none; font-size:11px; color:#94b5de; }

a:hover{color:#FFF !important;}

a span.blue:hover{color:#FFF;}
.clear
{
	clear: both;
}

p{
	font-family:Arial;
	font-size: 12px;
	line-height:18px;
}

::-moz-selection {
       background-color: grey;
       color: white;
}

/* Couleur de selection du texte */
::selection { /* Pour les autres */
background: #83bab4;
color:white;
}

.bold{
	font-weight: bold;
}

a img{
	border: none;
}

.shade-green{
	color: #8fbae8;
}

a.shade-green{
	text-decoration: none;
}

#bloc1{
	margin: 0 ;
	margin-top: 30px;
	/* background: #3D4C53; */
	height: 90px;
}


#logo {
    float: left;
    margin-top: 22px;
}


#menuitem{
		margin: 0;
		padding: 0;
		list-style:none;
  		color: #fff ;
 		overflow: visible;
		float:right;

}

	#menuitem li{
		margin-top: 19px; /* Permet de décaler le menu su l'axe vertical */
		float: left;
		
	}



#menuitem li a {
    color: #C0C5C9;
    display: block;
    font-size: 22px;
    margin-right: 35px;
    text-decoration: none;
	text-transform:uppercase;
}

#menuitem li a:hover{color:#f7cbe0;}

#menuitem li a.last{margin-right:0;}





	#box-team{
		width: 210px;
		float: left;
		margin-right: 150px;
		margin-top: 26px;
	}
	
	#box-fbpage{
		width: 211px;
		float: left;
		margin-right: 150px;
		margin-top: 26px;

	}
	#box-donate{
		width: 211px;
		float: right;
		margin-top: 26px;
	}

.general-donate-online
{
	margin-top: 5px;
	text-align: center;
}

div.credit{
	margin-top: 0px;
	text-align: center;
}



.scarename-home {
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    top: 120px;
    width: 100%;
}

.scarename-home_inner{width:586px; margin:0 auto;}
div.credit-home{
	margin:0 auto;
	margin-top: 0px;
	text-align: center;
	float:left;
	width:100%;
	margin-top:206px;
}
div.credit-homepage{
bottom: 0;
    float: left;
    margin: 206px auto 0;
    position: absolute;
    text-align: center;
    width: 946px;
}
	
/**********************************/
/********** Page Story  **********/
/********************************/


#bloc-story {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    float: left;
    margin-top: 26px;
    padding: 27px 50px 42px 37px;
    width: 858px;
}

.page_title{
	font-size:33px;
	color:#FFF;
	text-transform:uppercase;	
	font-weight:normal !important;
	display:block;
	padding-bottom:32px;
	margin:0 !important;
}

#bloc-story p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;	
	margin:0 !important;
}





#synopsys{
	width: 418px;
	float:left;
	margin-left: 35px;
}

#synopsys p{
	color: white;
	margin-top: 62px;
	text-align: justify;
}

#visual-statement{
	width: 418px;
	
	float:left;
	margin-left: 35px;
}


#visual-statement-title
{
	margin-bottom: 36px;
}




/**********************************/
/********** Page Team  **********/
/********************************/

#bloc-team{
	background:rgba(0,0,0,0.9);
	margin-top: 26px;
	padding-top: 20px;
	height: 670px;
	color:white;
	float:left;
}

ul#perso{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#perso li{

	float: left;
	display: block;
	cursor: pointer;
}

/*ul#perso li img:hover{opacity: 0.7;}
ul#perso li img.active {opacity:1;}*/

ul#perso li:first-child{
}


#presentation-perso{
	width: 418px;
	float: left;
	margin-left: 35px;
	
}

#bio-perso > p{
	text-align: justify;
}

#showreel{
	width: 420px;
	float: left;
	margin-left: 35px;

}

.perso-title{
	margin-top: 17px;
	margin-bottom: 20px;
}

.showreel-title{
	margin-top: 17px;
	margin-bottom: 40px;
}



/**********************************/
/******** Page Contribute ********/
/********************************/

#bloc-contribute{
	background:rgba(0,0,0,0.9);
	margin-top: 26px;
	height: 653px;
	padding-top: 20px;
	color: white;
	position: relative;
}

#contribute-info{
	margin-left: 35px;
}

#contribute-price{
	float: left;
	width: 418px;
}

#contribute-price p, #contribute-donators p{
	line-height: 140%;
}

#contribute-donators{
	float: left;
	width: 419px;
	margin-left:20px;
}

.imgcenter{
	text-align:center;
}

.paracenter{
	text-align:center;
}

.price-description{
	color: grey;
}

a.contact-link
{
	text-decoration: none;
	color: #83bab4;
}

.donation_btn_online{
	margin-top: 23px;
}

.donation_btn_inkind{
	margin-bottom: 27px;
}

#dim{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.9);
	display: none;
	z-index: 100;
}

#donateInKindInfo {
    background: none repeat scroll 0 0 black;
    border: 1px solid #E3E3E3;
    display: none;
    height: 545px;
    left: 318px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 20px;
    position: absolute;
    text-align: justify;
    top: 229px;
    width: 620px;
    z-index: 200;
}
#donateInKindInfo p{
	font-size: 12px;
}

#closeBTN{
	position: absolute;
	top: 0;
	left:638px;
	cursor: pointer;
}




/**********************************/
/********** Page About  **********/
/********************************/

#bloc-about{
	background:rgba(0,0,0,0.9);
	margin-top: 26px;
	height: 633px;
	padding-top: 20px;
	color: white;
}

#afi-info{
	width: 418px;
	float:left;
	margin-left: 35px;
}

#afi-alumni{
	width: 418px;
	float:left;
	margin-left: 35px;
}

.afi_title1{
	margin-bottom: 22px;
}

.afi_title2{
	margin-bottom: 41px;
}

.alumni-movie{
	color: gray;
	
}

.test
{
	color: gray;
}


/**********************************/
/********** Page Contact  **********/
/********************************/

#bloc-contact{
	background:rgba(0,0,0,0.9);
	margin-top: 26px;
	height: 300px;
	padding-top: 20px;
}

#contact{
	/*width: 100%;*/
	float:left;
}

#contact-info{
	width: 370px;
	float:left;
	margin-left: 35px;
	color: white;
}

p.contact-prod{
	padding-bottom:  36px;
}

p.address-prod{
	padding-bottom: 28px;
}

.email{
	color: red;
}



/*CUSTOM*/
#container{
	width:945px;
	margin:0 auto;	
}

#top_box{
	margin-left:auto;
	margin-right:auto;
	width:945px;
}

#left_side{float:left; width:430px;}

#right_side{float:right; width:405px;}

#right_side iframe{border:1px solid #202020;}
#bloc-story.afi p{display:block; padding-bottom:25px; line-height:18px; }

#bloc-story.afi ul{padding:0; margin:0; list-style:none;}
#bloc-story.afi li{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px; margin-bottom:8px; float:left; }
#bloc-story.afi li span{font-size:11px; color:#929292; display:block; width:100%; margin-top:1px;}

#bloc-story.cast #left_side{width:410px;}
#bloc-story.afi #left_side{width:513px;}


#bloc-story.cast #right_side{width:410px; float:left; margin-left:38px;}
#bloc-story.afi #right_side{width:310px; float:left; margin-left:35px;}

#bloc-story.cast p{line-height:16px;}

.as {
    color: #AEAEAE;
    display: block;
    font-family: arial;
    font-size: 11px;
}

#trailer{
	margin-top:10px;
	margin-bottom:220px;
	float:left;
	width:100%;
}

#trailer_inner{
	width:209px;
	height:89px;
	margin:0 auto;

}

.press{margin:0; padding:0; list-style:none;}
.press li {margin-bottom:47px;}
.press li a{color:#dbdbdb; font-size:24px; text-decoration:none; text-transform:uppercase;}
.press li:hover a{color:#FFF;}
.press li:hover .blue{color:#FFF;}

.download_icon{background:url(img/download_normal.png); width:57px; height:44px; display:block; margin-top:18px;}
.press li:hover .download_icon{background:url(img/download_hover.png);}

.blue{color:#689ed5; text-transform:uppercase;}

#bloc-story.contribute p{
	font-size:11px; line-height:18px;	
	display:block;
	padding-bottom:20px;
}

#bloc-story.contribute h3{
	font-size:30px; margin:0;
	padding-bottom:20px;	
}

#bloc-story.contribute h3 a{
	font-size:30px;	
}
.text{width:857px;}

.line{background:url(assets/img/contribute/donation_divider_mouseover.png);
width:247px; height:9px; margin:0 auto; display:block; margin-top:13px; margin-bottom:13px;
}

p.perso-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px !important;
	margin:0;
	padding-bottom:6px;
	color:#FFF;
	padding-top:23px;
}

p.role{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c4c4c4;
	margin:0;
	padding-bottom:26px;	
}

#presentation-perso p{margin:0; font-size:11px; line-height:16px;}

#bio-perso-end{padding-top:22px;}


#left_side.contact{width:453px;}


input {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #8FBAE8;
    height: 22px;
    width: 250px;
	color:#FFF;
	line-height:22px;
	padding:0 5px;
	margin-bottom:10px;
}


textarea {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #8FBAE8;
    resize: none;
    width: 300px;
	height:115px;
	color:#FFF;
	line-height:22px;
	padding:0 5px;
	margin-bottom:10px;
}


input.button {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 25px !important;
    margin-top: 10px;
    width: 100px;
}

input.button:hover {
    background: none repeat scroll 0 0 #8FBAE8;
}


#top_box_container {
    float: left;
    width: 100%;
	background:rgba(0,0,0,0.9);
	height:90px;
	margin-top:30px;
}

#menu{
	float:right;
	margin-top:16px;
}

#box-donate a{
	background:url(img/check_out_new_trailer.png);
	width:210px;
	height:89px;
	display:block;
	background-position:left bottom;	
}

#box-donate a:hover{background-position:left top;}

#box-fbpage a{
	background:url(img/facebook_page.png);
	width:210px;
	height:88px;
	background-position:left top;
	display:block;	
}

#box-fbpage a:hover{background-position:left 89px;}

#box-team a{width:210px; display:block; background:url(img/our_international_team.png); height:89px; }
#box-team a:hover{background-position:left bottom;}

#trailer_inner a{
	background:url(img/check_out_new_trailer.png);
	width:210px;
	height:89px;
	display:block;
	background-position:left bottom;	
}

#trailer_inner a:hover{background-position:left top;}
li.sasa:hover{background:url(img/sasaover.png); width:157px; height:268px; display:block;}

a.fbcontact{
	display:block;
	background:url(img/facebook_contact.png) no-repeat left top;
	width:168px;
	height:36px;	
}

a.fbcontact:hover{background-position:left bottom;}


#showreel iframe {
    border: 1px solid #202020;
}