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


/*////////////////*/
/*/////utiles/////*/
/*////////////////*/
body,form,fieldset,p,h1,h2,h3,h4,ul,ol,li,dl,dd,dt,input,select{
	padding:0;
	margin:0;
	font-family: verdana, sans-serif;
}
fieldset,img{
	border:none;
}
.mrpropre{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}
.cache{
	position:absolute;
	left:-5000px;
}
a{
	
	color:#999999;
	text-decoration:none;
}
a:hover{
	color:#990000;
}
body{
	background-color:#FFFFFF;
	color:#000000;
}
#page{




background: 20px 40px no-repeat;
	width:800px;
	border: 1px solid #cccccc;
	padding-top:10px;

	height: 800px;
	
	margin-left: 80px;
	margin-top:10px	
}
p{
	font-size:0.75em;
	padding:0 0 15px 0;
}

#page .menu{
	width:250px;
	float:left;
	margin-bottom:100px
}
#page .article{
	width:500px;
	float:left;
	padding-top:40px;
}
#page .footer{
	clear:both;
	float:right;
	padding-top:50px;
	
}







#page .menu ul{
	margin:20px 10px 0 32px;
	
	padding-bottom:2px;
	
}
#page .menu ul li{
	font-size:0.7em;
	text-transform:uppercase;
	padding-left:10px;
	list-style-type:none;
	
	
}
#page .menu ul li a{
	color:#666666;
	text-decoration:none;
}
#page .menu ul li a:hover{
     color:#000000;
	
}

#page .article .intro {
	padding-left:125px;
	padding-bottom:1px;
}
#page .article .intro p{
	font-size:0.75em;
	color:#000000;
	padding-bottom:25px;
}







#page.page_works{
	width:1000px;
	height:150px
	border:1px solid #ffffff;
	
	
	
}
#page.page_works {
	margin-left: 90px;
	margin-top:10px
}

#page.page_works .menu{
	width:220px;
	float:left;


}	

#page.page_works .menu1{
	width:160px;
	height:400px;
	float:left;
	border: 1px solid #666666;
}	
	
	#page.page_works .menu ul{
	margin:90px 40px 0 32px;
	
	padding-bottom:px;
}

#page.page_works .menu ul li a{
	color:#666666;
	text-decoration:none;
}
#page.page_works .menu ul li a:hover{
     color:#FFFFFF;
	
}

#page.page_works .article{
background:url(../images/BIBLAK.jpg) 20px 40px no-repeat;
	width:770px;
	height:420px
	float:left;
	padding-top:10px;
	border: 1px solid #cccccc;
	margin-bottom:20px;
}


#page.page_works .article1{
	width:800px;
	height:350px
	float:left;
	padding-top:10px;
	margin-bottom:20px;
}












#page.page_work .article .media{
	width:300px;
	float:right;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#page.page_works .menu p{
	font-size:0.70em;
	padding:0 0 0 30px;
}


#page .article .works .rangee{
	clear:both;
	margin-bottom:30px;
	
}
#page .article .works .rangee .titre{
	width:125px;
	float:left;
	font-size:0.9em;
	color:#666666;
	text-transform:uppercase;
	text-align:right;
	padding-right:40px;
	height:95px;
}
#page .article .works .rangee .titre1{
	width:330px;
	float:left;
	
	
	font-size:0.9em;
	color:#532ED7;
	text-transform:uppercase;
	text-align:right;
	padding-right:15px;
	
	height:95px;
}







#page .article .works .rangee .vignette{
	width:120px;
	float:left;
	margin-right:15px;
}
#page .article .works .rangee .derniere{
	margin-right:0;
}








		











#page.page_lyrics{
	width:1205px;
}

#page.page_lyrics .menu{
	width:185px;
	float:left;
}
	#page.page_lyrics .menu ul{
	margin:90px 40px 0 32px;
	
	padding-bottom:15px;
}

#page.page_lyrics .menu ul li a{
	color:#666666;
	text-decoration:none;
}
#page.page_lyrics .menu ul li a:hover{
     color:#FFFFFF;
}


#page.page_lyrics .article{
	width:1020px;
	float:left;
	padding-top:90px;
}
#page.page_lyrics .article .colonne{
	width:315px;
	float:left;
	margin-left:35px;
	margin-right:25px;
}
#page.page_lyrics .article .derniere{
	margin-right:0;
}
#page.page_lyrics .article .track{
	padding-bottom:40px;
}
#page.page_lyrics .article h2{
	font-size:0.75em;
	color:#999999;
	font-weight:bold;
	padding-bottom:20px;
}
#page.page_lyrics .article p{
	font-size:0.75em;
	color:#666666;
	padding:0 0 10px 0;
}










#page.page_work{
	width:1000px;
}

#page.page_work {
	margin-left: 80px;
	margin-top: 10px;
	margin-right: 10px;	
}



#page.page_work .menu{
	width:650px;
	height:200px
	float:left;
	margin-bottom:120px;
	border-right: 1px solid #666666;
}
#page.page_work .menu ul{
	margin:90px 40px 0 32px;
	
	padding-bottom:px;
}


#page.page_work .article{
	width:750px;
	float:none;
	padding-left:250px;
	border: 1px solid #ff0000;
	margin-left: 200px;
}

#page.page_work .article .media{
	width:300px;
	float:right;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 70px;
}
#page.page_work .article h1{
	font-size:0.85em;
	text-transform:;
	font-style:normal;
	color:#666666;
	padding-bottom:20px;
}
#page.page_work .article table{
	border-collapse:collapse;
	margin-bottom:20px;
}
#page.page_work .article table td{
	padding:0 40px 0 0;
	font-size:0.75em;
	color:#532ED7;
}
#page.page_work .article p{
	font-size:0.75em;
	color:#532ED7;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 12px;
	margin-left: 50px;
}











