@import url("reset.css"); /* Éric Meyer's Reset */

/*-- Global --*/

body {
	background:#101010 url('/img/menu-gauche-fond.gif') repeat-y left top;
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	margin-bottom:0;
}

a:link, a:visited {
	text-decoration:none;
	color:#b4b4b4;
}

img {
	border:none;
}

#container {
	width:959px;
	height:100%;
}

.erreur {
	color:#FF0000;
	text-align:left;
	display:block;
}

hr {
	width:500px;
	margin:20px 0 20px 25px;
}

/*-- Menu haut --*/

#menu-haut {
	height:46px;
	float:right;
	margin-bottom:42px;
	margin-right:200px;
}

#menu-haut ul li {
	display:inline;
}

#menu-haut ul li a:link,
#menu-haut ul li a:visited {
	font-size:11px;
	font-weight:bold;
	color:#b0b0b0;
	background:#282828;
	display:block;
	float:left;
	width:80px;
	height:16px;
	text-align:center;
	margin-right:3px;
	margin-top:28px;
	line-height:16px;
}

#menu-haut ul li a:hover,
#menu-haut ul li.active a:link,
#menu-haut ul li.active a:visited {
	background-color:#444444;
	color:#f0f0f0;
}

#menu-haut .navigation {
	margin-top:12px;
}

#menu-haut .fleche-droite {
	float:right;
}


/* -- Sidebar -- */

#sidebar {
	float:left;
	width:213px;
	height:647px;
}

#logo {
	background: transparent url("../img/logo.jpg") no-repeat scroll left top;
	width:184px;
	height:33px;
	float:left;
	margin-top:34px;
}

#menu-gauche {
	width:181px;
	margin:25px 0 22px 0;
	float:left;
}

#contenu.contact ul.liens li,
#menu-gauche ul li {
	height: 1%;
}

#menu-gauche ul li a:link,
#menu-gauche ul li a:visited,
#contenu.contact ul.liens li a:link,
#contenu.contact ul.liens li a:visited {
	display:block;
	font-weight:bold;
	height:19px;
	margin-bottom:5px;
	background-color:#0a0a0a;
	width:181px;
	color:#9f9f9f;
	text-align:right;
	padding-right:6px;
	line-height:20px;
}

#menu-gauche ul li a:link,
#menu-gauche ul li a:visited {
	font-size:11px;
	text-transform:uppercase;
}

#contenu.contact ul.liens li a:link,
#contenu.contact ul.liens li a:visited {
	font-size:14px;
}

#menu-gauche ul li a:hover,
#menu-gauche ul li.active a:link,
#menu-gauche ul li.active a:visited,
#contenu.contact ul.liens li a:hover {
	background-color:#444444;
	color:#f0f0f0;
}

#thumbnails ul {
	width:180px;
	margin-left:22px;
	padding-left:8px;
}

#thumbnails ul li {
	position:relative;
	float:left;
	margin:0 8px 8px 0;
	width:32px;
	height:32px;
}

#thumbnails ul li a:link, #thumbnails ul li a:visited {
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	float:left;
	z-index:450;
}

#thumbnails ul li span {
	position:absolute;
	top:-8px;
	left:-8px;
	width:48px;
	height:48px;
	display:block;
	background:#fff;
	z-index:400;
}

#thumbnails ul li.active {
	position:relative;
	margin:0;
	top:-8px;
	left:-8px;
}

#thumbnails ul li.active a:link, #thumbnails ul li.active a:visited {
	border:8px solid #fff;
}


/* -- Contenu -- */

#contenu {
	color:#b4b4b4;
	font-size:14px;
	float:right;
	width:744px;
	text-align:center;
	position:relative;
}

#contenu img {
}

#contenu p {
	font-size:12px;
	line-height:15px;
	text-align:left;
}

#contenu.horizontal p {
	text-align:left;
}

#contenu.vertical p {
	position:absolute;
	bottom:0;
	width:140px;
	text-align:right;
	left:0;
	margin-left:30px;
}

#contenu.texte {
	text-align:left;
}

#contenu.texte p {
	margin:0 25px 0 25px;
	line-height:normal;
}

#contenu.texte ul {
	margin:0 25px 0 25px;
	list-style-type:disc;
	line-height:20px;
}

#contenu.texte ul a {
	color:#b4b4b4;
	font-size:12px;
}


/*-- Contact --*/

#contenu.contact {
	text-align:left;
	margin-left:0px;
	width:650px;
	float:left;
	padding-left:25px;
	margin-top:6px;
}

#contenu.contact p {
	font-size:14px;
	line-height:18px;
}

#contenu.contact h3 {
	margin-bottom:10px;
}

#contenu.contact ul {
	margin-top:34px;
	margin-bottom:34px;
}

#contenu.contact ul li {
	margin-bottom:5px;
}

#contenu.contact label.label {
	float:left;
	margin-right:25px;
	width:120px;
}

#contenu.contact input {
	float:left;
	width:200px;
	margin-right:10px;
}

#contenu.contact ul.liens {
	margin-left:-25px;
}

#contenu.contact ul.liens li {
	line-height:20px;
}

#contenu.contact label.erreur {
	display:inline;
}

/* -- Clearfix -- */

/* Ajouter à un contenant pour ne pas que le contenu déborde */

.clearfix {display: inline-block; }
.clearfix:after,
.container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}