/*
	jaune lien : #e9d505;  #feff9a 
	test lien bleu : 0599e6  et survol : 7cd2ff
	orange lien : ffa200
*/

/* ========  GENERAL ========= */



body {	

	height:					100%;
	margin: 		 		0 auto;
	padding: 		 		0;
	text-align:      		center;
	font-family: 	  		Arial, Helvetica, sans-serif;
	font-size: 		  		16px;
    line-height:            20px;
	color:					#FFFFFF;
	background-color:		#000; /* #151515 = fond gris */
	background-image:		url(images/fond.jpg);
	background-repeat:		no-repeat;
	background-position:	center	top;	
	background-attachment:	fixed;		
}

img {
	display: 				inline;
	border:  				none;
	vertical-align: 		bottom;		
}

a img:hover{
	filter : 			alpha(opacity=90);
    -moz-opacity : 		0.9;
    opacity : 			0.9;
}

/* ======== HEADER ========= */

#header {
	margin: 		  	0 auto;
	padding: 		  	0;
	width:				846px;
	height: 		  	111px;
}

#langue{
	float:				right;
	margin: 		  	0 auto;
	padding: 		  	0;
	width:				136px;
	height: 		  	41px;
	margin-right:		25px;
	background-color:	#2C2C2C;
	filter : 			alpha(opacity=80);
    -moz-opacity : 		0.8;
    opacity : 			0.8; 
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;	
	line-height:		41px;
}

#langue a, #langue a:visited, #langue a:active{	
	font-size:			13px;
	color:				#FFFFFF;
	text-decoration:	none;	
	padding:			15px 15px;
}

#langue a:hover{
	color:				#ff0005;
}

/* ======== MENU ========= */

#menu{
	clear:				both;
	margin:			  	0 auto;
	padding: 		  	0;
	width:				846px;
	height:				auto;	
    line-height:        40px;
	/*
	background-color:	#2C2C2C;
	*/
	background-color:#151515;
	filter : 			alpha(opacity=95);
	-moz-opacity : 		0.95;
	opacity : 			0.95;	
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
} 

#menu a,#menu a:visited,#menu a:active{
	color:				#FFFFFF;
	text-decoration:	none;	
	line-height:		40px;
	font-size:			16px;
	padding-right:		20px;
}

#menu a:hover{
	color:				#c70b0e; /*#0599e6;  #7cd2ff; */
}
#iconesRS {
    float: right;  
    clear:both;
    text-align:left; 
    margin-right: 65px;
}
#menu #iconesRS a {
    padding-right: 10px;
}
#menu #iconesRS a:hover {
    opacity: 0.8;
}
/* ======== TITRES ========= */

h1, h2, h3{
	margin:				0 auto 10px auto;
	padding:			0;
	font-family: 	  	Arial, Helvetica, sans-serif;
	font-size: 		  	22px;
	text-transform:     uppercase;
	font-weight:		bold;
}

/* ======== FOOTER ========= */

#footer {
	clear: 			          both;
	text-align: 	          center;
	width: 			          846px;
	margin:			          0 auto;
	padding: 		          0;
	font-size: 		          14px;
	padding:	 	          10px 0 10px 0;	
	-moz-border-radius:       0 0 10px 10px;
	-webkit-border-radius:    0 0 10px 10px;
	background-color:	      #151515;
	filter : 			      alpha(opacity=90);
    -moz-opacity : 		      0.90;
    opacity : 			      0.90; 

/*	
	background-color:	#000000;
	filter : 			alpha(opacity=80);
    -moz-opacity : 		0.80;
    opacity : 			0.80; 
*/

}

#footer a,#footer a:visited,#footer a:active{
	color:				#FFFFFF;
	text-decoration:	none;
}

#footer a:hover{
	text-decoration:	underline;
	color:				#c70b0e;
}

/* ========  CONTENU ========= */

#conteneur {
	width: 			  	846px;
	height: 			auto;
	margin:			  	0 auto;
	padding: 		  	0;	
	background-color:	#151515;
	filter : 			alpha(opacity=90);
    -moz-opacity : 		0.90;
    opacity : 			0.90; 

	/*
	filter : 			alpha(opacity=80);
    -moz-opacity : 		0.80;
    opacity : 			0.80; 
	*/
	text-align: 	  	center;
}

#contenu{
	width: 			  	846px;
	min-height: 		500px;
	margin:			  	0 auto;
	padding: 		  	0;
	/*
	background-color:	#43494d;
	filter : 			alpha(opacity=98);
    -moz-opacity : 		0.98;
    opacity : 			0.98; 
	*/
	text-align: 	  	left;
}

/* ========  PAGES ========= */

#page{
	margin:			  	0 auto;
	padding: 		  	0;
	width: 			  	706px;
	min-height: 		500px;	
	padding:			15px 70px 10px 70px;
}
/* liens page */

/*
	jaune lien : #e9d505;  #feff9a   et survol : 7cd2ff
	test lien bleu : 0599e6  et survol : 7cd2ff
	orange lien : ffa200
*/

#page a, #page a:visited, #page a:active{
	text-decoration:	none;
	color:				#c70b0e;
}

#page a:hover{
	color:				#ff0005;
}

.colonne_droite{
	float:				right;
	margin:			  	0 auto;
	padding: 		  	0;
	width:				340px;	
}

