/*--------------------------------
   Stylisation de la page Filmographie
 ---------------------------------*/

/* Title */
	h2#filmogTopsubTitle {
		/*background-color: red;*/
		display: inline-block;
		font-size: 32px;
		font-weight: lighter;
		margin-left: 28px;
		margin-top: 2px;
	}

/* Prizes Section */
	div#filmogPrize {
		/*background-color: green;*/
		/*display: block;*/
		/*display: inline-block;*/
		margin-left: 28px;
		margin-top: 26px;
		text-align: center;
	}
	div#filmogPrize img {
		/*background: transparent url(../../img/blkRed_trans.png);*/
		clear: both;
		float: left;
		margin-bottom: 21.5px;
	}
	div#filmogPrize img:last-child {
		margin-bottom: 12px;
	}

/* Movie Navigator */
	div#movieNavigator {
		/*background: transparent url(../../img/blkRed_trans.png);*/
		/*background-color: green;*/
		clear: both;
		height: 368px;
		margin-left: 32px;
		text-align: center;
		width: 53px;
	}
	div#movieNavigator img.movieBtn {
		/*background-color: blue;*/
		cursor: pointer;
	}
	/* Cover List */
		div#movieNavigator > div#smlCoverList {
			/*background-color: orange;*/
			height: 345px;
			margin-bottom: 20px;
			overflow: hidden;
		}
		div#smlCoverList > div {
			cursor: pointer;
			position: relative;
			/*background-color: pink;*/
			padding: 8px 0;
		}
		div#smlCoverList > div.horiz {
			padding: 4px 0;
		}
		div#smlCoverList > div > img {
			/*background-color: red;*/
			display: block;
		}
		img#infoPointer {
			/*background-color: red;*/
			position: absolute;
			/*visibility: hidden;*/
			display: none;
			opacity: 0;
			top: 330px;
			left: 98px;
		}

/* Movie Info section */
	div#movieInfo {
		/*background-color: blue;*/
		display: inline-block;
		float: left;
		/*left: 150px;*/
		left: 20px;
		overflow: hidden;
		position: absolute;
		top: 250px;
		/*width: 170px;*/
		min-width: 165px;
		max-width: 170px;
		/*height: 300px;*/
		z-index: -1;
	}
	div.filmInfo {
		background: transparent url(../../img/blk_trans.png);
		padding: 10px;
		display: none;
		opacity: 0;
	}
	div.fMore {
		cursor: pointer;
	}

	span.moreIcon {
		opacity: 0;
		padding-left: 10px;
		font-size: 12px;
	}

