/*

	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 (LIENS)

-----------------------------------------*/

#entete_liens {

	text-align:right;

	padding-bottom:8px;

	font-size:10px;

	font-family: Arial;

	text-transform:uppercase;

}



#entete_liens a {

	text-decoration:none;

}





/* 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;

}