@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000000;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
    font-weight:  100;
	color: #F0F0F0;
}

html {
    margin: 0px;
    padding: 0px;
}

img {padding: 0; margin: 0;}
a img {border: none;}

/*__________________________________________________________*/


#module_top{
	display:block;
	width: 100%;
	height: 50px;
}

#module_central{
	display: block;
	width: auto;
	padding-bottom:20px;
	background-color:#000;
}

#module_bottom{
	display:block;
	width: 100%;
	height: auto;
}


/*__________________________________________________________________*/


#central_home{
	position: relative;
	width: 900px;
	height: 640px;
	margin: auto;
	padding-top: 150px;
	text-align: center;

}

#central_media{
	position: relative;
	width: 800px;
	height: 450px;
	margin: auto;
	text-align: center;

}
#central_slide{
	position: relative;
	width: 900px;
	height: 640px;
	margin: 0px;
	padding: 0px;
	text-align: center;

}

/*____________________*/

#content_top{
	width: 800px;
    height: 20px;
	margin: auto;
	padding-top: 12px;

}

#bloc_title{
	width: 350px;
	float: left;
	margin-top:2px;

}
#bloc_date{
	width: 350px;
	margin-top:2px;
	float: right;
	text-align:right;

}

/*_____________________*/


#content_bottom{
	width: 800px;
	height: auto;
	margin: auto;
	
}

#bottom_blocgauche{
	width: 350px;
	float: left;
	margin-top:15px;

}
#bottom_blocdroit{
	width: 350px;
	float: right;
	margin-top:15px;
	text-align:right;


}



/*__________________________________________________________________*/


#menu{

	width: 300px;
	height:40px;
	margin: auto;
	margin-top: 20px;
	text-align:center;
}


#blocinfo {
	
	width:300px;
	height: 30px;
	border-radius: 5px;
	background-color:#000;
	padding-top: 10px;
	font-weight: bold;
	color: #FFF;


}

.infonew{
	color: #aaaaaa;
	font-weight:bold;
}

a.mail {
	color: #C9C9C9;
	text-decoration:none;
}
a.mail:hover {
	color: #f9c517;
}


.artists{
	color: #cac3c3;
	font-size: 14px;
	text-align: left;
} 

.artists ul{
	text-align: left;
}


.artists a,
.artists a:hover,
.artists a:visited{
	color: #cac3c3;
	text-decoration: underline;
}
 
.artist{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

.artist img{
	max-width: 120px;
	height: auto
}