/* *** ####################################### *** */

/* *** couleurs *** */
/*	#620C17; /* bordeau foncé */
/*	#655052; /* gris texte */
/*	#FBEDC8; /* creme */
/*	#7F1E2B; /* bordeau */
/*	#8C2633; /* bordeau clair */

@import url(generiques.css);
@import url(menu.css);

body
{
	background:#500C16 url(../images/fond-body.jpg) repeat-y top center;
}

#container
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	font-size:1.4em;
	line-height:1.2em;
	color:#620C17; /* bordeau texte */
	background-color:#fff;
}


/* ###########################################################
		HEADER FOOTER
########################################################### */

#header
{
	margin:0px;
	height:112px;
	position:relative;
	background:#ffffff url(../images/header-fond.png) no-repeat left top;
}
#header h1
{
	position:absolute;
	top:0;left:0px;
	width:330px;
	height:112px;
	background:url(../images/kanyounkou-musique-africain.png) no-repeat left top;
}
#header h1 a{display:block;width:330px;height:112px;}

#header h2
{
	position:absolute;
	bottom:10px;right:40px;
	width:434px;
	height:56px;
	background:url(../images/spectacles-musique-africaine.png) no-repeat left top;
}

#sousHeader
{
	clear:both;
	height:90px;
	padding:8px 0;
	background-color:#FBEDC8;
}
#sousHeader a#btTelecharger
{
	display:block;
	width:240px;
	height:88px;
	background:url(../images/bt-telechargez-musique.png) no-repeat left top;
}
#sousHeader a#btTelecharger:hover{background-position:0px -88px;}
#sousHeader a#btTelecharger span{margin-top:-3000px;position:absolute;}


#footer
{	
	clear:both;
	height:32px;
	line-height:32px;
	background:url(../images/footer.jpg) no-repeat top left;
	color:#fff;
	padding:0px 20px;
}
#footer a{color:#fff;}
#sousFooter{background-color:#540A14;}

#pubFooter
{
	clear:both;
	text-align:center;
	height:90px;
	background-color:#500C16;
}


#pubFooter
{
	clear:both;
	text-align:center;
	height:90px;
	background-color:#500C16;
}

/* ###########################################################
		CONTENU
########################################################### */

#centre
{	
	clear:both;
	margin:10px 0px 10px 0;
}

#colGauche
{
	width:342px;
	float:left;
	display:inline;/* bug IE */
	margin:0 0 0 14px;
	overflow:hidden;
}

#colDroite
{
	width:342px;
	float:left;
	display:inline;/* bug IE */
	overflow:hidden;
}

#colCentre
{
	width:612px;
	margin:0 14px;
	float:left;
	display:inline;/* bug IE */
	overflow:hidden;
}

#colCentre.fullTexte
{
	width:450px;
	overflow:hidden;
}

/* ###########################################################
		PICTOS
########################################################### */
.ptDate{padding-left:17px;background: url(../images/ico-cataloonya-date.png) no-repeat 0 3px;}
.ptHeure{padding-left:17px;background: url(../images/ico-cataloonya-heure.png) no-repeat 0 3px;}
.ptVide{padding-left:17px;}

.ptLieu{padding-left:17px;background: url(../images/ico-cataloonya-salle.png) no-repeat 0 3px;}
.ptAdresse{padding-left:17px;background: url(../images/ico-cataloonya-adresse.png) no-repeat 0 3px;}

.ptTarif{padding-left:17px;background: url(../images/ico-cataloonya-tarif.png) no-repeat 0 3px;}

.ptLoupe{padding-left:17px;background: url(../images/ico-cataloonya-loupe.png) no-repeat 0 3px;}
.ptArtiste{padding-left:17px;background: url(../images/ico-cataloonya-annonceur.png) no-repeat 0 3px;}

/* ###########################################################
		BOITES
########################################################### */
h3.entete
{
	height:47px;
	line-height:47px;
	color:#FBEDC8; /* creme */
	padding:0 20px;
	background:#fff url(../images/fond-entete-large.jpg) repeat-x left bottom;
}
h4.entete
{
	height:47px;
	line-height:47px;
	color:#FBEDC8; /* creme */
	padding:0 20px;
	background:#fff url(../images/fond-entete-court.jpg) repeat-x left bottom;
}
h4.entete a{font-size:0.6em;line-height:0.6em;margin-top:8px;}
.box
{
	padding:10px;
	border-left:1px solid #620C17; /* bordeau foncé */
	border-right:1px solid #620C17; /* bordeau foncé */
	background:#fff url(../images/fond-boite.jpg) repeat-x left bottom;
}

