/* ---------------------------------------------------------------------------- */
/*                                 Elements generaux                            */
/* ---------------------------------------------------------------------------- */
html, body {
	margin:0px;
	padding:0px;
	}
body {
	margin-top: 2px;
	padding: 0px;
	font: 0.8em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #333 url(images/BG_html.jpg) no-repeat top left;
	}
img{
	border: none;
	}
.small{
	font-size:90%;
	}
acronym {
	cursor: help;
	border-bottom: 1px dashed #000;
	}
sup{
	font-size:95%;
	vertical-align: top;
	}
address{
	padding:20px 0px 5px 15px;
	}
.floatRight{
	float: right;
	margin:0px 10px 10px 10px;
	padding:0px 0px 5px 0px;
	}

#container{
	margin:0px 0px 100px 5px;
	width: 1000px;
	}
#logoCentre{
	position:absolute;
	top:0px;
	left:0px;
	width:125px;
	height:133px;
	z-index: 100;
	}
/* ---------------------------------------------------------------------------- */
/*                                 Elements print                            */
/* ---------------------------------------------------------------------------- */
#logoPrint{
	display:none;
	}
#modeEcran{
	display:none;
	}
#dateImprim{
	display:none;
	}
/* ---------------------------------------------------------------------------- */
/*                                    Container A                               */
/* ---------------------------------------------------------------------------- */
#A{
	height:20px;
	background-color: #000;
	text-align: right;
	padding:0px 50px 0px 0px;
	}
#A ul{
	margin:0px;
	padding:0px;
	}
#A li{
	display:inline;
	list-style: none inside;
	padding-right:15px;
	}
#A a:link,#A a:visited{
	text-decoration:underline;
	color:#fff;
	}
#A a:hover{
	text-decoration:none;
	color:#fff;
	}
/* ---------------------------------------------------------------------------- */
/*                                    Container B-h                             */
/* ---------------------------------------------------------------------------- */	
#B-h{
	width:1000px;
	height:400px;
	/*background: transparent url(images/imgHome_a.jpg) no-repeat top left;*/
	}
#B-h span{
	display:none;
	}
#context_home{
	/*float:left;
	margin:200px 0px 0px 40px;*/
	position: relative;
	top:200px;
	left:40px;
	width:440px;
	}
#context_home p{
	margin:15px 0px 0px 0px;
	padding-bottom:10px;
	color:#000000;
	text-align: center;
	font-size:80%;
	}
#context_home a:link,#context_home a:visited{
	text-decoration:underline;
	color:#000;
	}
#context_home a:hover{
	text-decoration:none;
	color:#000;
	}
.context_home{
	float:left;
	width:100px;
	padding-right:10px;
	}
/* ---------------------------------------------------------------------------- */
/*                                    Container B-c                             */
/* ---------------------------------------------------------------------------- */		
#B-c{
	width:1000px;
	height:205px;
	background: transparent url(images/BG_B-c.jpg) no-repeat top left;
	}
#logo{
	float:left;
	width:210px;
	height:145px;
	padding-top:60px;
	padding-left:40px;
	text-align: left;
	}
#guitare{
	float:left;
	width:135px;
	height:205px;
	}
#navigation{
	float:left;
	width:615px;
	height:205px;
	/*background: transparent url(images/txt_emotions.png) no-repeat 15px 25px;*/
	}
#theme{
	margin-top:85px;
	}
#theme ul{
	margin:0px;
	padding:0px;
	}
#theme li{
	display: inline;
	list-style: none inside none;
	padding:5px 20px 0px 25px;
	background: transparent url(images/li_theme.png) no-repeat left;
	}
#theme a:link,#theme a:visited{
	color:#000;
	text-decoration: none;
	font-weight:bold;
	font-size:110%;
	}
#theme a:hover{
	color:#dadada;
	text-decoration: none;
	font-weight:bold;
	font-size:110%;
	}
#theme a.selected{
	color:#dadada;
	}
#trace{
	margin:25px 0px 0px 25px;
	}
#trace ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	}
#trace li{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style: none inside;
	display:inline;
	}
#trace a:link,#trace a:visited{
	color:#3f3f3f;
	text-decoration: none;
	}
#trace a:hover{
	color:#dadada;
	text-decoration: none;
	}
