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


/*

	METHODOLOGIE

*/
.itemMethode {
	position:relative;
	width:100%;
	height:auto;
	font-size:0px;
	border-bottom:2px dashed #659331;
}
.itemMethodeTitre {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:30%;
	height:auto;
	font-family:'nexarust';
	font-size:16px;
	text-align:right;
	font-weight:bold;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
.itemMethodeImg {
	position:relative;
	display:block;
	margin:auto;
	width:70%;
	height:auto;
	margin-top:15px;
}
.itemDroite { width:70%; }

.itemMethodeChrono {
	position:absolute;
	left:30%;
	top:0px;
	margin-left:20px;
	vertical-align:middle;
	text-align:center;
	background-color:#659331;
	width:50px;
	height:100%;
}
.itemMethodeChrono div {
	display:inline-block;
	vertical-align:middle;
	color:#FFFFFF;
	font-family:'bebas_neue_regularregular';
	font-size:24px;
	font-weight:bold;
}

.itemMethodeTxt {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:56%;
	font-size:16px;
	margin-left:14%;
	padding-top:50px;
	padding-bottom:50px;
	height:auto;
}

/*

	VIEWER

*/
#viewver {
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,.7);
}
#viewver div {
	position:absolute;
	display:block;
	width:90%;
	height:90%;
	top:5%;
	left:5%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}




/**/
@media screen and (max-width:480px) {

.itemMethodeTitre { font-size:12px; width:22%; }

.itemMethodeChrono {
	position:absolute;
	left:22%;
	top:0px;
	margin-left:15px;
	width:30px;
}

}