article {display:block;height:0px;color:#fff;position:relative;text-align:center;overflow:hidden;background:#000;}
article.first {width:100%;padding-bottom:50%;margin-bottom:4px;}
article video {position:absolute;min-width:100%;min-height:100%;z-index:9;top:0;left:0;}

div.esp_texte {width:100%;overflow:auto;}
div.esp_texte p {font-weight:bold;padding:10px 50px 10px 0px;font-size:15px;line-height:20px;letter-spacing:2px;}

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;}
.htag {padding:15px 20px;}

.show_rs {cursor:pointer;width:60px;height:60px;position:absolute;bottom:0;right:0;display:block;z-index:13;background:url('../images/icon/icon-share.svg') no-repeat 50% 50%;background-size:100%;}
.ft_img {display:none;width:100%;height:60px;position:absolute;bottom:0;left:0;display:block;z-index:14;background:rgba(0,0,0,0.8);}
.ft_img ul {width:100%;display:block;}
.ft_img li {float:left;width:calc((100% - 60px) / 4)}
.ft_img li a {background:#FFF;cursor:pointer;}
.ft_img li a img {display:block;width:40px;height:40px;margin:0px auto;padding:10px;}
.ft_img li.cls {width:60px;height:60px;background:#FFF;}
.ft_img li.cls a {display:block;width:60px;height:60px;background:#000 url('../images/icon/icon-menu-close.svg') no-repeat 50% 50%;background-size:25px;}

h1 {font-size:22px;line-height:28px;padding:30px 0px 10px;text-transform:uppercase;letter-spacing:2px;}
h2 {font-size:12px;line-height:18px;padding:0px 0px 20px;text-transform:uppercase;letter-spacing:2px;}

@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;}
div.esp_texte {padding-bottom:20px;}
}

@media (max-width:900px){
div.esp_texte p {padding:10px 0px;}
article.first {width:100%;padding-bottom:66.66%;margin-bottom:4px;}
article.dm-base {float:none;padding-bottom:66.66%;margin-bottom:4px;}
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;}
div.esp_texte {width:90%;margin:0px auto;}
}