#trace li.traceImg{
	margin-left:5px;
	padding-left:20px;
	background: url(images/trace.png) no-repeat center left;
	}
#niveau{
	margin:15px 0px 0px 50px;
	}
#niveau ul{
	margin:0px;
	padding:0px;
	}
#niveau li{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style: none inside;
	display:inline;
	}
#niveau a:link,#niveau a:visited{
	color:#3f3f3f;
	text-decoration: none;
	}
#niveau a:hover{
	color:#dadada;
	text-decoration: none;
	}
.niveauImg{
	padding-left:20px;
	background: url(images/sepNiveau.png) no-repeat center left;
	}
/* ---------------------------------------------------------------------------- */
/*                                    Container C-h                             */
/* ---------------------------------------------------------------------------- */	
#C-h{
	width:1000px;
	background-color: #333;
	}
.blocHome_A{
	float:left;
	width:177px;
	min-height: 150px;
	margin:20px 0px 0px 50px;
	padding:30px 10px 10px 23px;
	background: #999999 url(images/BG_blocHome.gif) no-repeat top left;
	}
.blocHome_A h1{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#000;
	font-weight:bold;
	font-size:105%;
	}
.blocHome_A ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	}
.blocHome_A li{
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style-type: none;
	}
.blocHome_A a:link,.blocHome_A a:visited{
	text-decoration:underline;
	font-weight: bold;
	color:#dadada;
	}
.blocHome_A a:hover{
	text-decoration:none;
	font-weight: bold;
	color:#dadada;
	}
.blocHome_B{
	float:left;
	width:177px;
	min-height: 150px;
	margin:20px 0px 0px 135px;
	padding:30px 10px 10px 23px;
	background: #999999 url(images/BG_blocHome.gif) no-repeat top left;
	}
.blocHome_B h1{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#000;
	font-weight:bold;
	font-size:105%;
	}
.blocHome_B a:link,.blocHome_B a:visited{
	text-decoration:underline;
	font-weight: bold;
	color:#dadada;
	}
.blocHome_B a:hover{
	text-decoration:none;
	font-weight: bold;
	color:#dadada;
	}
.pied{
	clear:both;
	width:950px;
	padding:30px 50px 20px 0px;
	color:#dadada;
	text-align: right;
	}
/* ---------------------------------------------------------------------------- */
/*                                    Container C-c                             */
/* ---------------------------------------------------------------------------- */
#C-c{
	width:1000px;
	/*height:300px;*/
	background: #333333 url(images/BG_C-c.jpg) no-repeat top left;
	}
#content{
	float:left;
	width:630px;
	padding:50px 40px 10px 40px;
	}
#content h1{
	margin:0px;
	padding-bottom:15px;
	font-size:170%;
	color:#dadada;
	font-family: Myriad,Helvetica,Verdana, Geneva, Arial, sans-serif;
	font-weight: normal;
	}
#content h2{
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size:130%;
	color:#fbd9a8;
	font-family: Myriad,Helvetica,Verdana, Geneva, Arial, sans-serif;
	font-weight: normal;
	}	
#content p{
	margin:0px;
	padding-bottom:10px;
	color:#dadada;
	}
#content a:link,#content a:visited{
	color:#dadada;
	text-decoration:underline;
	}
#content a:hover{
	color:#dadada;
	text-decoration:none;
	}
#content td.legende{
	font-size:90%;
	color:#dadada;
	}
#content ul{
	margin:0px;
	padding:0px;
	}
#content li{
	margin:0px;
	padding:3px 0px 3px 10px;
	list-style-type: none;
	}
#context_content{
	float:left;
	width:240px;
	margin-top:50px;
	}
#context_content p{
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:90%;
	color:#dadada;
	}
#spacer{
	clear:both;
	width:1000px;
	}
#D{
	width:1000px;
	height:75px;
	background: #333333 url(images/BG_D.gif) repeat-x top left;
	text-align: right;
	}
#D p{
	margin:0px;
	padding:30px 50px 0px 0px;
	color:#dadada;
	}
#by{
	width:1000px;
	height:75px;
	text-align: right;
	}
#by p{
	margin:0px;
	padding:30px 50px 0px 0px;
	color:#dadada;
	}
#by a{
	color:#dadada;
	text-decoration:none;
	}