* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior:url(boxsizing.htc); }
html, body { 
	margin:0;
	padding:0;
    height:100%;
	overflow:hidden;
}
body {
    height:100%;
	overflow:hidden;
	background:#0cb3c8 url(../images/img_bg.jpg) no-repeat;
	font-family:Helvetica;
	overflow:hidden;
}
h1 {font-size:16px; margin-bottom:3px; font-weight:300; }
h2 {font-size:20px; font-weight:300; margin:0; margin-bottom:5px; letter-spacing:0.05em; }
h3 {display:none;}
p {font-size:14px; font-weight:300; margin:0; }
a { color:#fff; font-style:italic; text-decoration:none; }
blockquote { 
	background:#fff; 
	margin:0 0 20px;
	padding:5px 20px; 
}
pre {
	white-space:pre-wrap;       /* css-3 */
	white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space:-pre-wrap;      /* Opera 4-6 */
	white-space:-o-pre-wrap;    /* Opera 7 */
	word-wrap:break-word;       /* Internet Explorer 5.5+ */
}
video {
	width: 1024px;
	height: 768px;
}

#wrapper {
	width:100%;
	height:100%;
	position:relative;
    overflow:hidden;
}
.accueil {
	width:100%;
	height:100%;
	background:url(../images/img_accueil.jpg) no-repeat;
	position:fixed; 
	top:0;left:0;
	z-index: 999999;
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
}
.btn_liste1 {
	width:130px;
	height:110px;
	position:absolute;
	top:570px;
	left:820px;
	cursor:pointer;
	background:url(../images/btn_liste1.png) no-repeat;
}
.nav { 
	width:100%;
	height:100%;
	background:url(../images/img_liste_sansFleche.jpg) no-repeat;
	position:fixed; 
	top:0;left:0;
	z-index: 99999;
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
    display:none;
}
.wrap_liste {
	width:750px;
	height:450px;
	overflow:scroll;
	position:absolute;
	top:160px;
	left:125px;
}
.fleche_h {
	width:230px;
	height:100px;
	background:url(../images/fleche_haut.png) no-repeat center bottom;
	cursor:pointer;
	position:absolute;
	top:37px;
	left:47px;
	display:none;
}
.fleche_b {
	width:230px;
	height:100px;
	background:url(../images/fleche_bas.png) no-repeat center top;
	cursor:pointer;
	position:absolute;
	top:635px;
	left:47px;
}
.video-list {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
}
.video-list li {
	margin-bottom:15px;
}
.video-list li span {
	display:none;
}
.video-list .playlist-btn {
	display:block;
	width:100%;
}
.playlist-btn {
	height:75px;
	background:url(../images/btn_play.png) no-repeat left center;
	text-decoration:none; 
	font-weight:bold; 
	font-style:normal; 
	font-size:12px;
	padding-left:80px;
}
.btn_accueil1 {
	width:100px;
	height:100px;
	background:url(../images/btn_accueil.png) no-repeat center;
	position:absolute;
	top:595px;
	left:875px;
	cursor:pointer;
}
.info {
	width:370px;
	height:130px;
	position:absolute;
	top:605px;
	left:500px;
	text-align:right;
}
.info p {
	color:#18ffff;
	margin-top:3px;
	font-weight:bold;
	line-height:15px;
}
.main {
	position:fixed;
	bottom:0;
	margin:0;
	width:100%;
	height:238px;
	background:url(../images/img_bas.png) no-repeat;
	-webkit-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	-ms-transition-duration:0.6s;
	-o-transition-duration:0.6s;
	transition-duration:0.6s;
    display:none;
}
.credit {
	width:600px;
	margin:98px 0 0 230px;
	color:#FFF;
}
.credit p {
	font-size:11px;
	margin-top:2px;
}
.nav-link {
	display:block;
	padding-bottom:10px;
	text-decoration:none;
	font-style:normal;
}
.toggle-btn {
	position: absolute;
	bottom: -50px;
	left: 5px;
	background:rgba(0,0,0,.8);
	padding: 6px 12px;
	border-radius: 10px;
	color: #fff;
	font-size: .8em;
	font-family:'Source Sans Pro', sans-serif; font-weight:900; 
	text-transform: uppercase;
}
.playlist { 
	padding:0; 
	margin:20px 20px 40px;
}
.footer-text {
	padding:0 20px;
	font-size:.9em;
	font-style:italic;
	opacity:.8;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
.btn_accueil {
	width:70px;
	height:70px;
	background:url(../images/btn_accueil.png) no-repeat;
	position:absolute;
	top:113px;
	left:920px;
	cursor:pointer;
}
.btn_liste2 {
	width:70px;
	height:70px;
	background:url(../images/btn_liste2.png) no-repeat;
	position:absolute;
	top:113px;
	left:840px;
	cursor:pointer;
}