div.menu_saison {width:100%;margin:20px 0px;height:50px;}
div.menu_saison ul {text-align:center;width:100%;list-style:none;}
div.menu_saison ul li {float:left;width:25%;height:50px;}
div.menu_saison ul li a {text-transform:uppercase;text-decoration:none;color:#000;font-size:20px;line-height:20px;letter-spacing:2px;padding:10px 15px;}
div.menu_saison ul li.select a,div.menu_saison ul li a:hover {background:#000;color:#FFF;}

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

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

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:48%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;width:80%;}
.info-img p {font-size:14px;line-height:16px;padding:10px 10px 20px 10px;word-spacing:5px;letter-spacing:2px;}
.bt_go_page {transition:all 0.2s ease-out;position:absolute;top:65%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;padding:10px 20px;font-size:16px;line-height:16px;font-weight:bold;letter-spacing:1px;white-space:nowrap;}
.base {background:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0.5);color:rgba(255,255,255,0.5);}
.transform {background:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);color:#000;}

.surv_link {width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:11;}
.title-img {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;}
.title-img a {color:#FFF;text-decoration:none;}

.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;}

@media (max-width:1200px){
div.esp_texte p {font-size:13px;line-height:18px;}
}

@media (max-width:1100px){
div.esp_texte {padding-bottom:20px;}
.title-img{font-size:1.5em;}
.info-img p {font-size:12px;line-height:15px;}
}

@media (max-width:900px){
.dm-lf {width:100%;margin-right:0px;}
.dm-rg {width:100%;margin-left:0px;}
div.esp_texte {height:auto;overflow:auto;}
div.esp_texte p {padding:10px 0px;}
div.menu_saison {height:auto;margin-bottom:0px;}
div.menu_saison ul li a {font-size:15px;line-height:15px;}
}

@media (max-width:600px){
div.menu_saison ul li {width:50%;height:40px;}
div.menu_saison ul li a {width:80%;padding:10px 0px;display:block;margin:0px 10%;}
div.esp_texte {width:90%;margin:0px auto;}
.title-img {font-size:1.2em;}
}

@media (max-width:480px){
.title-img {font-size:1.1em;}
}