html { width:100%; height:100%; background:#333436; }

body {
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #333436;
	width:100%;
	height:100%;
	color: #FFFFFF;
}
img {
	border: 0;
}
form { padding: 0; margin: 0; }

a {
	cursor: pointer;
}
a:hover {
	text-decoration:none;
	cursor: pointer;
}
a:focus{
	-moz-outline-style:none;
}
hr{
	background-color:#5c5d5e;
	color:#5c5d5e;
	height:0px;
}

#centrer{
	position: relative;
	width: 1000px;
	top: 40px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	background: #333436;
}

#header{
	position: relative;
	top:0px;
	left:0px;
	width: 1000px;
	height: 90px;
}
#logo{
	position: absolute;
	top:0px;
	left:650px;
}
#legende{
	position: absolute;
	top:35px;
	left:600px;
	text-align:right;
	width:400px;
	color: #666769;
}
#contenu{
	position: relative;
	width: 1000px;
	height: 550px;
	top:0px;
	left:0px;
	background: #313234;
}
#nav{
	position: relative;
	float:left;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:1000px;
	background: #333436;
}
#nav_principale{
	position: relative;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:18px;
	width:82px;
	overflow:hidden;
}
#nav_principale li{
	height:18px;
	width:82px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.nav_principale_normal{
	text-decoration:none;
	padding:0px 48px 4px 0px;
	margin:0px;
	width:92px;
	color: #666769;
}
.nav_principale_normal:hover{
	text-decoration:none;
	background:url(../img/bloc_survol.gif) top left repeat-x;
	padding:2px 58px 4px 4px;
	margin:0px;
	width:92px;
	color: #252729;
}
.nav_principale_selected{
	text-decoration:none;
	background:url(../img/bloc_survol.gif) top left repeat-x;
	padding:2px 58px 4px 4px;
	margin:0px;
	width:92px;
	color: #252729;
}
#nav_secondaire{
	position: relative;
	float:left;
	top:0px;
	left:0px;
	list-style-type:none;
	margin:0;
	padding:3px 0px 0px 10px;
	font-size:10px;
	z-index:2;
	background:#333436;
	border-left:1px solid #414244;
	height:72px;
}
#nav_secondaire li{
	height:18px;
	margin:0px 10px 0px 0px;
	padding:0px;
	text-decoration:none;
}
#nav_terciaire{
	position: relative;
	float:left;
	top:0px;
	left:0px;
	list-style-type:none;
	margin:0;
	padding:3px 0px 0px 10px;
	font-size:10px;
	z-index:2;
	background:#333436;
	border-left:1px solid #414244;
	height:72px;
}
#nav_terciaire li{
	height:18px;
	width:250px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.nav_secondaire_normal{
	color: #525354;
	text-decoration:none;
	height:18px;
}
.nav_secondaire_normal:hover{
	color: #666769;
}
#nav_secondaire_normal:focus{
	-moz-outline-style:none;
}
.nav_secondaire_selected{
	text-decoration:none;
	color: #666769;
	height:18px;
}

#fleche_gauche{
	position: absolute;
	top:235px;
	left:10px;
	margin:0px;
	padding:0px;
	width:15px;
	height:15px;
}
#fleche_droite{
	position: absolute;
	top:235px;
	left:975px;
	margin:0px;
	padding:0px;
	width:15px;
	height:15px;
}
#zone_lien_gauche{
	position: absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:480px;
	height:540px;
	z-index:3;
	text-decoration:none;
}
#zone_lien_gauche:focus{
	-moz-outline-style:none;
}
#zone_lien_droite{
	position: absolute;
	top:0px;
	left:520px;
	margin:0px;
	padding:0px;
	width:480px;
	height:540px;
	z-index:3;
	text-decoration:none;
}
#zone_lien_droite:focus{
	-moz-outline-style:none;
}
#photo{
	position: absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:1000px;
	text-align:center;
	opacity:0;
	moz-opacity:0;
	filter: alpha(opacity=0);
}


/* actus */

#contenu_actus{
	position: relative;
	width: 1000px;
	top:0px;
	left:0px;
	background: #313234;
	text-align:left;
	padding-bottom:25px;
	min-height:550px;
}
.bloc_actu{
	position: relative;
	width: 840px;
	top:25px;
	text-align:justify;
	margin:0 auto;
	padding-bottom:25px;
	margin-bottom:10px;
}
.photo_actu{
	position: relative;
	float:left;
	width:152px;
	height:152px;
	top:0px;
	left:0px;
	margin-right:20px;
}
.bloc_actu h3{
	position: relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	color:#f5f5f5;
	font-size:11px;
	font-weight:normal;
}
.bloc_actu p{
	position: relative;
	top:0px;
	left:0px;
	margin:3px 0 15px 0;
	padding:0;
	color:#babbbb;
	font-size:11px;
	font-weight:normal;
}
.bloc_actu a{
	position: relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	color:#babbbb;
	font-size:11px;
	font-weight:normal;
}
.bloc_actu a:hover{
	text-decoration:underline;
}
.bloc_actu a:focus{
	-moz-outline-style:none;
}

/* contact */


#legende_contact{
	position: relative;
	margin-top:10px;
	top:0px;
	left:250px;
	text-align:center;
	width:500px;
	color: #ddddde;
}
#legende_contact a{
	color: #ddddde;
}

#logo_contact{
	position: absolute;
	top:0px;
	left:650px;
}

/* bio */

.bio_texte{
	position: relative;
	list-style-type:none;
	top:35px;
	left:110px;
	margin:0px;
	padding:0px;
	width: 780px;
	text-align:justify;
	color: #ddddde;
	line-height:18px;
}
.english{
	color: #aaaaaa;
}
.bio_texte li{
	margin-top:5px;
}
.bio_texte a{
	color: #ddddde;
}

/* page works modifs */


#vignettes{
	position: relative;
	margin:0px;
	padding:0px;
	width:1000px;
	text-align:center;
}
.repertoire{
	position: relative;
	float:left;
	top: 0;
	left: 0;
	text-align:center;
}
.repertoire a{
	color: #525354;
	text-decoration:none;
}
.repertoire a:hover{
	color: #666769;
}
.taille_normale{
	width:333px;
	margin:50px 0px 0px 0px;
}