/* Movie Content */
	/*
		div#movieContent {
			background-color: red;
			background: transparent url(../../img/blkRed_trans.png);
			position: absolute;
			z-index: 2;
			height: 0;
			width: 0;
			top: 50%;
			left: 50%;
		}
	*/
	div#movieContent {
		background: transparent url(../../img/blk_trans.png);
		/*background-color: red;*/
		/*background-color: rgba(0,0,0,0.8);*/
		/*background-color: rgba(255,0,0,0.8);*/
		position: absolute;
		z-index: 2;
		height: 0;
		/*height: 100%;*/
		width: 0;
		/*width: 100%;*/
		top: 50%;
		/*top: 0;*/
		left: 50%;
		/*left: 0;*/
	}
	/*
	div#movieContent>div {
		background: transparent url(../../img/bgFilmogRef1.png);
		background-color: rgba(51,255,102,0.3);
		display: none;
		bottom: 0;
		font-size: 16px;
		height: 672px;
		left: 0;
		margin: auto;
		position: relative;
		right: 0;
		text-align: center;
		top: 0;
		width: 1007px;
		overflow: hidden;
		z-index: 3;
	}
	*/
	div#movieContent > div#detailList {
		bottom: 0;
		display: none;
		/*opacity: 0;*/
		height: 672px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 1007px;
		z-index: 4;
	}
	/*
	div#movieContent>img.movieClose {
		display: none;
		position: absolute;
		right: 50px;
		bottom: 50px;
		z-index: 4;
	}
	*/
	div#detailList > img.movieClose {
		cursor: pointer;
		display: none;
		/*opacity: 0;*/
		/*position: relative;*/
		position: absolute;
		left: 100px;
		bottom: 120px;
		/*margin-left: 200px;*/
		/*margin-bottom: -300px;*/
		z-index: 4;
	}
	div#detailList > div.movieDetail {
		/*background-color: blue;*/
		/*background-color: rgba(0,255,51,0.3);*/
		display: none;
		/*opacity: 0;*/
		font-size: 16px;
		/*top: 210px;*/
		/*width: 800px;*/
		/*height: 500px;*/
		/*margin: 0 auto;*/
		position: relative;
		text-align: center;
	}
	/*
	div#movieContent>div:first-child {
	}
	*/
	div#detailList > div.movieDetail:first-child {
		/*display: inline-block;*/
	}
	/*
	div#movieContent>div img {
		border: 0;
		outline: 0;
	}
	*/
	div#detailList > div.movieDetail img {
		border: 0;
		outline: 0;
		/*visibility: hidden;*/
	}
	/*
	div#movieContent>div>div.detailContnt {
		background-color: rgba(51,102,51,0.3);
		display: inline-block;
	}
	*/
	div#detailList > div.movieDetail > div.detailContnt {
		/*background-color: rgba(255,0,0,0.3);*/
		display: inline-block;
		cursor: pointer;
	}
	/*
	div#movieContent>div>div> p {
		font-size: 11.73px;
		font-variant: normal;
		font-family: "Nyala", monospace;
	}
	*/
	div#detailList > div.movieDetail p {
		/*background-color: rgba(0,0,255,0.3);*/
		font-weight: lighter;
		font-variant: normal;
		font-family: "Nyala", monospace;
	}

	div#detailList > div.movieDetail > div.detailContnt p {
		font-size: 23px;
	}
	div#detailList > div.movieDetail > div.detailContnt p.detailInfo {
		/*background-color: rgba(0,255,255,0.3);*/
		font-size: 12.5px;
		/*font-variant: normal;*/
		/*font-family: "Nyala", monospace;*/
	}

	div#detailList > div.movieDetail > div.description {
		/*background-color: red;*/
		margin-top: 40px;
	}
	div#detailList > div.movieDetail > div.description p {
		margin-top: 1px;
		font-size: 11.73px;
		font-weight: lighter;
	}

	div#detailList > div.movieDetail > div.description p.descTitle {
		text-transform: uppercase;
	}
	div#detailList > div.movieDetail > div.description p.descTitle span {
		text-transform: none;
		font-family: "Nyala", monospace;
	}

/* Built to Last */
	div#detailList > div#builtToLastCont {
		/*background-color: rgba(255,255,0,0.3);*/
		top: 164px;
		left: 354px;
	}
	
/* La Femme Nue */
	div#detailList > div#femmeNueCont {
		/*background-color: rgba(255,255,0,0.3);*/
		top: 164px;
		left: 354px;
	}

/* Sinopsis 5 & 6 */
	div#detailList > div#sinop3Cont {
		/*background-color: rgba(0,255,255,0.3);*/
		top: 210px;
		left: 260px;
		/*width: 600px;*/
	}
	div#detailList > div#sinop3Cont > div#sinop5 {
		margin-right: 43px;
	}

/* Sinopsis 3 & 4 */
	div#detailList > div#sinop2Cont {
		/*background-color: rgba(0,255,255,0.3);*/
		top: 210px;
		left: 260px;
		/*width: 600px;*/
	}
	div#detailList > div#sinop2Cont > div#sinop3 {
		margin-right: 43px;
	}

/* Sinopsis 1 & 2 */
	div#detailList > div#sinopCont {
		/*background-color: rgba(0,255,255,0.3);*/
		top: 210px;
		left: 260px;
		/*width: 600px;*/
	}
	div#detailList > div#sinopCont > div#sinop1 {
		margin-right: 43px;
	}

/* Winter Range */
	div#detailList > div#winterCont {
		/*background-color: rgba(255,255,0,0.3);*/
		top: 287px;
		left: 196px;
	}
	div#detailList > div#winterCont > div#winter1 {
		margin-right: 72px;
	}
	div#detailList > div#winterCont > div#winter2 {
		margin-right: 85px;
	}

