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


/*

	AUTRES & FOLIOS

*/
.item_article {
	position:relative;
	display:inline-block;
	padding-bottom:20px;
	min-height:180px;
	width:28%;
	margin-right:2%;
	font-size:16px;
	vertical-align:text-top;
	text-align:left;
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
}

.articles .ligne_articles {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin-bottom:40px;
	font-size:0px;
}


.articles .ligne_articles .description {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:30%;
	margin-right:2%;
	font-size:16px;
}
.articles .ligne_articles .description .item_titre {
	width:100%;
	margin-bottom:15px;
	font-size:1.4em;
	font-weight:bold;
	font-family:'bebas_neue_regularregular';
}
.articles .ligne_articles .description .item_img {
	position:relative;
	width:100%;
	margin:0px;
	height:210px;
	background-color:rgba(255,255,255,.2);
	margin-bottom:15px;
}


.articles .ligne_articles .description_image {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:68%;
	background-color:rgba(255,0,0,.5);
}
.articles .ligne_articles .description_image img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}


.articles .ligne_articles .image {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:70%;
	margin-right:2%;
}
.articles .ligne_articles .image img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.articles .ligne_articles .fleches {
	position:absolute;
	display:block;
	width:28%;
	height:100%;
	top:0px;
	right:0px;
}

.articles .ligne_articles .fleches .fleche {
	position:absolute;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	height:49%;
	top:0px;
	left:0px;
	font-size:16px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	text-align:center;
	font-size:18px;
	font-family:'bebas_neue_regularregular';
}
.articles .ligne_articles .fleches .fleche:before {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	content:'';
	height:100%;
	width:1px;
	margin-left:-1px;
}
.articles .ligne_articles .fleches .fleche div {
	position:relative;
	display:inline-block;
	vertical-align:middle;
}


.articles .ligne_articles .fleches .fleche_1 { background-image:url(../img/flecheT2.png); }

.articles .ligne_articles .fleches .fleche_2 { background-image:url(../img/flecheT1.png); }

.articles .ligne_articles .fleches .fleche_3 { background-image:url(../img/flecheT3.png); }




.articles .ligne_articles_s2 .image {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:70%;
	margin-left:30%;
	margin-right:0%;
}

.articles .ligne_articles_s2 .fleches {
	position:absolute;
	display:block;
	width:28%;
	height:100%;
	top:0px;
	left:0px;
}
.articles .ligne_articles_s2 .fleches .fleche { top:20%; }


.liens_suivant_precedent {
	position:relative;
	width:100%;
	min-height:30px;
	height:auto;
	margin-top:-10px;
	margin-bottom:10px;
	font-size:24px;
	line-height:1.3em;
	text-align:right;
	font-weight:bold;
	color:rgba(0,0,0,.8);
	overflow:hidden;
	font-family:'bebas_neue_regularregular';
}
.btnPrecedent {
	position:relative;
	float:left;
	height:30px;
	width:auto;
	max-width:100%;
	padding-left:80px;
	padding-right:10px;
	background-image:url(../img/flechePrec.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:left;
	text-decoration:none;
	border:none;
	color:#547d26;
	cursor:pointer;
	white-space:nowrap;
	background-color:rgba(0,0,0,.0);
}
.btnPrecedent:hover { padding-left:76px; margin-left:10px; }

.btnSuivant {
	position:relative;
	/*/float:right;*/
	display:block;
	display:inline-block;
	height:30px;
	width:auto;
	padding-left:10px;
	padding-right:80px;
	background-image:url(../img/flecheSuiv.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:right;
	text-decoration:none;
	border:none;
	color:#547d26;
	cursor:pointer;
	background-color:rgba(0,0,0,.0);
}
.btnSuivant:hover { padding-right:76px; margin-right:10px; }




.lien_pdf {
	position:relative;
	/*display:block;*/
	text-decoration:none;
	border:none;
	height:30px;
	line-height:30px;
	padding-left:30px;
	/*margin-top:-0px;*/
	margin-bottom:20px;
	font-size:1.1em;
	font-weight:bold;
	color:inherit;
	background-repeat:no-repeat;
	background-position:left;
	background-size:auto 100%;
	background-image:url(../img/ico_pdf.png);
}
.lien_pdf:hover {
	text-decoration:underline;
}



/* remove fleches */
.articles .ligne_articles .fleches {
	display: none;
}
.articles .ligne_articles .image {
	width: 100%;
	margin-left: 0px;
}





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

.liens_suivant_precedent { font-size:20px; }

.btnPrecedent { height:26px; }

.btnSuivant { height:26px; }

}
@media screen and (max-width:380px) {

.liens_suivant_precedent { font-size:16px; }

.btnPrecedent { height:22px; }

.btnSuivant { height:22px; }

}