@charset UTF-8;

* { margin: 0; padding: 0; }

body {
	font-family: Arial, sans-serif;
}
h1 {
	font-size:	48px;
	font-weight:	bold;
	text-transform: uppercase;
	color:		white;
}

.container {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear:	both;
}
.invisible {
	height:		0;
	overflow:	hidden;
	visibility:	hidden;
}

body > header {
	height:		253px;
	line-height:	253px;
	text-indent:	1024px;
	overflow:	hidden;
	background:	url('images/header.jpg') no-repeat center top;
}

main > .container > nav {
	width:		336px;
	min-height:	700px;
	position:	absolute;
	left:		0;
	top:		0;
	bottom:		0;
	background:	url('images/menu-bg.jpg') no-repeat #011C73;
}
main > .container > nav > header {
	height:		83px;
	line-height:	83px;
	text-indent:	336px;
	overflow:	hidden;
	background:	url('images/menu-header.png') no-repeat center top;
}
main > .container > nav > ul {
	list-style-type:	none;
}
main > .container > nav > ul img {
	display: block;
}
main > .container > nav > footer {
	padding-bottom:	221px;
	background:	url('images/menu-footer.png') no-repeat center bottom;
	text-align:	center;
}

#content {
	width:		688px;
	height:		1452px;
	float:		right;
	text-align:	center;
	font-weight:	bold;
	position:	relative;
	text-transform:	uppercase;
	font-size:	17px;
	line-height:	45px;
	color:		#e62e20;
}

#content > h1::before {
	content:' ';
	width:	89px;
	height:	86px;
	background:url('images/logo-who.jpg') no-repeat;
	float:	left;
}

#frame-video {
	width:	615px;
	height:	423px;
	border:	1px solid #dad7e6;
	background-color:white;
	color:		#e62e20;
	font-size:	17px;
	margin: 0 auto;
	position:	absolute;
	bottom:		160px;
	left:		50%;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
}
#frame-video > iframe {
	width: 100%;
	height: 100%;
}

#page-404 #content {
	background:	url('images/pages/404.jpg') no-repeat center top;
	color:		#220bab;
	line-height:	45px;
	color:		white;
}
#page-404 #content h1 {
	line-height:	100px;
	font-size:	35px;
}

#page-accueil #content {
	background:	url('images/pages/accueil.jpg') no-repeat center top;
	color:		#220bab;
	line-height:	45px;
}
#page-accueil #content h1 {
	line-height:	100px;
	height:		260px;
	font-size:	36px;
}
#page-accueil #content h1 span {
	color:		#53b5f4;
	display:	block;
	line-height:	60px;
}
#page-accueil #content nav {
	padding: 170px 17px 0 26px;
}
#page-accueil #content nav img {
	display:	inline-block;
	
}
#page-accueil #content nav a {
	display:	block;
	height:		94px;
	padding-top:	10px;
	margin:		0 10px 10px 10px;
	float:		left;
	background-color:#7aa3cc;
	border-top:	3px solid black;
	border-right:	3px solid #6486a8;
	border-bottom:	2px solid #3c434b;
	border-left:	2px solid #3c434b;
}

#page-doctor-fou #content {
	background:	url('images/pages/Doctor-fou.jpg') no-repeat center top;
	color:		#e62e20;
	line-height:	45px;
	font-size:	23px;
}
#page-doctor-fou #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-doctor-fou #frame-video {
	bottom:		160px;
}

#page-doctor-craft #content {
	background:	url('images/pages/Doctor-craft.jpg') no-repeat center top;
	line-height:	53px;
	font-size:	20px;
	color:		white;
}
#page-doctor-craft #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-doctor-craft #frame-video {
	bottom:		260px;
}

#page-video-special #content {
	background:	url('images/pages/Video-special.jpg') no-repeat center top;
	line-height:	53px;
	font-size:	24px;
}
#page-video-special #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-video-special #frame-video {
	bottom:		180px;
}

#page-objet-doctor-who #content {
	background:	url('images/pages/Objets-doc-who.jpg') no-repeat center top;
	line-height:	53px;
	font-size:	25px;
	color:		white;
}
#page-objet-doctor-who #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-objet-doctor-who #frame-video {
	bottom:		160px;
}

#page-courts-metrages #content {
	background:	url('images/pages/courts-metrage.jpg') no-repeat center top;
	line-height:	53px;
	font-size:	25px;
}
#page-courts-metrages #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-courts-metrages #frame-video {
	bottom:		160px;
}

#page-betisier #content {
	background:	url('images/pages/betisier.jpg') no-repeat center top;
	line-height:	36px;
	font-size:	23px;
}
#page-betisier #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-betisier #frame-video {
	bottom:		290px;
}

#page-top-5-10 #content {
	background:	url('images/pages/Top-5-10.jpg') no-repeat center top;
	line-height:	53px;
	font-size:	27px;
	color:		white;
}
#page-top-5-10 #content h1 {
	line-height:	100px;
	height:		150px;
}
#page-top-5-10 #frame-video {
	bottom:		160px;
}

#page-musiques-doctor-who #content {
	background:	url('images/pages/Musique.jpg') no-repeat center top;
	line-height:	60px;
	font-size:	24px;
}
#page-musiques-doctor-who #content h1 {
	line-height:	150px;
	font-size:	38px;
	height:		150px;
}
#page-musiques-doctor-who #frame-video {
	bottom:	230px;
}

#page-nous #content {
	background:	url('images/pages/Nous.jpg') no-repeat center top;
	line-height:	33px;
	font-size:	15px;
	color:		white;
}
#page-nous #content h1 {
	font-size: 	36px;
	line-height:	86px;
	height:		180px;
}
#page-nous #content p {
	margin-bottom:	34px;
}
#page-nous #frame-video {
	bottom:	215px;
	height:	323px;
}