/* La Peur au Ventre */
	div#detailList > div#peurCont {
		/*background-color: rgba(255,255,0,0.3);*/
		top: 263px;
		left: 106px;
	}
	/* 
		Original code following the numeric order of video

	div#detailList > div#peurCont > div#peur1 {
		margin-right: 72px;
	}
	div#detailList > div#peurCont > div#peur2 {
		margin-right: 85px;
	}

	*/
	div#detailList > div#peurCont > div#peur3 {
		margin-right: 72px;
	}
	div#detailList > div#peurCont > div#peur1 {
		margin-right: 85px;
	}

/* Initiation */
	div#detailList > div#initCont {
		/*background-color: rgba(255,255,0,0.3);*/
		top: 164px;
		left: 424px;
	}
	div#detailList > div#initCont > div.description {
		margin-top: 4px;
	}
	div#detailList > div#initCont > div.description p {
		font-size: 12px;
	}
	div#detailList > div#initCont > div.description p.descTitle {
		margin-bottom: 2px;
	}

/* La Nuit Finira */
	div#detailList > div#nuitCont {
		/*background-color: rgba(0,255,255,0.3);*/
		top: 217px;
		left: 251px;
		/*width: 600px;*/
	}
	div#detailList > div#nuitCont > div#nuit1 {
		margin-right: 43px;
	}
	div#detailList > div#nuitCont > div.detailContnt p {
		margin-top: 5px;
		font-size: 25px;
		/*background-color: green;*/
	}

/* Lost Odissey */
	div#detailList > div#lostCont {
		/*background-color: rgba(0,255,255,0.3);*/
		top: 139px;
		left: 423px;
		/*width: 600px;*/
	}
	div#detailList > div#lostCont > div.description {
		margin-top: 6px;
	}

/* Sound Design */
	div#detailList > div#soundCont {
		/*background-color: rgba(0,255,255,0.3);*/
		top: 182px;
		left: 357px;
		/*width: 600px;*/
	}
	div#detailList > div#soundCont > div.description {
		margin-top: 15px;
	}
	div#detailList > div#soundCont p.descTitle {
		font-size: 13px;
	}

/* Citation */
	div#filmogCite {
		color: #C3B3AA;
		bottom: 8px;
		font-size: 19.86px;
		font-style: italic;
		font-variant: normal;
		left: 7px;
		position: absolute;
	}

/* Sponsors */
	div#filmogSponsor {
		/*background: transparent url(../../img/blkRed_trans.png);*/
		bottom: 6.5px;
		position: absolute;
		right: 10px;
	}
	div#filmogSponsor img {
		float: left;
		margin: 0;
		margin-right: 15px;
		padding: 0;
	}
	div#filmogSponsor img#spon1 {
		margin-right: 8px;
	}
	div#filmogSponsor img#spon2 {
		margin-right: 9px;
	}
	div#filmogSponsor img#spon3 {
		margin-right: 6.5px;
	}
	div#filmogSponsor img#spon4 {
		margin-right: 17.5px;
	}
	div#filmogSponsor img#spon5 {
	}
	div#filmogSponsor img#spon6 {
		margin-right: 11px;
	}
	div#filmogSponsor img:last-child {
		margin-right: 0px;
	}

/* LightBox and Video Player */
	div#videoLightBox {
		background-color: rgba(0,0,0,1);
		/*background-color: rgba(0,255,0,0.7);*/
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*padding-top: 100px;*/
		/*padding-left: 50px;*/
		display: none;
		clear: both;
		opacity: 0;
		z-index: 6;
	}

	div#videoContainer {
		/*background-color: rgba(0,0,150,0.7);*/
		/*position: absolute;*/
		/*top: 0;*/
		/*right: 0;*/
		/*bottom: 0;*/
		/*left: 0;*/
		margin-left: 65px;
		margin-top: 63px;
		width: 853px;
		height: 480px;
		display: none;
		opacity: 0;
	}
	div#videoContainer > h4 {
		/*background-color: rgba(255,0,0,0.7);*/
		font-variant: normal;
		margin-bottom: 15px;
	}
	div#videoContainer > figcaption {
		display: none;
	}

	div#videoLightBox > img#videoClose {
		cursor: pointer;
		position: absolute;
		top: 67px;
		right: 45px;
	}