.footerBoxCourt
{
	clear:both;
	width:342px;
	height:10px;
	background:#fff url(../images/fond-footer-court.jpg) no-repeat right top;
}
.footerBoxLarge
{
	clear:both;
	width:612px;
	height:10px;
	background:#fff url(../images/fond-footer-large.jpg) no-repeat left top;
}

/* ###########################################################
		BOX
########################################################### */
#box_pubHeader
{
	width:728px;
	padding:0 11px;
	float:left;
}
#box_newsletter
{
	width:240px;
	height:93px;
	float:left;
}
#box_newsletter form#form_newsletter
{
	padding:0 5px;
	border-left:1px solid #620C17;
	border-right:1px solid #620C17;
	height:73px;
}
#box_newsletter form#form_newsletter fieldset input{width:120px;border:1px solid #620C17; /* bordeau foncé */}
#box_newsletter form#form_newsletter fieldset .btOk{background:url(../images/bt-ok.png) no-repeat 0px 0px;width:46px;height:26px;border:none;}
#box_newsletter .newsletterTop{width:240px;height:10px;background:#fff url(../images/newsletter-top.png) no-repeat right top;}
#box_newsletter .newsletterBottom{width:240px;height:10px;background:#fff url(../images/newsletter-bottom.png) no-repeat right top;}

/** boite à outil de la fiche */
#toolsBox ul li{float:left;display:inline;}
#toolsBox ul li a.tools
{
	float:left;
	display:inline;
	width:16px;height:16px;
	margin:3px 8px !important;
	padding:4px 0px 0px 0px;
}
#toolsBox ul li a.tools span{position:absolute;text-indent:-3000px;}
#toolsBox ul li a.tools:hover{border-top:2px dotted #620C17; /* bordeau foncé */}

#toolsBox ul li a.linkDelicious{background:url(../images/icones/delicious.png) no-repeat left bottom;}
#toolsBox ul li a.linkDigg{background:url(../images/icones/digg.png) no-repeat left bottom;}
#toolsBox ul li a.linkStumbleUpon{background:url(../images/icones/stumbleupon.png) no-repeat left bottom;}
#toolsBox ul li a.linkFacebook{background:url(../images/icones/facebook.png) no-repeat left bottom;}
#toolsBox ul li a.linkWikioFr{background:url(../images/icones/wikio.gif) no-repeat left bottom;}
#toolsBox ul li a.linkTechnorati{background:url(../images/icones/technorati.png) no-repeat left bottom;}
#toolsBox ul li a.linkGoogle{background:url(../images/icones/googlebookmark.png) no-repeat left bottom;}
#toolsBox ul li a.linkBlogmarks{background:url(../images/icones/blogmarks.png) no-repeat left bottom;}
#toolsBox ul li a.linkMagnolia{background:url(../images/icones/magnolia.png) no-repeat left bottom;}
#toolsBox ul li a.linkSendFriend{background:url(../images/icones/email_link.png) no-repeat left bottom;}

/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232; /* gris trés foncé*/
	
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#323232; /* gris trés foncé*/text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232; /* gris trés foncé*/;padding:2px 4px 2px 4px;}

/* ###########################################################
		PAGE ACCUEIL
########################################################### */

ul#lastsEvents,
ul#lastsEventsModified{
	padding:0;
}

ul#lastsEventsModified li,
ul#lastsEvents li{
	padding:10px;
	border-bottom:1px dotted #7F1E2B; /* bordeau */
	background:url(../images/puce-bordeau.gif) no-repeat 0 15px;
}

/* ###########################################################
		LISTING
########################################################### */

/********************************** evenements **/
ul#listing{
	
}

ul#listing li{
	padding:10px;
	border-bottom:1px dotted #7F1E2B; /* bordeau */
}

ul#listing li h3{margin-bottom:4px;font-size:1.1em;line-height:1.3em;}

ul#listing li .col_listingVisuel{
	width:128px;
	float:left;
	display:inline;
	text-align:center;
}
ul#listing li .col_listingDateCalendar{
	width:70px;
	float:left;
	display:inline;
	text-align:center;
}
ul#listing li .col_listingDateCalendar .date{padding:2px 0;text-align:center;width:61px;height:61px;overflow:hidden;background:url(../images/cataloonya-bg-date.png) no-repeat left top}
ul#listing li .col_listingDateCalendar .date .jour{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold}
ul#listing li .col_listingDateCalendar .date .jdate{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:24px;line-height:16px;font-weight:bold}
ul#listing li .col_listingDateCalendar .date .mois{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;}

