/*
	CSS pour JLC
	Emilie - egzakt.com
	2007-01-09
*/

body {
	background-color:#FFFFFF;
	font:11px/13px Arial, Verdana, sans-serif;
	margin:10px 0;
	color:#1A1613;
}

/* Titre orchestre */
h1 {
	font: 14px/18px Arial, Verdana, sans-serif;
	color:#1A1613;
	text-transform:uppercase;
	margin:0;
}

h1 a {
	text-decoration:none;
}

h1#section_nom {
	margin-bottom:10px;
}

/* Titre artiste */
h2 {
	font: bold 12px/18px Arial, Verdana, sans-serif;
	color:#524940;
	margin:0;
}

/* Date */
h3 {
	font: bold 11px/16px Arial, Verdana, sans-serif;
	color:#9A852A;
	margin:0;
}

/* Titre nouvelle vedette */
h4 {
	font: 10px/12px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	margin:0;
	text-transform:uppercase;
}

h4 a {
	text-decoration:none;
}

h4 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

/* Date vedette */
h5 {
	font: 9px/12px Arial, Verdana, sans-serif;
	color:#585826;
	text-transform:uppercase;
	margin:0;
}

a {
	cursor:pointer;
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#A18C36;
}

img {
	border:0;
}

#wrapper {
	width:745px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}


/* ENTETE
-----------------------------------------*/
#entete {
	background-color:#1A1613;
	height:69px;
	padding-top:5px;
	border-bottom:3px solid #FFFFFF;
}

#langues {
	background:url(../images/tuiles/langues.jpg) no-repeat top left;
	float:left;
	width:185px;
	height:56px;
	padding:10px 0 0 20px;
	border-top:3px solid #FFFFFF;
}

#langues a {
	display:block;
	width:39px;
	padding-bottom:1px;
}

#langues a:hover {
	background:transparent;
}

#langues a .over {
	position:absolute;
	visibility:hidden;
}

#langues a:hover .over {
	visibility:visible;
}

#logo {
	float:left;
	border-top:3px solid #FFFFFF;
}



/* COLONNES
-----------------------------------------*/
#fond_colonnes {
	background:url(../images/tuiles/colonnes.gif) repeat-y;
	border-bottom:3px solid #FFFFFF;
}

#fond_colonnes_accueil {
	background:url(../images/tuiles/colonnes_accueil.gif) repeat-y;
	border-bottom:3px solid #FFFFFF;
}

#vedettes {
	float:left;
	width:186px;
	background-color:#A18C36;
}

#principal {	
	float:right;
	width:556px;
}


/* VEDETTES
-----------------------------------------*/
.vedette {
	color:#FFFFFF;
	padding:0px 20px 12px 20px;
}

.vedette a {
	color:#FFFFFF;
	font:9px/12px Arial, Verdana, sans-serif;
}

.vedette a.plus:hover {
	color:#41352C;
}

#ambiance {
	border-top:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;	
}

#patch {
	background-color:#524940;
	height:20px;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	background:url(../images/tuiles/navigation.gif) repeat-x;
	height:23px;
}

#navigation a:hover, a.bouton_lien:hover, #categories a:hover {
	background:transparent;
}

#navigation a .over, a.bouton_lien .over, #categories a .over {
	position:absolute;
	visibility:hidden;
}

#navigation a:hover .over, a.bouton_lien:hover .over, #categories a:hover .over {
	visibility:visible;
}

a#agenda_lien {
	display:block;
	margin-bottom:3px;
}



/* CONTENU
-----------------------------------------*/
#contenu {
	padding:11px;
}

#contenu_accueil {
	background:url(../images/photos/accueil.jpg) no-repeat top left;
	padding:20px 295px 20px 11px;
	color:#FFFFFF;
	height:240px;
	border-bottom:3px solid #FFFFFF;
}


/* AGENDA
-----------------------------------------*/
#categories {
	margin-bottom:3px;
}

#choix {
	overflow:auto;
	height:1%;
}

#choix a.categorie {
	float:left;
}

#tri {
	padding:4px 10px 4px 10px;
	background:url(../images/tuiles/tri.jpg) repeat-y top left;
	font:10px/13px Arial, Verdana, sans-serif;
	text-transform:uppercase;
	margin:3px 0 12px 0;
}

#tri a {
	font-weight:bold;	
}

#tri a:hover, #tri a.selected, #tri a.selected:hover {
	color:#B9A868;
}

#tri span {
	color:#B9A868;
}

.oeuvre .plus {
	margin-top:3px;
}

.oeuvre .plus a {
	color:#524940;
	font:10px/14px Arial, Verdana, sans-serif;
}

.oeuvre .plus a:hover {
	color:#A18C36;
}

#retour {
	text-align:right;
	margin-bottom:10px;
}

#concert_entete {
	border-bottom:2px solid #E8E2D0;
	margin-bottom:3px;
	padding-bottom:3px;
}


/* REPERTOIRE
-----------------------------------------*/
#form_categorie {
	margin:0 0 15px 0;
}

#form_categorie select {
	font:11px/14px Arial, Verdana, sans-serif;
	border:1px solid #A18C36;
	color:#1A1613;
	padding:2px;
}

#lettres {
	background-color:#C5B682;
	padding:5px 11px;
	width:393px;
	float:left;
}

#lettres a {
	color:#585826;
	padding-right:5px;
}

#lettres a:hover {
	color:#FFFFFF;
}

#lettres a.selected, #lettres a.selected:hover {
	color:#FFFFFF;
	font-weight:bold;
}

a#discographie_lien {
	float:right;
}

.oeuvre {
	background:url(../images/tuiles/agenda.jpg) repeat-y top left;
	padding:7px 10px 7px 10px;
	margin-bottom:3px;
}

#discographie {
	float:left;
	width:415px;
}



/* SIGNATURE
-----------------------------------------*/
#signature {
	border-top:5px solid #1A1613;
	text-align:right;
	padding-top:5px;
}

#signature a {
	text-decoration:none;
	font:9px/12px Arial, Verdana, sans-serif;
	text-transform:uppercase;
}


/* PAGE TEXTE
-----------------------------------------*/
.page_texte {
	margin-right:85px;
}

.texte_petit {
	font:10px/12px Arial, Verdana, sans-serif;
	color:#7A736D;
}