@charset "utf-8";
/* CSS Piano J-S */
*/

body{
	background-color:#4b4b4d;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

a img{
	border:none;
}


/*********** BLOC ***********/
#bloc{
	width:960px;
	min-height:500px;
	margin:0px auto;
	position:relative;
}

/*********** HEADER ***********/
#header{
	background-color:#333;
	color:#FFF;
	width:960px;
	height:80px;
	text-align:center;
}

/*********** NAV ***********/
#nav{
	background-color:#999;
	width:960px;
	height:40px;
	color:#FFF;
}

#nav ul{
	margin:0;
	list-style-type:none;
}

#nav ul li{
	display:inline-block;
}

#nav ul li a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#nav ul li a:hover{
	color:#000;
}

/*********** CONTENT ***********/
#content{
	background-color:#FFF;
	width:880px;
	min-height:420px;
	padding:40px;
}

#content #changer_cle{margin:25px 0;}

#content #cle_sol{
	background:url(img/partition_cle_sol_vierge.png) no-repeat;
	width:580px;
	height:227px;
	position:relative;
}

#content #cle_sol .note_nom{
	font-size:3em;
	color:#333;
	margin:0;
	padding:0;
}

#content #cle_sol .note{
	position:absolute;
	left:130px;
}

#content #cle_fa{
	background:url(img/partition_cle_fa_vierge.png) no-repeat;
	width:580px;
	height:227px;
	position:relative;
	margin-top:25px;
}

#content #cle_fa .note_nom_fa{
	font-size:3em;
	color:#333;
	margin:0;
	padding:0;
}

#content #cle_fa .note_fa{
	position:absolute;
	left:130px;
}

/*********** FOOTER ***********/
#footer{
	width:960px;
	min-height:15px;
	text-align:right;
}

/*********** CLASS ************/


/* des que t'as un float, applique cette class sur le bloc parent pour �viter probl�me de layout*/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } /*\0020 : caract�re vide invisible */
.clearfix:after { clear: both; }
.ie8 .clearfix { zoom: 1; } /* pour IE 8*/