/* ------------------------------------------------------------------ CSS Global */

body {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;

	height: 100%;

	width: 100%;

	margin: 0;

	background-color: transparent;

}

img {

	margin: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

p {

	margin: 0 0 8px 0;

}

a {

	cursor: pointer;

}

#total {

	margin: 5px auto 0;

	padding: 0;

	width: 775px;

	background-color: transparent;

	position: relative;

}

#entete {

	height: 130px;

	background-color: transparent;

	background-image: url(../medias/site/bandeau.gif);

	width: 775px;

	padding: 0;

}

#entete #leftacc {

	width: 250px;

	float:left;

	margin: 6px 0 0 10px;

}

html>body #entete #leftacc {

	margin: 10px 0 0 18px;

}

#entete #rightacc {

	width: 205px;

	float:left;

	margin: 5px 0 0 90px;

}

/*#entete #leftacc img {

	margin : 0 0 15px 0

}*/

#menu {

	background-color: transparent;

	background-image: url(../medias/site/degrad-gris.gif);

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

	margin: 0;

	line-height: 2px;

	font-size: 1%;

	padding: 0 0 0 15px;

}

#boutons {

	height: 22px;

}

#boutons img {

	margin: 2px 0 0 5px;

	float: left;

}

#language {

	width: 50px;

	float: right;

	margin: 0 15px 0 0;

}



#contenu {

	background-color: #000000;

	height: 376px;

	padding: 10px 0 0 20px;

	background-image: url(../medias/site/degrad-noir.gif);

	background-repeat: repeat-y;

	background-position: left top;

}

#pied {

	background-color: transparent;

	background-image: url(../medias/site/basdepage.gif);

	height: 40px;

	text-align: center;

	color: #FFFFFF;

	padding: 2px 0 0;

	background-repeat: no-repeat;

	background-position: left top;

}

#pied p {

	margin: 0;

	line-height: 12px;

}

/* ------------------------------------------------------------------ CSS ACCUEIL */

#acc-left{

	float: left;

	height: 365px;

	width: 490px;

	margin-right: 15px;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:490px;

}

#acc-right {



	float: left;

	height: 365px;

	width: 230px;

}

/* ------------------------------------------------------------------ CSS BOXs */

.BB-box {

	background-color: #110e0e;

	height: 5px;

}

.bbd {

	float: right;

}

.bbg {

	float: left;

}

.box-mt {

	margin: 15px 0 0;

}

.boxhaut2 {

	height: 5px;

}

.boxhaut2 .HG {



	float: left;

}

.boxhaut2 .HD {



	float: right;

}

.boxbas .BG {

	float: left;

}

.boxbas .BD {

	float: right;

}

/* ------------------------------------------------------------------ Box concerts */

.contenu-box-concert {

	height: 145px;

	background-color: #110e0e;

	overflow: auto;

	padding: 2px 5px 0 5px;

}

.contenu-box-concert .prod {

	height: 14px;

	background-color: #333333;

	line-height: 12px;

	vertical-align: middle;

	padding: 0px;

	margin: 0 0 3px 0;

	border-top: 1px solid #000000;

}

.contenu-box-concert .tour {

	background-image: url(../medias/site/indic-tour.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 14px;

	background-color: #333333;

	line-height: 12px;

	vertical-align: middle;

	padding: 0px;

	margin: 0 0 3px 0;

	border-top: 1px solid #000000;

}

.contenu-box-concert .date {

	float: left;

	width: 60px;

	border:none;

	margin: 0;

	padding: 0;

	text-indent: 2px;

}

.contenu-box-concert .groupes {

	float: left;

	width: 210px;

	border-left: 1px solid #000000;

	margin: 0;

	padding: 0;

	text-indent: 5px;

}

.contenu-box-concert .lieu {

	float: left;

	width: 160px;

	border-left: 1px solid #000000;

	margin: 0;

	padding: 0;

	text-indent: 5px;

}

.contenu-box-concert .more {

	float: right;

	margin: 0 2px 0 0;

}

#prog {

	width: 600px;

	margin: 0 auto;

}

