/* habillage home */
#habillage_home{
	background-position: top center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	width: 100%;
	top: 200px;
	bottom: 0;
	position: absolute;
	text-align: center;
	display: block;
	cursor: pointer;
	overflow: hidden;
}

#habillage_home.gradient .habillage-top{
	height: 200px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#habillage_home.gradient .habillage-bottom{
	top: 200px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#habillage_home.gradient .habillage-bottom2{
	top: 1200px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#habillage_home.gradient .habillage-top:before,
#habillage_home.gradient .habillage-top:after,
#habillage_home.gradient .habillage-bottom:before,
#habillage_home.gradient .habillage-bottom:after,
#habillage_home.gradient .habillage-bottom2:before,
#habillage_home.gradient .habillage-bottom2:after
{
	display:block;
	content: '';
	position: absolute;
	height: 100%;
	width: 50%;
}
#habillage_home.gradient .habillage-top:before{
	_background-image: linear-gradient(to left, rgba(243, 243, 243, 0) 0%, rgba(243, 243, 243, 1) 5%, rgba(243, 243, 243, 1) 100%);
	left: 0;
	margin-left: -750px;
}
#habillage_home.gradient .habillage-top:after{
	_background-image: linear-gradient(to right, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 1) 5%, rgba(209, 209, 209, 1) 100%);
	right: 0;
	margin-right: -750px;
}
#habillage_home.gradient .habillage-bottom:before{
	_background-image: linear-gradient(to left, rgba(59, 203, 202, 0) 0%, rgba(59, 203, 202, 1) 5%, rgba(59, 203, 202, 1) 100%);
	left: 0;
	margin-left: -750px;
}
#habillage_home.gradient .habillage-bottom:after{
	_background-image: linear-gradient(to right, rgba(221, 0, 91, 0) 0%, rgba(221, 0, 91, 1) 5%, rgba(221, 0, 91, 1) 100%);
	right: 0;
	margin-right: -750px;
}

#habillage_home.gradient .habillage-bottom2:before{
	_background-color: rgba(59, 203, 202, 1);
	left: 0;
}
#habillage_home.gradient .habillage-bottom2:after{
	_background-color: rgba(221, 0, 91, 1);
	right: 0;
}


/* banniere */
.bloc-banniere{
	background-color: white;
	text-align: center;
	padding: 20px 0 20px 0;
	position: relative;
	margin: auto;
	
	_border-bottom: 1px solid #000;
}
.bloc-banniere img{
	max-width: 100%;
}


.single-chronique .bloc-banniere {
	display: none !important;
}

.campagnes div{
	display: none;
} 

/* top_articles */
.campagnes-top_articles{
	margin-bottom: 20px;
}

/* LNEP */
.campagnes-lnep-article_droite{
	margin-bottom: 20px;
}

/* Dossier */
.campagnes-dossier-sidebar{
	margin-bottom: 20px;
}



/* INTERSTITIEL */

/* Interstitiel
---------------------------------------------*/
.interstitiel-overlay{
	background-color: rgba(255, 255, 255, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.interstitiel{
	position: fixed;
	width: 943px; /* default size */
	height: 589px;
	
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 11;
	
	transition: all 0.3s;
}
.interstitiel-close{
	display: block;
	background-image: url(images/interstitiel-close.png);
	background-size:100%;
	width: 25px;
	height: 25px;
	position: absolute;
	right: -20px;
	top: 20px;
	opacity: 0.7;
}
@media screen and (max-width: 500px) {
	.interstitiel-close{
		right: 20px;
		top: -20px;
	}
}

.interstitiel-padding{
	padding: 20px;	
}
.interstitiel-content{
	position: relative;
}

.interstitiel img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.interstitiel-content a{
	position: absolute;
	display: block;
}
.interstitiel-lien1{
width: 50%;
height: 5.3%;
top: 62%;
left: 8%;
}
.interstitiel-lien2{
width: 50%;
height: 5.3%;
top: 68.9%;
left: 8%;
}
.interstitiel-lien3{
width: 50%;
height: 5.3%;
top: 75.8%;
left: 8%;
}
.interstitiel-lien4{
width: 17%;
height: 9%;
top: 87.5%;
left: 71.6%;
}
.interstitiel a.checkbox.hover:before,
.interstitiel a.checkbox.checked:before
{
	content: '';
	background-image: url(images/2016/checkmark.png);
	width: 18px;
	height: 18px;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 2.2%;
	transform: translateY(-50%);
}
.interstitiel a.checkbox.hover:before{
	opacity: 0.4;
}



.ismobile .interstitiel a.checkbox.hover:before,
.ismobile .interstitiel a.checkbox.checked:before
{
	width: 28px;
	height: 28px;
}


.interstitiel-mobile-lien1{
    width: 80%;
    height: 8%;
    top: 59%;
    left: 8.3%;
}
.interstitiel-mobile-lien2{
    width: 80%;
    height: 8%;
    top: 67.7%;
    left: 8.3%;
}
.interstitiel-mobile-lien3{
    width: 80%;
    height: 8%;
    top: 77.1%;
    left: 8.3%;
}