/**************** Block Top Album *******************/

section.block_topalbum {
	border : 1px solid #bababa;
	background: rgba(255,255,255,0.80);
	/*background: #ffffff;*/
	width : 296px;
	/*height : 559px;*/
	height : 462px;
	overflow : hidden;
	position : relative;
}

section.block_topstat {
	border : 1px solid #bababa;
	background: rgba(255,255,255,0.80);
	/*background: #ffffff;*/
	width : 296px;
	/*height : 559px;*/
	
	position : relative;
}


section.block_topalbum aside.head {
	float : right;
	text-transform: uppercase;
	font-weight: bolder;
	font-size : 10px;
	width : 75px;
	height : 10px;
	position : absolute;
	right : 5px;
	top : 20px;
}


section.block_topstat h1,section.block_topalbum h1,section.block_coeur h1,section.block_event h1,section.block_newclip h1,section.block_photos h1 {
 	border-bottom: 1px dashed #bebebe;
    color: #202020;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 19px;
    padding-bottom: 10px;
    padding-left : 30px;
    margin-bottom : 5px;
    text-transform: uppercase;
}

section.block_topalbum ul,section.block_topstat ul {
	padding : 0 0;
	margin : 0 0;
}

section.block_topalbum li,section.block_topstat li {
	width : 286px;
	height : 45px;
	overflow : hidden;
	padding : 0 0;
	margin-left : 5px;
	padding-top :5px;
	border-bottom : 1px solid #282828;
	position : relative;
	list-style: none;
}

section.block_topalbum li img,section.block_topstat li img {	
	width : 51px;
	height : 38px;
	border : 1px solid #282828;
	overflow: hidden;
	float : left;
	margin-right : 5px;
}

section.block_topalbum li a.titre,section.block_topstat li a.titre {	
	width : 179px;
	height : 20px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	color : #545454;
	/*text-shadow: 0px 0px 2px #ffffff;*/
	text-decoration: none;
	float : left;
}

section.block_topalbum li a.artiste,section.block_topstat li a.artiste {	
	width : 179px;
	height : 14px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	color : #dc3535;
	/*text-shadow: 0px 0px 1px #282828;*/
	text-decoration: none;
	float : left;
}

section.block_topalbum li:hover,section.block_topstat li:hover  {
	background-color : rgba(173,216,236,0.28);
}


/**************** Block Slide News *******************/
.slide_back {
  position : fixed;
  left : 0px;
  top : 0px;
  width : 100%;
  height : 100%;
  background: #ffffff;
  z-index: 0;
}

section.slide_news {
	width : 980px;
	height : 300px;
	margin : auto;
	margin-top : 10px;
	overflow: hidden;
	position : relative;
	cursor: pointer;
}

section.slide_news p {
    width:  980px;
    height : 298px;
    margin : auto;
    border : 1px solid #d0d0d0;
    background : rgba(208,208,208,0.28);
    vertical-align: middle;
    text-align: center;
	font-weight: bold;
	font-size : 25px;  
}


section.slide_news ul {
	visibility: hidden;
}

section.slide_news aside {
	position : absolute;
	top : 0px;
	right : 0px;
	height : 27px;
	
}

section.slide_news aside div {
	float : right;
	border : 1px #bababa solid;
	background: rgba(255,255,255,0.20);
	border-radius: 12px 12px 12px 12px;
	width : 25px;
	height : 25px;
	margin-right : 5px;
	font-weight: bold;
	font-size : 20px;
	text-align: center;
	color : #ffffff;
	z-index: 1;
}

section.slide_news aside div.active {
	border : 1px solid #BA5624;
	background : #FF6000;
}


section.slide_news aside div:hover {
	border : 1px solid #BA5624;
	background : #FF6000;
	cursor: pointer;
}


/**************** Block coup de coeur *******************/

section.block_coeur {
	margin-top : 10px;
	border : 1px solid #bababa;
	background: rgba(255,255,255,0.80);
	/*background: #ffffff;*/
	width : 346px;
	height : 160px;
	overflow : hidden;
	float : left;
	margin-bottom : 10px;
	position : relative;
}


section.block_coeur article {
	float : left;
	width : 345px;
	height : 113px;
	overflow: hidden;
	background: rgba(255,255,255,0.28);
	margin: 0;
}

section.block_coeur article img.album {
	width : 100px;
	height : 100px;
	border: 1px solid #282828;
	margin : 0px 5px 5px 5px;
	float : left;
}


section.block_coeur article div {
	float : left;
	width : 230px;	
	height : 103px;
	
	margin-top : 5px;
}

section.block_coeur article div h2 {
	float : left;
	width : 230px;	
	height : 22px;
	margin  : 0px 0px;
	padding: 0px 0px;
	font-size: 20px;
	overflow : hidden;

}

section.block_coeur article div figure {
	float : left;
	margin: 0px 0px;
	padding: 0px 0px;
	margin-top : 5px;
	border-top: 1px dashed #bebebe;
	border-bottom: 1px dashed #bebebe;
	padding-top : 5px;
	height : 44px;
	
}

section.block_coeur article div figure figcaption {
	float : left;
	width : 175px;
	overflow : hidden;
	height : 38px; 
}

