.dossier-special .texte {
    padding: 1.875rem;
    min-height: 220px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.texte p {
	margin-bottom:0
}

.dossier-special .content-title {margin-bottom:0}

.dossier-special {padding-top:0} 
.dossier-special .content-content {color:#505050}

.dossier-special h1.content-title {padding-top:30px; font-size: 1.8em;}

.dossier-special .encart, .dossier-special #sommaire {border:1px solid #e5e5e5;
border-radius:3px; box-shadow: 0 1px 2px rgba(0,0,0,.1)}

.dossier-special section > article {
    /*margin-top: -140px;*/
    max-width: 1068px;
}

#hero-img:before {
    background: rgba(0,0,0,0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    content: "";
}

.body > section.w70 {padding-top:0}

.ei_contener .dossier-special ul {list-style:none; margin-bottom:60px;
padding-left:0}

.dossier-special ul li {background:white; border-radius:3px; width:30%; display:inline-block; vertical-align:top; margin:15px; box-sizing:border-box;}
.dossier-special ul li img {width:100%; height:auto}
.dossier-special .texte {padding:1.875rem;}
.dossier-special .texte h2 {line-height:1.2}
.dossier-special .texte .video-tags li {
   background-color:#E1EFFF !important;
    border-radius: 5px;
    color: #2b3446;
    display: inline-block !important;
    font-size: 11px;
    margin: .6em .4em 0 0;
    padding:2px 10px;
	box-shadow:none !important;
	width:auto;
}
.dossier-special .texte .video-tags li:before {
	display:none
}

.dossier-special .texte ul.video-tags {
	margin-bottom:0
}

.dossier-special ul li a {text-decoration:none;position:relative;display:block}

.dossier-special ul li a:hover h2, .dossier-special ul li a:focus h2 {
    color:#212121;
}
.blocmodal, .ei_blocmodal {
    background: #fff;
    border: 1px solid #aaa;
    width: 600px;
    -webkit-box-shadow: 0 10px 10px #000;
    -moz-box-shadow: 0 10px 10px #000;
    box-shadow: 0 10px 10px #000;
    border-radius: 4px;
}

video {width:100%}
.visuel {position:relative;}
.visuel .icon {
    position: absolute;
    z-index: 3000;
    top: 50%;
    left: 50%;
	opacity:.6;
    height: auto;
    width: 22%;
    transform: translate(-50%, -50%);
	transition: all 250ms ease-out;
}

.dossier-special ul li a:hover .icon {opacity:1}

.dossier-special article a:hover .icon {opacity:1}



@media screen and (max-width: 768px) {
.dossier-special ul li {width:100%; display:inline-block; margin:0}
.dossier-special #hero-img {
    background-size: 330%;
    background-position: 13%;
}

.dossier-special .texte {
    min-height: auto;
}

.dossier-special .texte h2 {
    margin-bottom:1rem;
}

}