#page.page_work_ORFEO{
	width:1100px;
}

#page.page_work_ORFEO {
	margin-left: 80px;
	margin-top: 10px;
	margin-right: 10px;	
}



#page.page_work_ORFEO .menu{
	width:215px;
	height:200px
	float:left;
	margin-bottom:120px;
	border: 1px solid 330099;
}
#page.page_work_ORFEO .menu ul{
	margin:90px 40px 0 32px;

	padding-bottom:15px;
}


#page.page_work_ORFEO .article{
	width:1080px;
	float:none;
	padding-left:10px;
	border: 1px solid #532ED7;
	margin-left: 50px;
}

#page.page_work_ORFEO .article .media{
	width:300px;
	float:right;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 70px;
}
#page.page_work_ORFEO .article h1{
	font-size:0.85em;
	text-transform:;
	font-style:normal;
	color:#532ED7;
	padding-bottom:20px;
}
#page.page_work_ORFEO .article table{
	border-collapse:collapse;
	margin-bottom:20px;
}
#page.page_work_ORFEO .article table td{
	padding:0 40px 0 0;
	font-size:0.75em;
	color:#532ED7;
}
#page.page_work_ORFEO .article p{
	font-size:0.75em;
	color:#532ED7;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 12px;
	margin-left: 50px;
}












#page.page_work-manifeste{
	width:auto;
}

#page.page_work-manifeste {
	margin-left: 100px;
}
#page.page_work-manifeste {
	margin-right: 500px;
}





#page.page_work-manifeste .article{
	width:auto;
	float:none;
	padding:20px;
	border-top:1px solid #532ED7;
	border-bottom:1px solid #532ED7;		
}

#page.page_work-manifeste .article .media{
	width:100px;
	float:left;
	margin:0 20px 20px 0;
}
#page.page_work-manifeste .article h1{
	font-size:0.85em;
	text-transform:;
	font-style:normal;
	color:#532ED7;
	padding-bottom:20px;
}
#page.page_work-manifeste .article table{
	border-collapse:collapse;
	margin-bottom:20px;
}
#page.page_work-manifeste .article table td{
	padding:0 40px 0 0;
	font-size:0.75em;
	color:#532ED7;
}
#page.page_work-manifeste .article p{
	padding:0 0 12px 0;
	font-size:0.75em;
	color:#532ED7;
}












#page.page_contact{
	background:url(../images/BIGBLAK.jpg) 20px 40px no-repeat;
	width:1100px;
	margin-left:80px;
	margin-top:10px;
	border: 1px solid #666666;	
	}
	
	
#page.page_contact .menu{

	width:300px;
	float:left;
	color: #532ED7;
	border-top: px solid #666666;
	border-left: px solid #666666;
	border-bottom: 1px solid #666666;
	
}	
	
	#page.page_contact .menu ul{
	margin:90px 40px 0 32px;
	
	
	

}



#page.page_contact.menu ul li a{
	color:#07DE07;
	text-decoration:none;
}
#page.page_contact .menu ul li a:hover{
     color:#FFFFFF;

}
#page.page_contact .menu{
	width:420px;
	float:left;
}
#page.page_contact .article{
	width:570px;
	
	height:480px
	float:left;
	padding-top:15px;
	
	border: 1px solid #666666;
	
	margin-bottom:20px;	
	
}


#page.page_contact .article a{
	color:#666666;
	text-decoration: none;
	
}
#page.page_contact .article a:hover{
	color:#ffffff;
	}
	
	
	
#page.page_contact .footer a{
	color:#666666;
	text-decoration: none;
	
}
#page.page_contact .footer a:hover{
	color:#ffffff;
	}




	








#page.page_accueil{
	width:1100px;
	height:900px	
	
	
}
#page.page_acceuil {
	margin-left: 10px;
	margin-top:10px

}

#page.page_accueil .menu{
	width:285px;
	float:left;
	color: #666666;
}	
	
	#page.page_accueil .menu ul{
	margin:90px 40px 0 32px;
	
	padding-bottom:px;
}

#page.page_accueil .menu ul li a{
	color:#666666;
	text-decoration:none;
}
#page.page_accueil .menu ul li a:hover{
     color:#FFFFFF;
	
}

#page.page_accueil .article{
	width:400px;
	height:450px
	float:left;
	padding-top:10px;
	border: 1px solid #666666;
	margin-bottom:20px;
	padding-left: 180px;
}





#page.page_acceuil .article1{
	width:800px;
	height:350px
	float:left;
	padding-top:10px;
	border: 1px solid #666666;
	margin-bottom:20px;
}



#page.page_accueil .menu h2{
	font-size:1em;
	font-style:regular;
	font-weight:normal;
}
#page.page_accueil .menu .video1,#page.page_accueil .menu .video2{
	padding:0 0 10px 50px;
	background:url(../images/BULLETORANGE.jpg) 30px 1px no-repeat;
}
#page.page_accueil .menu .video1 p,#page.page_accueil .menu .video2 p{
	padding:1;
}
#page.page_accueil .menu h2 a{

	text-decoration:none;
}
#page.page_accueil .menu h2 a:hover{
	 color:#FFFFFF;
}
#page.page_accueil .menu p{
	font-size:0.70em;
	padding:0 0 0 30px;
}