section.block_coeur article div figure span {
	color : red;
}

section.block_coeur article div figure img {
	width : 51px;
	height: 38px;
	border: 1px solid #282828;
	float : right;
}

section.block_coeur article div aside {
	float : right;
	text-transform: uppercase;
	font-weight: bolder;
	font-size : 10px;
	width : 75px;
	height : 10px;
}

/*************** block event ****************/
section.block_event {
	border : 1px solid #bababa;
	background: rgba(255,255,255,0.80);
	/*background: #ffffff;*/
	width : 320px;
	height : 150px;
	overflow : hidden;
	float : left;
}

section.block_event aside.head {
	float : right;
	text-transform: uppercase;
	font-weight: bolder;
	font-size : 10px;
	width : 75px;
	height : 10px;
	position : absolute;
	right : 5px;
	top : 20px;
}

section.block_event ul {
	padding : 0 0;
	margin : 0 0;
}

section.block_event li {
	width : 306px;
	height : 45px;
	overflow : hidden;
	padding : 0 0;
	margin-left : 5px;
	padding-top :5px;
	border-bottom : 1px solid #282828;
	position : relative;
	list-style: none;
}

section.block_event li img {	
	width : 51px;
	height : 38px;
	border : 1px solid #282828;
	overflow: hidden;
	float : left;
	margin-right : 5px;
}

section.block_event li a.titre {	
	width : 179px;
	height : 20px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	color : #545454;
	/*text-shadow: 0px 0px 2px #ffffff;*/
	text-decoration: none;
	float : left;
}

section.block_event li a.artiste {	
	width : 179px;
	height : 14px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	color : #dc3535;
	/*text-shadow: 0px 0px 1px #282828;*/
	text-decoration: none;
	float : left;
}

section.block_event li:hover {
	background-color : rgba(173,216,236,0.28);
}

/*************** block new clip ****************/
section.block_newclip {
	border : 1px solid #bababa;
	background: rgba(255,255,255,0.80);
	/*background: #ffffff;*/
	width : 320px;
	height : 303px;
	overflow : hidden;
	float : left;
	margin-top : 8px;
}

section.block_newclip aside.head {
	float : right;
	text-transform: uppercase;
	font-weight: bolder;
	font-size : 10px;
	width : 75px;
	height : 10px;
	position : absolute;
	right : 5px;
	top : 20px;
}

section.block_newclip ul {
	padding : 0 0;
	margin : 0 0;
}

section.block_newclip li {
	width : 306px;
	height : 45px;
	overflow : hidden;
	padding : 0 0;
	margin-left : 5px;
	padding-top :5px;
	border-bottom : 1px solid #282828;
	position : relative;
	list-style: none;
}

section.block_newclip li img {	
	width : 51px;
	height : 38px;
	border : 1px solid #282828;
	overflow: hidden;
	float : left;
	margin-right : 5px;
}

section.block_newclip li a.titre {	
	width : 229px;
	height : 20px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	color : #545454;
	/*text-shadow: 0px 0px 2px #ffffff;*/
	text-decoration: none;
	float : left;
}

section.block_newclip li a.artiste {	
	width : 229px;
	height : 14px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	color : #dc3535;
	/*text-shadow: 0px 0px 1px #282828;*/
	text-decoration: none;
	float : left;
}

section.block_newclip li:hover {
	background-color : rgba(173,216,236,0.28);
}


/*************** block photos ****************/
section.block_photos {
	border : 1px solid #bababa;
	background: rgba(255,255,255,0.80);
	/*background: #ffffff;*/
	width : calc(100% - 2px);
	overflow : hidden;
	float : left;
	margin-bottom : 10px;
	position : relative;
}

section.block_photos aside.head {
	float : right;
	text-transform: uppercase;
	font-weight: bolder;
	font-size : 10px;
	width : 75px;
	height : 10px;
	position : absolute;
	right : 5px;
	top : 20px;
}

section.block_photos > article {
	display: flex;
	flex-wrap: wrap;
}

section.block_photos > article > a {
	flex: 1 0 20%;
	min-width: 150px;
}

section.block_photos figure {
	/*width : calc(20% - 8px);*/
	border : 1px solid #bababa;
	margin : 3px;
	float : left;
	padding-bottom : 8px;
}

section.block_photos figure:hover {
	background-color : rgba(173,216,236,0.28);
}

section.block_photos figure img {
	width : calc(100% - 12px);
	border : 1px solid #bababa;
	margin : 5px;
	margin-bottom : 0px;
}


section.block_photos figure h2 {
	width : calc(100% - 16px);	
	height : 20px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	color : #545454;
	/*text-shadow: 0px 0px 2px #ffffff;*/
	text-decoration: none;
	float : left;
	margin : 0px;
	margin-left : 10px;
	padding : 0px;
}

section.block_photos figure h3 {	
	width : calc(100% - 16px);
	height : 14px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	color : #dc3535;
	/*text-shadow: 0px 0px 1px #282828;*/
	text-decoration: none;
	float : left;
	margin : 0px;
	margin-left : 10px;
	padding : 0px;
	
}