.contenu-box-concert a {

	color: #CCCCCC;

	text-decoration: none;

	height:14px;

	width: 100%;

	display: block;

	cursor: pointer;

}

.contenu-box-concert a:hover {

	background-color: #222;

}

.contenu-box-concert .prod a:hover{

	background-color: #222;

	color: #FFFFFF;

}

.contenu-box-concert .tour a:hover{

	background-color: #222;

	color: #FFFFFF;

	background-image: url(../medias/site/indic-tour.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

/* ------------------------------------------------------------------ Box newsletter */

.contenu-box-newsletter {

	background-color: #110E0E;

	height: 70px;

}

.contenu-box-newsletter form {

	margin: 0 auto;

	width: 220px;

	padding: 5px 0 0;

}



.contenu-box-newsletter input {

	background-color: #333333;

	border: 1px solid #000000;

	font-size: 10px;

	float: left;

	color: #FFFFFF;

}

.contenu-box-newsletter #mail {

	width: 170px;

}



.contenu-box-newsletter #ok {

	float: right;

	padding: 0 5px;

}



.contenu-box-newsletter.check input{

	height: 11px;

	width: 11px;

	padding: 0px;

	border: none;

	margin: 0 0 0 1px;

	background-color: #666666;

}

.contenu-box-newsletter .check {

	float: left;

	margin: 5px 0 0 7px;

	width: 60px;

}

/* ------------------------------------------------------------------ Box news */

.contenu-box-news {

	height: 220px;

	overflow: auto;

	padding: 5px;

	width: 220px;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:220px;

	background-color: #110E0E;

}

.contenu-box-news h3 {

	font-size: 12px;

	text-indent: 5px;

	margin: 0px;

}

.contenu-box-news p img {

	float: left;

}

.contenu-box-news p {

	margin: 2px 0 5px;

	padding: 0 0 3px;

}

.contenu-box-news .dotted {

	border-bottom: thin dotted #555;

	font-size: 1px;

	line-height: 1px;

	height: 1px;

	margin: 0 auto;

	clear:both;

}



.contenu-box-news .suite {

	display: block;

	width: 80px;

	text-align: right;

	margin: 0 0 0 auto;

}

.contenu-box-news .suite a {

	color: #CCCCCC;

	text-decoration: none;

	width: 100%;

	display: block;

	background-color: #222;

}

.contenu-box-news .suite a:hover {

	background-color: #333333;

	background-image: url(../medias/site/flecheG.gif);

	background-repeat: no-repeat;

	background-position: 2px center;

}

.contenu-box-news .news-date {

	font-style: italic;

	width: 120px;

}

#advertise {

	height: 145px;

	margin: 10px 0 0;

	font-size: 18px;

	font-style: italic;

	line-height: 145px;

	text-align: center;

	vertical-align: middle;

}

.adv {

	height: 145px;

	width: 235px;

	float: left;

	position: relative;

	margin: 0;

}

.adv2 {

	margin: 0 0 0 18px;

	height: 145px;

	width: 235px;

	float: left;

	position: relative;

}





#letter {

	line-height: 20px;

	text-align: center;

	vertical-align: middle;

	height: 20px;

}



/* ------------------------------------------------------------------ ARTISTES */

#allartistes {
	width: 640px;
	margin: 10px auto 0;
}

.contenu-box-artistes {
	height: 165px;
	background-color: #110e0e;
	overflow: auto;
	padding: 10px 14px 0;
}

.artistes {

	background-color: #333333;

	margin: 1px 1px 0;

	width: 150px;

	display: block;

	float: left;

	font-size: 10px;

	line-height: 16px;

}

.artistes a {

	color: #CCCCCC;

	text-decoration: none;

	background-image: url(../medias/site/arrows.gif);

	text-indent: 10px;

	background-repeat: no-repeat;

	background-position: left center;

	display: block;

	width: 100%;

}

