/*_______GENERAL______*/

body {
	background-color:#484848;
	font-family:Arial;
	font-size: 11px;
	margin:30px 0 30px 0;
}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;color: #FF0066;}
a:hover {text-decoration: underline;}

img {border:0;}

.clear {clear:both; width:1px; height:1px;display:block;}
.blank {width:auto; height:10px;}

h1 {font-size:350%; font-weight:bold; display:block; float:left; width:610px; padding:0; margin:10px 0 0 0;}
h1 span {color:#ff00a8;}

div#contenaire { width:940px; height:auto; background:#fff; padding:15px;margin-right: auto;margin-left: auto;text-align: center;}

div#general {padding:0;}
div#top {height:70px; text-align:left;}

div#acby-menu {float:right; height:60px; width:275px; border-left:1px solid #909090; text-align:right;}
#acby-menu ul {list-style-type:none;}
#acby-menu ul li{list-style-type:none; display:inline;}
#acby-menu ul li img {border:none;margin:2px 5px 0 0;float:left;}
#acby-menu ul li a {float:left;margin-right:8px;color:#909090;}

div#menu{background:#333 url(../../images/banniere_header.jpg) no-repeat; height:auto;}
#menu #photo {height:220px;}
#menu #lien {height:30px;background:url(../../images/bg-menu.png) repeat; }
#menu #lien ul {list-style-type:none;text-align:left;padding:0; margin:0;}
#menu #lien ul li {height:30px;list-style-type:none; float:left; padding:0; margin:0;border-right:1px solid #fff;}
#menu #lien ul li a {color:#fff; font-size:130%; font-weight:bold; display:block; padding:8px 15px 0 15px; margin:0;}
#menu #lien ul li a:hover {text-decoration:none; background:url(../../images/bg-menu-hover.png) repeat; height:26px; width:auto;}
#menu #lien ul li a.on {text-decoration:none; background:url(../../images/bg-menu-hover.png) repeat; height:26px;}

#contenu {height: auto;width: auto;overflow: auto;margin-top:15px;}
#bottom {border-top: 1px solid #ccc; margin-top:20px;}

/*_____________________________________PARTIE GAUCHE DU SITE_______________________________*/

#left {text-align: justify;height: auto;width: 500px;float:left;}
#left h2 {font-size:140%; color: #909090; font-weight:bold; text-transform:uppercase; padding:0;margin:0 0 15px 0;border-bottom:1px solid #ccc;}
#left h3 {font-size:150%; color:#000; font-weight:bold; text-transform:uppercase; padding: 0; margin:0; display:block;}
#left h4 {font-size:150%; color:#FF00A8; font-weight:bold; padding: 0; margin:0; display:block;}
#left span {color:#888;}
#left a.lien_pagination {padding:2px 5px 2px 5px; border:1px solid #ccc;color:#000;}
#left span.on {padding:2px 5px 2px 5px; border:1px solid #ccc;}

.artistes {height: auto;width: 165px;border: 1px solid #BCBCBC;float:right;margin-right:8px;padding-left:5px;padding-bottom:8px;margin-bottom:15px;}
.commentaire {background:#EEEEEE; margin-bottom:15px;padding:5px;}

#left ul.rub-liens {list-style-type:none;margin:0; padding:0;}
#left ul.rub-liens li {display:block; padding:5px;height:auto;overflow:hidden;margin:5px 0; padding:0;}
#left ul.rub-liens li img {height:45px; width:45px; float:left; padding:3px; border:1px solid #ccc; margin:0 5px 0 0;}

/*_____________________________________PARTIE DROITE DU SITE_______________________________*/

#right {text-align: left;width: 400px;float:right;overflow: auto;}
#right h2 {font-size:140%; color: #909090; font-weight:bold; text-transform:uppercase; padding:0;margin:0;}
#right h3 {font-size:130%; color:#ccc; font-weight:bold; text-transform:uppercase; padding:0; margin:0;}

.albums-du-moment {min-height:120px; height:auto; overflow:hidden; background:#eee; padding:8px; display:block;margin:0 0 10px 0;position:relative;}
.albums-du-moment span {color:#666;}
.albums-du-moment img  {border:#fff 4px solid; margin-right:5px; height:110px; width:110px; float:left; position:relative;}
.albums-du-moment img.photo-article  {border:#fff 4px solid; margin-left:5px; height:200px; width:200px; float:right; position:relative; }
.albums-du-moment img.photo-article-liverep  {border:#fff 4px solid; margin-left:5px; height:200px; width:200px;float:none; position:relative;}
.albums-du-moment img.note{height:auto; width:auto; float:none;border:0;margin:0;}

.decouverte {min-height:60px; height:auto; overflow:hidden; border:1px dotted #ddd; padding:8px; display:block;margin:0 0 10px 0;}
.decouverte span {color:#666;}
.decouverte img  {border:#fff 4px solid; margin-right:5px; height:50px; width:50px; float:left; padding:3px; border:1px solid #ccc; }

.cadre {border:1px solid #ccc;padding:8px; min-height:60px; height:auto; display:block; overflow:hidden;margin:0 0 10px 0;}
.cadre.gig {text-align:center;}
.cadre img {padding:3px; height:48px; float:left; border:#CCCCCC 1px solid; margin-right:5px;}
.cadre.gig img {float:none; height:auto; text-align:center;}
.cadre span {font-size:90%; color:#999999;}
.cadre p {display:block;margin:0;}
.cadre ul {list-style-type:none;margin:0;padding:0;}
.cadre ul li {list-style-type:none;}

.cadre .chronique {min-height:55px; height:auto; padding:5px 5px 5px 0; display:block; border-bottom:1px dotted #ccc; overflow:hidden;}
.cadre .gauche {float:left; height: auto; width: 190px;padding-bottom:8px;}
.cadre .gauche .chronique {min-height:55px; height:auto; padding:5px 5px 5px 0; display:block; border-bottom:1px solid #ccc; overflow:hidden;}

.cadre .droite {float:right; width:155px;}
.cadre .dates {display:block; border-bottom:1px solid #ccc;padding:5px 0;}
.cadre .droite .resume {margin:5px 0 15px 0;}
.cadre .droite .liste {display:block; border-bottom:1px solid #ccc;}

/*actu*/
.actu {border-bottom:#CCCCCC 1px dotted; padding-bottom:10px; margin-bottom:10px;}
.actu img.logo {float:left; height:40px; width:40px; border:#bbb 1px solid; margin:0 5px 0 0;}
.actu .titre {color:#444; display:block; padding:2px; background-color:#eee; height:38px;}
.actu .titre span {text-transform:uppercase; font-weight:bold;display:block; padding:0 0 3px 0;}
#left img.breve {float:left; height:60px; width:60px; padding:4px; border:1px solid #ccc; margin-right:5px;}
	
/*chroniques*/
#left .presentation {display:block;padding:10px 0 18px 0;min-height:70px; height:auto; border-bottom:1px dotted #ccc;}
#left .presentation p {margin:0; padding:0;}
#left .presentation h3 {font-size:130%;}
#left .presentation img {height:70px; width: 70px; padding:5px;float:left;border:1px solid #ccc;margin-right:5px;}
#left .presentation img.note {border:0; height:auto; width:auto; display:block;padding:0; margin:0; float:none;}
#left .presentation a:link, #left .presentation a:visited, #left .presentation a:hover, #left .presentation a:active {color:#666; }

.chroniques_infos {height: auto;width:340px;border:#CCCCCC 1px solid;padding:10px;margin-bottom:15px;}
.chroniques_nouvelles {height:auto;width:340px;border:#CCCCCC 1px solid;padding:10px;margin-bottom:15px;}
.chroniques_xpress {border-bottom: #CCCCCC 1px dotted; padding-bottom:8px;padding-top:8px;height:auto; overflow: auto;}

/*tri alphabétique*/
#tri-alpha {display:block; text-align:center; margin-bottom:20px;}
#tri-alpha a {padding:1px 3px 1px 3px; border:1px solid #ccc;color:#000;}

/*artistes*/
#left ul.liste {list-style-type:none;margin:0;padding:0;}
#left ul.liste li {list-style-type:none;float:none;}
#left ul.liste li a {color:#000;}

/*agenda*/  
#left .agenda {padding-bottom:10px;overflow:auto;}
#left .agenda span.date {display:block; background-color:#CCCCCC;padding:5px;float:left;color:#000;}
#left .agenda-details {height:auto; display:block; width:400px;border: #CCCCCC 1px dotted;padding:5px;float: right;text-align:left;}
#left .agenda-details p {display:block;margin:0;padding:0;}
#left .agenda-details span.titre {font-weight:bold; text-transform:uppercase;color:#000;}

/* Logos, documents et images */

.spip_documents {text-align: center;}
.spip_documents_center { text-align:center;clear: both;margin: auto; }
.spip_documents_center img {border:1px solid #000; }
span.spip_documents_center { display: block; margin-top:1em; border: 0;}
.spip_documents_left { float: left; margin-right:5px; border: solid 1px #000000; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }