html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	/* background-color: blue; */
}
#content {
	margin: 0;
	padding: 0;
	overflow-x: scroll;
	overflow-y: hidden;
	/* background-color: red; */
	position: absolute;
	top:0;
	bottom:0;
	height: 100%;
	width: 100%;
}


/* ________________________________________________________ */
/* 			BANDEAU											*/
/* ________________________________________________________ */


#bandeau-film {
	height: 40px;
	overflow: hidden;
	background-color: #FFFDD0;
	width: 610px;
	border: 1px solid #ccc;
}

#bandeau-film ul {
	list-style: none;
	margin: 8px 0 0 7px;
	padding: 0;
}
#bandeau-film ul li {
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
}
#bandeau-film img {
	margin: 0 6px 0 0px;
	cursor: pointer;
}
.action-bandeau {
	display: none;
	padding:20px;
}


/* ________________________________________________________ */
/* 			LISTE 											*/
/* ________________________________________________________ */


#films-liste-wrapper {
	margin: 0;
	padding: 0;
	position: absolute;
	top:40px;
	bottom:0;
	width: 250px;
}
#films-liste {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #2B2B2B;
	color: white;
	font-size: 16px;
	overflow-x: hidden;
	overflow-y: scroll;
}
#films-liste ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 250px;
}
#films-liste ul a {
	text-decoration: none;
}
#films-liste ul li {
	color: white;
}
#films-liste ul li:hover {
	background:none repeat scroll 0 0 #353535;
}
#films-liste ul li {
	border-top: 1px solid #393939;
	border-bottom: 1px solid #555;
	cursor: pointer;
	padding: 2px 2px 2px 5px;
}




/* ________________________________________________________ */
/* 			DETAIL 											*/
/* ________________________________________________________ */

#films-details-wrapper {
	margin: 0 0 0 260px;
	padding: 0;
	position: absolute;
	top: 40px;
	bottom: 0;
}


#films-details {
	height: 100%;
	margin: 4px 0 0 0;
	padding: 0;
	width: 350px;
	overflow-x: hidden;
	overflow-y: scroll;
}
#films-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 350px;
}
#films-details ul li {
	margin-bottom: 10px;
	padding-top: 10px;
	display: inline;
}
.un-film {
	overflow: hidden;
	padding: 10px 0 10px 0;
	margin: 10px 0 20px 0;
	border-bottom: 4px solid #696969;
}
.image-film {
	float: left;
	margin-right: 10px;
}

.film-description {
	overflow: hidden;
	margin-right: 10px;
}	
.titre-film {
	font-size: 18px;
	color: red;
	margin: 0 0 10px 0;
}
.soustitre-film {
	color: red;
}

.label-bloc {
	overflow: hidden;
}
.label-gauche {
	/* width: 120px; */
	/* float: left; */
	font-weight: bold;
	color: #353535;
}
.label-droit {
	/* margin: 0 0 0 120px; */
}
.clear {
	clear: both;
}
.justify {
	text-align: justify;
}
.personne-film {
	text-align: center;
	padding: 15px;
	vertical-align: top;
	cursor: pointer;
}
.nom-acteur {
	color: darkblue;
}
.nom-personnage {
	color: darkgrey;
}

table {
	border: none;
}
table tr {
	border: none;
}
table tr td {
	border: none;
	vertical-align: top;
}
.film-acteurs-liste {
	display: none;
}

.film-realisateurs-liste {
	display: none;
}

.form-check-input:checked {
	background-color: brown;
	border-color: brown;
}
.puce {
	margin: 2px 5px 0 0;
}

.note-film {
	overflow: hidden;
}
.bloc-realisateurs,
.bloc-acteurs {
	cursor: pointer;
}

.allocine {
	cursor: pointer;
}