/* SVN FILE: $Id$ */
/**
*
* PHP versions 4 and 5
*
* CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
* Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
*
* Licensed under The MIT License
* Redistributions of files must retain the above copyright notice.
*
* @filesource
* @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
* @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
* @package       cake
* @subpackage    cake.app.webroot.css
* @since         CakePHP(tm)
* @version       $Revision$
* @modifiedby    $LastChangedBy$
* @lastmodified  $Date$
* @license       http://www.opensource.org/licenses/mit-license.php The MIT License
*/

* {
	margin:0;
	padding:0;
}

/* General Style Info */
html, body {
	height:100%;
}
body {
	position:relative;
	background: #000;
	color: #fff;
	font-family:Helvetica, Verdana, sans-serif;
	font-size:12px;
}
a {
	color:#fff;
}
a:hover {
	text-decoration:none;
}

/* HEADER */
#header {
	position:relative;
	margin:0 0 0 20%;
	padding-top:1%;
}
.home {
	display:block;
	height:20px;
	width:182px;
	background:url('/img/K.png') no-repeat;
	margin:0 0 0 -93px;
	text-indent:-100000px;
	overflow:visible;
}
#header hr {
	margin:-2px 0 0 200px;
	border:1px solid #fff;
	display:none;
}

/* MENU */
#wrap-menu {
	position:absolute;
	top:0;
	left:0;
	width:20%;
	height:520px;
}
#menu {
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	font-size:11px;
}
#menu a {
	display:block;	
	padding: 0 6px 0 4px;
	color:#eee;	
	text-decoration:none;
}
#menu a:hover {
	color:#fff;
}
#menu a.selected {
	color:#333;
	background:#fff;
}

#menu ul, #menu li {
	list-style-type: none;
	margin:0;
	padding:0;
}
#menu .niv2 a.selected {
	color:#666;
}
#menu .niv2 a.selected:hover {
	color:#333;
}

/* FOOTER */
#footer {
	position:relative;
	margin:0;
	text-align:right;
	padding:5px;
	width:auto;
	background:#000;
	font-size:.9em;
}
#footer a {
	text-decoration:none;
}

/* CONTENT */	
#container {
	position:relative;
	width:100%;
}
#gallery {
	position:relative;
	margin-left:20%;
	height:520px;
	overflow:hidden;
	border-left:1px solid #fff;
}
#gallery p, #gallery h3 {
	margin-top:1em;
}
#actus {
	position:absolute;
	top:10%;
	right:10%;
	width:50%;
	padding:5px;
	background:#000;
}
#inner-gallery {
	position:absolute;
	top:0;
	left:0;
}
.img {
	border-right:1px solid #fff;
	height:520px;
}
.overlap {
	position:absolute;
	left:0;
	top:0;
	width:720px;
	height:520px;
	overflow:hidden;
	background-color:#000;
	background-position: center center;
	background-repeat:no-repeat;
	}

.thumbnails {
	position:relative;
	clear:both;
	height:35px;
	margin-left:20%;
	display:none;
	border-left:1px solid #fff;
	white-space: nowrap;
}
.thumbnails a {
	position:relative;
}		
.thumbnails img {
	margin:0 0 0 2px;
	border:1px solid #fff;
}
.thumbnails .extra_titre {
	display:inline;
	max-width:150px;
	height:30px;
	float:left;
	margin:0 0 0 2px;
	text-decoration:none;
	padding:0 2px;
	background:#000;
	border:1px solid #fff;
}
	.thumbnails .extra_titre img {
		border:none;
	}
.play-button {
		position:absolute;
		display:block;
		bottom:0;
		left:1px;
		background:url('/img/play-button.png') center center no-repeat;
		margin:0;
		width:100%;
		height:30px;
		margin:0;
		opacity:.8;
	}
		.play-button:hover {
			opacity:1;
		}
.legende {
	position:absolute;
	display:none;
	bottom:0;
	left:2px;
	background:#fff;
	color:#000;
	padding:2px;
	font-size:10px;
	margin:0;
	width:auto;
	white-space:nowrap;
	opacity:.8;
	z-index:200;
}
.thumbnails img:hover + .legende {
	display:block;
}
.void {
	float:left;
	width:720px;
	height:520px;
	margin:0;
}
.contrast {
	float:right;
}
.texte {
	position:relative;
	width:520px;
	height:520px;
	padding:0;
	margin:0;
}
.texte a {
	color:inherit;
	background:inherit;
}
.contraste {
	background:#fff;
	color:#333;
}
.inner-texte {
	float:none;
	width:510px;
	height:510px;
	overflow:auto;
	padding:5px;
	text-align:left;
	white-space:normal;
	font-size:13px;
	line-height:1.2em;
}
#titre {
	position:absolute;
	width:720px;
	height:520px;
	top:0;
	left:0;
}
#titre h1 {
	font-family: Georgia, sans-serif;
	font-size:10em;
	line-height:.8em;
}
	#titre h3 {
		float:right;
		font-size:2em;
	}
/* CONTACT */
#footer-div {
	position:absolute;
	bottom:20px;
	right:10px;
	color:#333;
	padding:10px 5px 5px 10px;
	font-size:10px;
	z-index:200;
	background:#000;
}
#footer-div form {
	position:relative;
}
	#footer-div form .password {
		margin:0 5px;
	}
#footer-div form .submit {
	position:absolute;
	bottom:0;
	right:0;
}
#footer-div label {
	padding:0 2px;
	background:#fff;
}
#footer-div p {
	margin:5px;
	padding:2px;
	background:#fff;
}
#footer-div a {
	color:#333;
}
#footer a:hover {
	text-decoration:underline;
}