.artistes a:hover {

	color: #FFFFFF;

	background-color: #222;

}



#aleatoire {

	margin: 40px auto 0;

	width: 700px;

	z-index: 500;

}

.presentation {

	width: 150px;

	position: relative;

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0 10px;

	float: left;

	z-index: 500;

}

.presentation .BB-box-h {

	width: 150px;

	position: absolute;

	top: 0px;

	left:0px;

}

.presentation .BB-box-b {

	width: 150px;

	position: absolute;

	left:0px;

	top: 93px;

}

.presentation .nom {

	background-color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

	text-indent: 10px;

	height: 16px;

	color: #333333;

	line-height: 16px;

	vertical-align: middle;

	position: absolute;

	width: 150px;

	top: 80px;

	left: 0px;

}

.presentation .nom a {

	color: #333333;

	text-decoration: none;

	text-indent: 10px;

	height: 100%;

	width: 100%;

	background-color: #FFFFFF;

	background-image: url(../medias/site/flecheG.gif);

	display: block;

	background-repeat: no-repeat;

	background-position: left center;

}

.presentation .nom a:hover {

	color: #000000;

	text-decoration: none;

	text-indent: 10px;

	height: 100%;

	width: 100%;

	background-color: #CCCCCC;

	background-image: url(../medias/site/flecheG.gif);

	display: block;

	background-repeat: no-repeat;

	background-position: left center;

}

/* ------------------------------------------------------------------ Box Pop-UP */

#montre {

	background-image: url(../medias/site/fond-papier.jpg);

	width: 450px;

	padding: 10px 20px 0;

	position: absolute;

	left: 20px;

	top: 184px;

	font-size: 11px;

	color: #000000;

	line-height: 130%;

	height: 171px;

	z-index: 1000;

}

.montrestyle {

	border: medium double #ccc;

	padding: 2px 2px;

	z-index: 1001;

}

#montre .close {

	margin: 0 0 3px 0;

	line-height: 10px;

	text-align: right;

	float: right;

}

#montre .close img {

	margin: 0px;

}

#montre .infos {

	background-color: #333333;

	text-indent: 0px;

	color: #FFFFFF;

	padding: 0 0 0 5px;

	margin: 12px 0 0;

}



#montre img {

	float: left;

	margin: 5px 5px 5px 0;

}

#montre .resa {

	background-color: #333333;

	color: #FFFFFF;

	margin: 0 auto;

	line-height: 16px;

	height: 16px;

	vertical-align: middle;

	text-indent: 5px;

}

#montre .resa_base {
	background-color: #FF0000;
	color: #FFFFFF;
	margin: 0 auto;
	line-height: 10px;
	height: 18px;
	background-image: url(../medias/site/coin_resa_base.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#montre .resa img {

	float: none;

	margin: 2px 5px 0;

}

#montre .resa_base img {

	float: left;

	margin: 2px 0 0;
}
#montre .resa_base a strong {
font-weight:normal;
font-size:14px;
}
#montre .resa_base a {
line-height:18px;
vertical-align:middle;
	color: #FFFFFF;
	text-decoration: none;
}

/* ------------------------------------------------------------------ GROUPES */

#grp {

	background-color: #110E0E;

	width: 735px;

	margin: 0 0;

}

#grp .boxbas {

	margin-top: 0px;

}

.nomgrp {

	display: block;

	margin: 0 0 0 40px;

	float: left;

}

#grp .links {

	float: right;

	width: 250px;

}

#grp a {

	display: block;

	float: right;

	width: 230px;

	color: #ADABAB;

	text-decoration: none;

	background-color: #231D1D;

	background-image: url(../medias/site/fleche-D.gif);

	background-repeat: no-repeat;

	background-position: right center;

	padding-left: 10px;

	margin-top: 3px;

}

#grp .links a:hover {

	background-color: #413636;

}

#grp-left {

	float: left;

	width: 465px;

	margin-right: 15px;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:450px;

	margin-top: 10px;

	height: 310px;

}

