/* Général */
* { margin: 0; padding: 0; border: none; }
	
a:link, a:visited, a:hover, a:active { color: #f18a00; }
a:link img, a:visited img, a:hover img, a:active img { border: none; }


body {
	background: #43363f url(images/refonte-fondDePage.gif) left top repeat-x;
	font: 100% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #800;
}

select { 
	color: #800;
	width: 150px;
	font: .9em/1.8em "Futura", Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 7px;
}


#navigation a { color:#800; }

#navigation h1 {
	background: #e9e8e0 url(images/refonte-h1.jpg) right top repeat-y;
	font-weight: lighter;
	font-size: 1em;
	padding: 4px 0 0 15px; 
	border-bottom: dashed 1px #800;
}

#global {
	width: 900px;
	margin: 0 auto;
}

#entete {
	height: 181px;
	background: #fff url(images/headerArtistes.jpg) left top no-repeat;
}

#centre {
	width: 100%;
	overflow: hidden;
	background: #fff url(images/refonte-droite-blanc.jpg) right top no-repeat;
	/*background: url(images/refonte-colonne.png) repeat-y;*/
}

#navigation {
	float: left;
	width: 166px;
	font: 1em/1.6em "Futura", Geneva, Arial, Helvetica, sans-serif;
	border-right: solid 1px #ccc;
	background: #fff url(images/refonte-colonne.png) left top repeat-y;
}

#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

#principal, #principalArtiste {
	float: left;
	font:0.9em/1.2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#555455;
}

#principal {
	padding: 40px 20px;
	width: 650px;
}

#principalArtiste {
	width: 494px;
	padding: 380px 20px 10px 20px;
}

#principal p { margin: 0 0 .4em 0; }

#principalArtiste h1 {
	font-weight: lighter;
	font-size: 1em;
	padding: 1em 1em 0 1em; 
	font: lighter 1.2em "Futura", Geneva, Arial, Helvetica, sans-serif;
	color: #800;
}

#principalArtiste > :first-child {
	margin-top: 10px;
}
#principalArtiste p, #principalArtiste li {
	padding: .5em 1em 0 1em; 
}

/* Contenu secondaire */
#secondaire {
	margin-left: 700px;
	margin-right: 0px;
	font: 1em/1.8em "Futura", Geneva, Arial, Helvetica, sans-serif;
	border-left: solid 1px #ccc;
}

#secondaire h1 {
	background: #e9e8e0;
	font-weight: lighter;
	font-size: 1em;
	padding: 4px 0 0 15px; 
	border-bottom: dashed 1px #800;
}
#secondaire img { margin: .5em; }
#secondaire p { 
	padding: .5em;
	font: .9em/1.2em "Futura", Geneva, Arial, Helvetica, sans-serif;
}

/* Pied de page */
#footer { color: #fff; text-align:center; padding: 20px 0 10px 0; font-size:10px;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #f18a00; text-align:center; }

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}

#navigation h1.hautGauche { background: #e9e8e0 url(images/refonte-h1Gauche.jpg) left top no-repeat; }
#secondaire h1.hautDroite { background: #e9e8e0 url(images/refonte-h1Droite.jpg) right top no-repeat; }

.cell1 { width: 30%; float: left; padding: 5px; border-bottom: 1px solid #999; }
.cell2 { width: 30%; float: left; padding: 5px; text-align:center; border-bottom: 1px solid #999; }
.cell3 { width: 30%; float:left; padding: 5px; text-align: center; border-bottom: 1px solid #999; }