.mobile-only{display:none;}

#mobile-menu{font-size: 1.4em;display:none;box-sizing: border-box;position:absolute;top:0;bottom:0;right:0;width:75vw;background:#000;color:#FFF;z-index:10000;padding:5px 5px;transition-duration:300ms;transform: translateX(100%);}
#mobile-menu ul{list-style:none;display:block;margin:0;padding:0;text-align:left;}
#mobile-menu ul li{display:block;margin:0;padding:0;}
#mobile-menu ul li h3{font-size:inherit;padding:0;margin:0;}
#mobile-menu ul li a{display: block;text-decoration: none;color: inherit;border-bottom: 1px solid #2d3f4c;}
#mobile-menu ul li > h3 > a,#mobile-menu ul li > div{padding: 10px 5px;}
#mobile-menu ul ul li{padding-left:10%;}
#mobile-menu ul ul li h3 > a{border:0;padding:5px;color:#bbb;}
#mobile-menu form[name=loginform]{margin:5px;}
#mobile-menu form[name=loginform] input{display:block;width:100%;box-sizing: border-box;}

body.mobile-menu #global_wrap{transform:translateX(-75vw);}

/*== Up to 980px ======================================================
========================================================================*/
@media (max-width: 980px){
  html,body,#main,#global_wrap{ min-width:unset;width:100vw;overflow-x:hidden;}
  #global_wrap{overflow:visible;transition-duration:300ms;}
  #page_wrap{float:none;}
  #mobile-menu{display:block;}
  input, select, textarea{padding:5px;font-size:inherit;}  
  /* header */
  #header{height:43vw;}
  #header h2,#header #header_right,#header #header_center,#header #navbar,#subheader{display:none;}
  #header_left{float:none;width:auto;position: relative;}
  #header_left img{display: block;width: 100%;}
  #header a#mobile-menu-switch{position:absolute;top: 9px;right: 6px;z-index: 9999;display: block;width: 50px;height: 40px;background: url(../medias/images/menu-48.png) no-repeat center /contain;}
  #topcontent,#tailcontent{display:none;}
  /* side / content */
  #side{display: none;position:fixed;top:61px;right:0;left:0;bottom:0;left:auto;width:250px;z-index:10000;overflow:auto;box-shadow: 0px -1px 5px #000;}
  #side #search_bar{display:none;}
  #side .side_list{margin:0;}
  #side ul li a{font-size: 2em !important;}
  #content{float:none;width:auto;margin:0;}
  /* table cadre1 */
  table.cadre1 td.tl,table.cadre1 td.t,table.cadre1 td.tr,table.cadre1 td.l,
  table.cadre1 td.r,table.cadre1 td.bl,table.cadre1 td.b,table.cadre1 td.br{display:none;}        
  table.cadre1,table.cadre1 > tbody,table.cadre1 > tbody > tr,table.cadre1 td.c{display:block;width:100% !important;float: left;clear: both;}
  /* table cadre3 */
  table.cadre3 td.tl,table.cadre3 td.t,table.cadre3 td.tr,table.cadre3 td.l,
  table.cadre3 td.r,table.cadre3 td.bl,table.cadre3 td.b,table.cadre3 td.br{display:none;}
  table.cadre3,table.cadre3 > tbody,table.cadre3 > tbody > tr,table.cadre3 td.c{display:block;width:100% !important;float: left;clear: both;}
  /* block_film  */
  .block_film{box-sizing:border-box;width:50% !important;}
  .block_film .single_movie_images > a{display: block;height: 60vw !important;}
  .block_film .single_movie_images a > img{height:100% !important;}
  .block_film.left_separator{margin:0;border:0;}
  .block_film .single_movie_images [id^=cover_img] a {display: block;height: 38vw !important;}
  .block_film.div_single_last:nth-child(odd){display:none;} 
  /* x_films */
  .h1_right{display:none;}
  .h1_left{float:none;margin:0;}
  .pagination{padding:0;}
  .pagination a{display: inline-block;padding: 1vw;font-size: 6vw;text-decoration: none;}
  /* x_presentation */
  table.x_presentation,table.x_presentation tbody,table.x_presentation tr,
  table.x_presentation td{display:block;width:100% !important;float:left;clear:both;padding:0 !important;height: auto !important;}
  table.x_presentation img.cover{display:block;margin:0 auto;}
  .placement_infos > table,.placement_infos > table tr,.placement_infos > table td{display:block;width:100% !important;float:left;clear:both;padding:0 !important;height: auto !important;}
  .movies_infos{font-size:1.4em;text-align:center;}
  .movies_infos img.editor{height:auto !important;max-width: 100%;}
  img.thumb_l{width: 33% !important;margin:0 !important;border:1px solid transparent;box-sizing: border-box;}
  /* x_visualisation */
  .x_visualisation .video-js{width:100% !important;height:auto !important;padding:0 0 60% 0;}
  .x_visualisation .video-js video{width:100% !important;height:100% !important;}
  .movie_wrap{width:auto;margin:0 5px !important;} 
  .movie_wrap .movies_infos{text-align:justify;}
  /* disclaimer */
  #disclaimer{padding:1vw;width:auto;height: auto;position:fixed;top:0;left:0;bottom:0;right:0;background-size:cover;}
  #up_disclam{padding-left: 0;}
  #up_disclam h1{font-size: 7vw;}
  #up_disclam h2{font-size: 6vw;line-height:1;}
  #up_disclam p{font-size: 3vw;line-height:2;}
  #bouton{padding-left: 0;}
  #bouton a > img{width:40%;}
  #down_disclam{width:auto;margin-left: 0;}
  #down_disclam p{font-size:2vw;}
  #down_disclam h4{font-size: 3vw;margin-top: 0 !important;}







  
}


/*== tablets 520 - 980 ======================================================
========================================================================*/
@media (min-width: 520px) and (max-width: 980px){
  .block_film{width:25% !important;}
  .block_film .single_movie_images > a{height: 38vw !important;}                  
  .block_film .single_movie_images [id^=cover_img] a {height: 20vw !important;}
  table.nouveautes .block_film:nth-child(n+5){display:none;} 
  #header{height:162px;}
  #header_left img {width: auto;max-height: 175px;}
  #header a#mobile-menu-switch{top: 26px;right: 21px;}
  
}

@media (max-width: 620px)
{
  .hide-on-mobile{
    display: none !important;
  }
}