/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																						LISTES MAG																							/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/		

body.genopole-mag section article header{
	color:#fff;
	
}
	body.genopole-mag section article header h1{
		float:left;
		background:#5a5b5d;
		color:#fff;		
		font-size:1.4em;
		font-weight:400;
		font-style:italic;
		padding: 5px;
		text-transform:uppercase;
		margin:0;
	}
	body.genopole-mag section article header .mag-date{
		float:left;
		background:#1e9977;
		font-size:.9em;
		padding:7px;
		margin:0;
	}
		

body.genopole-mag section > ul  > li{
	float:left;
	position:relative;
	background:url(../img/background/bg-thumb-light-blue.png);
	min-height:190px;
	width:134px;
	color:#fff;
	padding: 8px;
	margin-right: 10px;
	margin-bottom: 35px;
	text-align:center;
}
	
	body.genopole-mag section > ul  > li.outside{
		margin-right:0;
	}
	
	body.genopole-mag section ul li h2{
		font-size:1.2em;
		text-transform:uppercase;
		line-height:1.5em;
		margin-top:10px;
		margin-bottom:10px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.3em;
		 display: inline-block; 
		vertical-align: middle;
	}
	body.genopole-mag section ul li h2 a{
		text-decoration:none;
	}
	body.genopole-mag section > ul  > li:hover .mag-image{
		-webkit-animation: opacityHover 1s;
	  -moz-animation:    opacityHover 1s;
	  -o-animation:      opacityHover 1s;
	  animation:       opacityHover 1s;
	}
	
	body.genopole-mag section .mag-image{
		cursor: pointer;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity:.2;
	}
	  body.genopole-mag section .mag-image img{
		  max-height: 100%;
		  width: 100%;
	  }
	
	body.genopole-mag section .list-mag-nav, body.genopole-mag section .mag-content{
		position:relative;
	}
	  body.genopole-mag section .list-mag-nav, body.genopole-mag section .mag-content iframe{max-width: 100%;}
	body.genopole-mag section .mag-content p{
		line-height:1.3em;
		font-size:1.1em;
		padding:10px;
		color:#fff;
		
	}
	body.genopole-mag section .list-mag-nav {
		position: absolute;
		bottom: -17px;
		z-index: 999;
		right: 0;
	}
	body.genopole-mag section .list-mag-nav ul li{
		float:left;
	}

	
	body.genopole-mag .sidebar>div{
	    overflow: visible;
	    width: 100%;
	}
	
	@media only screen and (max-width: 767px) {
		body.genopole-mag section > ul  > li{width:123px;}
	}