ul#listing li .col_listingContent{
	width:360px;
	float:left;
	display:inline;
	margin-left:10px;
}
ul#listing li .col_listingContent p{margin:0}
ul#listing li .col_listingContent .listingContent_navCategorie{margin-bottom:8px;}
ul#listing li .col_listingContent .listingContent_navCategorie a{
	font-size:0.8em;
	color:#666;
}
ul#listing li .col_listingContent .adresse{
	font-size:0.9em;
}
ul#listing li .col_listingContent .listingContent_venue a
{
	font-size:0.9em;
	color:#333;
}

ul#listing li .col_listingContent  .listingContent_description
{
	margin-top:3px;
	text-align:justify;
	font-style:italic;
	font-size:0.9em;
}

ul#listing li .col_listingContent  .listingContent_lireSuite
{
	margin-top:6px;
}
/********************************** Catégories **/
ul#categories{
	
}
ul#categories li{
	border-bottom:1px dotted #7F1E2B; /* bordeau */
	padding:10px 0;
}

ul#categories li h3{
	color:#F2673A;
	background: url(../images/puce-fleche.png) no-repeat 0 2px;
	padding-left:17px;
	font-size:1.2em;
	margin-bottom:0;
	border:none;
}
ul#categories li.select, ul#categories li.select h3{background-color:#FBDDCA;}

ul#categories li ul.ssCategories{
	padding-left:17px;
}

ul#categories li ul.ssCategories li{
	border-bottom:none;
	margin:0;
	padding:0;
	display:inline;
}

ul#categories li ul.ssCategories li, ul#categories li ul.ssCategories li a{
	font-size:1em;
	color:#333;
}
ul#categories li ul.ssCategories li a.select{font-weight:bold;font-style:italic;}

/* ###########################################################
		FICHE EVENEMENT
########################################################### */
#ficheVisuel
{
	float:left;
	width:300px;
	text-align:center;
	margin-top:8px;
}
#ficheContent
{
	float:left;
	width:280px;
	padding-left:10px;
	text-align:justify;
}
#ficheContent div p
{
	margin:6px 0;
}

/* ###########################################################
		PAGE TELECHARGEMENT
########################################################### */

table#downloadAlbum
{
	clear:both;
	width:100%;
}
table#downloadAlbum td{padding:0px 10px}

/* ###########################################################
		PAGES FORMULAIRES
########################################################### */
#formulaire{}

#formulaire fieldset legend
{
	font-weight:bold;
	/*border-bottom:1px solid #999;*/
	
	padding:6px 10px;
	margin-bottom:4px;
}

#formulaire fieldset label{width:200px;}
#formulaire fieldset input,
#formulaire fieldset select,
#formulaire fieldset textarea{width:260px;border:1px solid #620C17; /* bordeau foncé */}
#formulaire fieldset input.classDate{width:100px;}

#formulaire fieldset input.checkbox,
#formulaire fieldset input.radio,
#formulaire fieldset input.image{width:auto;border:none}

/* formulaire ONFOCUS */
#formulaire fieldset select:focus{background-color:#FBEDC8; /* jaune */}
#formulaire fieldset input:focus{background-color:#FBEDC8; /* jaune */}
#formulaire fieldset textarea:focus{background-color:#FBEDC8; /* jaune */}

/* boutons de formulaire */
#formulaire fieldset .btContinuer{background:url(../images/bouton-continuer.png) no-repeat 0px 0px;width:260px;height:56px;border:none;}
#formulaire fieldset .btEnvoyer{background:url(../images/bt-envoyer.png) no-repeat 0px 0px;width:86px;height:26px;border:none;}
#formulaire fieldset .btValider{background:url(../images/bouton-valider.png) no-repeat 0px 0px;width:260px;height:56px;border:none;}



#formulaire fieldset .btContinuer:hover,
#formulaire fieldset .btValider:hover
{background-position:0px -56px;}

span.explicationsChamps{
	color:#999999;
	display:block;
	font-size:0.9em;
	font-style:italic;
	line-height:1.1em;
	width:290px;
	margin-left:210px;
}

/* ###########################################################
		PAGES ACTUALITES
########################################################### */