.colonne_gauche{
	float:				left;
	margin:			  	0 auto;
	padding: 		  	0;
	width:				340px;
}

/*cycle jquery  */

.evenements {  
    padding: 0;  
    margin:  0;  
	text-align: center;	
} 
/** page INDEX **/
#maslow_index_droite{
	float:			right;
	text-align: 	justify;
	width:			145px;
}

#maslow_index_gauche{
	float:			left;
	width:			145px;
}

#actualites_texte{
	width: 			  	100%;
	/*
	max-height: 		300px;
	overflow:			hidden;	
	*/
	margin:			  	0 auto;
	padding: 		  	0;	
	text-align:			justify;
	margin:				10px 0 20px 0;
}

#concerts_a_venir_image{

/* 340x482 */
	width: 			  	340px;/* 340 */
	height: 		  	auto;/* 482 */
	margin:			  	0 auto;
	padding: 		  	0;	
	position: 			relative;
	margin:				10px 0 10px 0;
}

#concerts_a_venir_image img{
	position: relative;
	top: 0 !important;
}

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #000000;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
	z-index: 1000000;
}

#visu_page_accueil{
	margin: 		0 auto;
	padding:		0;
	width:			700px;
	height:			394px;
	text-align:		center;
	margin-bottom:	10px;
}

#bloc_newsletter{
	display:		none;
}
	#icone_accueil a{
		margin: 0 5px;
	}
/** page CONTACT **/
#formulaire_contact{
	padding-top: 20px;
}

#icones {
	text-align: left;
	padding-left: 15px;
}
#icones p{
	line-height: 30px;
	vertical-align: middle;
}

#icones img {
	padding: 0 5px;
}

p#texte_icones {
	line-height: normal;
}
#liensRS {
    width: 50%; 
    float: right; 
    padding-top: 20px;
}    
#contacttexte {
    width: 50%; 
    float: left;
}

/** page DISCO **/
.conteneurMoitie {
    vertical-align: top !important;
}
.moitie {
    vertical-align: top !important;
    display: inline-block;
    width: 340px;
}
.ligne{

	clear:both;
	width:		100%;
	height:		auto;
	margin:		0 auto;
	padding:	0;
	padding-top:20px;
}
.telechargement, .telechargement:active, .telechargement:visited{
	font-size: 18px;
	font-variant:small-caps;	
}

.visuel{
	width:		310px;
	float:		left;
}

.texte{
	width:		165px;
	float:		left;
	padding-left: 10px;
}

.telechargement a:hover{
	text-decoration:underline;
}

#presentation {
	width: 100%; 
	height: auto; 
	text-align:center;
}
.tracklist {
	width: 210px;
}

/** page BIO **/
#speciale{
	position:			fixed;
	left:				0px;
	bottom:				20px;
	
	margin:				0;
	padding:			0;
	
	width:				80px;
	height:				42px;
	
	background-color:	#000000;
	filter : 			alpha(opacity=80);
    -moz-opacity : 		0.8;
    opacity : 			0.8; 
	
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;	
	
	margin-left:		-70px;
	
	padding-top:		8px;
}

/** page TOUR **/
#concerts_a_venir_image{
/* 340x482 */
	width: 			  	340px;
	height: 		  	482px;
	margin:			  	0 auto;
	padding: 		  	0;	
	
	
	margin:				10px 0 10px 0;	
}
.telechargement, .telechargement:active, .telechargement:visited{
	font-size: 18px;
	font-variant:small-caps;	
}


/**** RESPONSIVE ****/
@media all and (max-width: 845px) {
     body {	
	    font-size: 		  	16px;
        line-height:        22px;
    }
    #header {
        width:				100%;
    }
    #menu{
        width:				100%;
        height:             auto;
    } 
    #iconesRS {
        float:             none;  
        width:			   100%;
        height:            auto;    
        margin:            0 auto;
        text-align:        center;
    }
    #conteneur {
        width:				100%;
    }

    #contenu{
        width:				100%;
    }    
    #footer {
        width:				100%;
    }  
    #page {
        float:				none;
        display:            block;
        width:				auto;
        padding:            15px;
    }  
    #page table {
        width: 100% !important;
        display: block;
    }
    #page table img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .colonne_droite{
        float:				none;
        display:            block;
        width:				100%;
    }

    .colonne_gauche{
        float:				none;
        display:            block;
        width:				100%;
    }
   
    .concerts_a_venir_texte {
        line-height:        30px;
    }
    
    /* INDEX */
    #maslow_index_droite {
        float: none;
        width: 100%;
        display: block;
    }
    
    /* PAGE CONTACT */
    #liensRS {
        width: 100% !important; 
        float: none !important;
    }    
    #contacttexte {
        width: 100% !important; 
        float: none !important;
    }
    
    /* PAGE DISCO */
	#presentation {
		width: 100%; 
		height: auto; 
		text-align:center;
	}
	.tracklist {
		width: 100%;
		display: block;
	}
    
    /* PAGE TOUR */
    #concerts_a_venir_image {
        display: block;
        width: 100%;
        height: auto;
    }
    #concerts_a_venir_image img {
        display: block;
        width: 100% !important; 
        height: auto;
        max-width: 330px;
    }
    
}