.contenu-box-grp {

	height: 160px;

	background-color: #110e0e;

	overflow: auto;

	padding: 5px 5px 0 5px;

}

.contenu-box-grp img {

	float:left;

	margin: 0 5px 5px 0;

}

.contenu-box-photos {

	height: 75px;

	background-color: #110E0E;

	padding: 5px 5px 0 5px;

}

.contenu-box-photos img {

	margin: 0 10px 0 0;

}

#grp-right {

	float: left;

	width: 275px;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:275px;

	margin-top: 10px;

}

.contenu-box-tour {

	height: 130px;

	background-color: #110E0E;

	padding: 5px 5px 0 5px;

	overflow: auto;

}

.contenu-box-tour p {

	background-color: #333333;

	margin: 0 0 3px;

}

.contenu-box-medias {

	height: 105px;

	background-color: #110E0E;

	padding: 5px 5px 0 5px;

	overflow: auto;

}



.contenu-box-medias p {

	margin: 5px 0 0;

}

.contenu-box-medias a {

	color: #FFFFFF;

	text-decoration: none;

	display: block;

	width: 90%;

	background-color: #333333;

	margin: 3px auto;

	padding: 1px 4px 1px 0;

}

.contenu-box-medias a:hover {

	color: #CCCCCC;

	background-color: #000000;

}





.contenu-box-medias .infos {

	margin: 5px 0 0 5px;

}

/* ------------------------------------------------------------------ PROGRAMMATION */

#prog {

	height: 365px;

	width: 600px;

	margin: 0 auto;

}

.contenu-box-programmation {

	height: 335px;

	background-color: #110e0e;

	overflow: auto;

	padding: 5px 5px 0 5px;

}

.contenu-box-programmation a {

	color: #CCCCCC;

	text-decoration: none;

	height:14px;

	width: 100%;

	display: block;

	cursor: pointer;

}

.contenu-box-programmation a:hover {

	background-color: #222;

}

.contenu-box-programmation .prod a:hover{

	background-color: #222;

	color: #FFFFFF;

	background-image: url(../medias/site/indic-prod.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

.contenu-box-programmation .tour a:hover{

	background-color: #222;

	color: #FFFFFF;

	background-image: url(../medias/site/indic-tour.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

html>body .contenu-box-programmation .prod:hover{

	background-color: #222;

	color: #FFFFFF;

	background-image: url(../medias/site/indic-prod.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

html>body .contenu-box-programmation .tour:hover{

	background-color: #222;

	color: #FFFFFF;

	background-image: url(../medias/site/indic-tour.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

.contenu-box-programmation .prod {

	background-image: url(../medias/site/indic-prod.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 14px;

	background-color: #333333;

	line-height: 12px;

	vertical-align: middle;

	padding: 0px;

	margin: 0 0 3px 0;

	border-top: 1px solid #000000;

}

.contenu-box-programmation .tour {

	background-image: url(../medias/site/indic-tour.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 14px;

	background-color: #333333;

	line-height: 12px;

	vertical-align: middle;

	padding: 0px;

	margin: 0 0 3px 0;

	border-top: 1px solid #000000;

}

.contenu-box-programmation .older {
	background-image: url(../medias/site/indic-older.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 14px;

	background-color: #333333;

	line-height: 12px;

	vertical-align: middle;

	padding: 0px;

	margin: 0 0 3px 0;

	border-top: 1px solid #000000;

}
.contenu-box-programmation .older a:hover {
	cursor:url("medias/site/cur.gif"), auto;
}

.contenu-box-programmation .date {

	float: left;

	width: 70px;

	border:none;

	margin: 0;

	padding: 0;

	text-indent: 10px;

}

.contenu-box-programmation .groupes {

	float: left;

	width: 250px;

	border-left: 1px solid #000000;

	margin: 0;

	padding: 0;

	text-indent: 5px;

}

.contenu-box-programmation .lieu {

	float: left;

	width: 220px;

	border-left: 1px solid #000000;

	margin: 0;

	padding: 0;

	text-indent: 5px;

}

.contenu-box-programmation .more {

	float: right;

	margin: 0 2px 0 0;

}

/* ------------------------------------------------------------------ CONTACT */

#contact {

	width: 420px;

	font-size: 11px;

	margin: 0 15px 0 0;

	float: left;

}

.contenu-box-contact {

	background-color: #110e0e;

	padding: 5px 5px 0 5px;

	margin: 0;

}

#old {

	float: left;

	width: 292px;

	margin: 0;

	background-color: #110E0E;

}

#old_content {

	height: 164px;

	background-color: #110E0E;

	overflow: auto;

}

html>body #old_content {

	height: 176px;

	background-color: #110E0E;

}

#old_content h4 {

	font-size: 11px;

	font-weight: bold;

	margin: 5px 0 0;

	vertical-align: text-bottom;

}



#form {

	margin: 0px;

}

#form input, #form textarea {

	color: #CCCCCC;

	background-color: #333333;

	width: 300px;

	margin: 0px;

	padding: 0px;

	border: 1px solid #000000;

}

.contenu-box-contact #btn {

	width: 150px;

	margin: 0;

}

#contact_desc {



	background-color: #110E0E;

	width: 735px;

	margin: 10px 0 0;

}

#desc_content {

	background-color: #110E0E;

	margin: 0 10px;

	line-height: 15px;

}

#desc_content h1 {

	font-size: 14px;

	margin: 0;

	text-align: center;

}

