@charset "utf-8";

#menu ul #magazine {

	background-image:none;

	border-bottom: 4px solid #3b2c2b;

	padding-bottom:4px;

	margin-bottom:0px;

	color:#3b2c2b;

}

#mag {

	background-color:#3b2c2b;

	position:relative;

	height:675px;

	border-radius:4px;

}

#titre {

	font-family:Fjord One;

	font-size:36px;

	color:#FFF;

	position:relative;

	top:10px;

	left:15px;

	width:990px;

	background-image:url(../images/mag_titre.png);

	background-repeat:no-repeat;

	background-position:bottom;

	padding-bottom:10px;

}

#diaporama {

	position: absolute;
    top: 90px;

	left:10px;

	width:684px;

}

#author_mag {

	color:#FFF;

	font-family:Droid Sans;

	font-weight:bold;

	font-size:14px;

	position:relative;

	top: 30px;

	left:705px;

	width:300px;

}

#text_mag {

	font-family:Fjord One;

	font-size:13px;

	color:#FFF;

	width:296px;
	
	height : 300px;
	
	overflow : hidden;

	position:relative;

	top: 60px;

	left:705px;
	
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;

}

#scroller {
	position: absolute;

	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

#plus_mag {

	position:relative;

	top: 80px;

	left:705px;

	color:#999999;

	width:300px;

	background-image:url(../images/mag_plus_border.png);

	background-repeat:no-repeat;

	background-position:bottom;

	padding-bottom:30px;

}

#plus_mag img {

	width:17px;

	height:17px;

	padding-right:9px;

	position:relative;

	top:3.5px;

}

#mag_alea {

	position:relative;

	width:1020px;


}

#mag_thumb {

	position:relative;

	float:left;

	width:310px;

	height:310px;

	margin-top:10px;

	padding:10px;

	background-color:#3B2C2B;

	border-radius:4px;

	z-index:1;

}

#thumb_titre {

	font-family:Droid Sans;

	font-weight:bold;

	font-size:11px;

	color:#FFF;

	width:310px;

	padding-bottom:4px;

	margin-bottom:5px;

	border-bottom:2px solid #4d4d4d;

}

#mag_thumb img {

	display: block;
    margin: auto;
    max-height: 206px;
    max-width: 310px;

	padding-bottom:8px;

	border-bottom:1px solid #FFF;

}

#thumb_text {

	font-family:Fjord One;

	font-size:12px;

	color:#FFF;

	line-height:18px;

	margin-top:8px;

	height:54px;

	width:295px;

	color:#f2f1f1;

}

#thumb_plus img {

	width:17px;

	height:17px;

	position:absolute;

	right:7px;

	bottom:5px;

	padding-bottom:0px;

	border-bottom:none;

}

#mag_plus {

	background-color:#3B2C2B;
	font-size: 14px;
	position:relative;
	height: 20px;
	color : #FFF;
	top:10px;
	text-align: center;
	border-radius:4px;
	clear: both;
	padding : 10px;
	text-decoration:underline;


}

#mag_plus img {

	position:relative;

	width:12px;

	height:13px;

	top:2px;

}

/*#content {

	height : 1410px;

}*/

#filigrane {

	background-image:url(../images/filigrane_prtit.png);

	width:665px;

	height:335px;

	top:61px;

	position:absolute;

	z-index:10;

}