article {display:block;height:0px;color:#fff;position:relative;text-align:center;overflow:hidden;background:#000;}
article.first {width:100%;padding-bottom:45%;margin-bottom:4px;}
article.dm-base {float:left;padding-bottom:33.33%;margin-bottom:4px;}
article.dm-lf {width:calc(50% - 2px);margin-right:2px;}
article.dm-rg {width:calc(50% - 2px);margin-left:2px;}
article.sc {display:none;}
article video {position:absolute;min-width:100%;min-height:100%;z-index:9;top:0;left:0;}

div.sep {width:100%;height:100px;clear:both;}

div.img_fond {position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-size:cover;background-position:50% 50%;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 4s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform-origin:center center;}
div.img_fond_focus {-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);opacity:0.8;}
	
.info-img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;width:80%;}
article.first .info-img {padding-top:70px;background:url('../images/icon/etoiles-ardenne.png') no-repeat center top;-webkit-transform:translate(-50%,calc((50% + 35px) * (-1)));-ms-transform:translate(-50%,calc((50% + 35px) * (-1)));transform:translate(-50%,calc((50% + 35px) * (-1)));}
.surv_link {width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:11;}

.title-img {max-width:100%;letter-spacing:2px;margin:15px 0;line-height:1.2em;text-transform:uppercase;font-weight:700;margin:0;font-size:1.9em;-ms-word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;font-family:'Righteous', cursive;text-shadow:2px 2px 4px #000;}
article.first .title-img {position:relative;margin:0px auto;display:block;font-size:2.2em;}
.title-img a {color:#FFF;text-decoration:none;}
p.bt {margin:20px auto 0px;display:inline-block;white-space:nowrap;letter-spacing:2px;padding:15px 20px;background:#000;color:#FFF;font-size:1.2em;line-height:1.2em;text-transform:uppercase;font-weight:700;}

@media (max-width:1200px){
.title-img,article.first .title-img {font-size:1.6em;}
}

@media (max-width:1100px){
.title-img,article.first .title-img {font-size:1.5em;}
}

@media (max-width:900px){
article.first {width:100%;padding-bottom:66.66%;;margin-bottom:4px;}
article.dm-base {float:none;padding-bottom:66.66%;margin-bottom:4px;}
article.dm-lf {width:100%;margin-right:0px;}
article.dm-rg {width:100%;margin-left:0px;}
p.bt {font-size:1.1em;}
}

@media (max-width:600px){
article.first .info-img {background-size:20px;padding-top:45px;-webkit-transform:translate(-50%,calc((50% + 23px) * (-1)));-ms-transform:translate(-50%,calc((50% + 23px) * (-1)));transform:translate(-50%,calc((50% + 23px) * (-1)));}
.title-img,article.first .title-img {font-size:1.2em;}
p.bt {font-size:0.8em;padding:5px 15px;}
}