#desc_content p {

	margin: 5px 0 0;

}

#desc_content #inf_leg {

	text-align: right;

}

/* ------------------------------------------------------------------ ADHERENT */

.contenu-box-adherent {

	background-color: #110e0e;

	overflow: auto;

	padding: 5px 5px 0;

	height: 180px;

}

.contenu-box-adherent ul {

	margin: 8px 0 0;

	padding: 0 0 0 20px;

	list-style-type: square;

}

.ad-left {

	line-height: 165%;

}





.contenu-box-adhesion {

	background-color: #000000;

	padding: 2px 2px 0 0;

	line-height: 14px;

}

.contenu-box-adhesion p {

	background-color: #000000;

	padding: 0;

	margin: 0 0 10px 0;

}

.contenu-box-adhesion p img {

	margin: 0 0 10px 0;

}





.contenu-box-adhesion h1  {

	font-size: 12px;

	margin: 0 0 10px 0;

	padding: 0;

	background-color: #2F2626;

	color: #eee;

}

.contenu-box-adhesion #deuze  {

	margin:10px 0 0;

}



/* ------------------------------------------------------------------ CLEAR non influencé */

.clear {

	clear: both;

	height: 1px;

	font-size: 1%;

	line-height: 1%;

	background-color: transparent;

}

.clearn {

	clear: both;

	height: 1px;

	font-size: 1%;

	line-height: 1%;

	background-color: #000000;

}

.clearg {

	clear: both;

	height: 1px;

	font-size: 1%;

	line-height: 1%;

	background-color: #110E0E;

}

#form2 {

	margin: 0px;

}



#form2 input {

	color: #CCCCCC;

	background-color: #333333;

	width: 100px;

	margin: 0px;

	padding: 0px;

	border: 1px solid #000000;

}

.contenu-box-forum {

	background-color: #110E0E;

	text-align: center;

	line-height: 20px;

}

.box img {

	margin: 0px;

}

#design {
	color: #666666;
	text-align: right;
	font-weight: bold;
	width: 170px;
	margin: 0 15px 0 auto;
	vertical-align: top;
	font-size: 10px;
}

#design a {

	text-decoration: none;

	color: #666666;

	display: block;

	width: 100%;

}

#design a:hover {

	color: #000000;

	background-color: #CCCCCC;

	background-image: url(../medias/site/flecheG.gif);

	background-repeat: no-repeat;

	background-position: 5px center;

}