#footer-mobile{
  display:none;
}

/*------- POUR TABLETTE-----------*/
@media screen and (min-width:700px) and (max-width:800px){
  /*la playlist*/ 
  #camera_wrap_108{
    margin:auto !important;
    height:400px !important;
    width:280px !important;
  }
  .titres{
    width:240px;
    height: auto;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top: -160px;
    display:block;
  }
  /*les extraits*/
  .extraits{
    margin: 0!important;
   padding-top:calc((50vw / 540) * 150)!important;
  }
  .window-extrait{
    height:250px;
    overflow:scroll;
  }
  .extraits p{
    width:90%;
    padding-right:10%;
  }
  
  /*technique*/
  .fiche_technique{
    width:80%!important;
  }
  
  .texte_technique{
    width:80%!important;
    margin:auto;
  }
}

@media screen and (max-width:800px){
  
  
  #module1{
    margin-top:35px;
  }
  
  #modules1mod1{
    display:none;
  }
  #maximenuck94{
    display:none;
  }
  
  #maximenuck94-mobilebarmenuck{
    display:block !important;
  }
  #maximenuck94-mobile{
    position:fixed!important;
  }
  
  .inner.ui-sortable.container{
    width:100% !important;
  }
  
  
  /*-------------------PAGE D'ACCUEIL---------------------*/
  
  .inner.clearfix{
    padding:0 !important;
  }
  
  .texte_accueil{
    background-image:none !important;
    padding:0 5% 0 5%;
  }
  #camera_wrap_107{
    display:block !important;
    margin:auto;
    max-width:100%;
  }
  .extraits{
    width:412px !important;
    margin:auto !important;
    max-width:100%;
    background-size:100% auto;
    /*margin-left:calc( calc(100vw - 412px) / 2);*/
    width:412px;
    padding-left:0;
    padding-right:0;
  }
  
  /*---------------FOOTER----------------*/
  #modules2mod1, #modules2mod3, #tel{
    display:none;
  }
  #modules2mod2 .inner.clearfix{
    margin:0;
  }
  #modules2 .flexiblemodule{
    width:auto !important;
  }
  #modules2{
    margin-top:90px;
  }
  #modules2 .inner.clearfix{
    background-image:none !important;
  }
  #footer-mobile{
    font-size:0;
    position:relative;
    height:90px;
    width:100vw !important;
    display:inline-block;
    background-image:url("/images/Charte/fond_footer.png");
    background-repeat: repeat-x;
  }
  #footer-mobile .content{
    margin:auto;
    max-width:280px;
    padding-top:30px;
    font-size:15px;
    height:90px;
    display:block;
  }
  #footer-mobile .content img{
    display:inline-block;
  }
  #footer-mobile .content p{
    display:inline-block;
  }
   .content p, .content img, .content a {
	margin-right:10px;
  }
  .tel{
    margin-right:0;
    float:left;
    background:none;
    width:auto;
    max-width:200px;
    padding:0;
    height:auto;
    display:inline-block;
  }
  .mail{
    padding:0;
    height:45px;
    width:45px;
    display:inline-block;
    margin-left:0;
  }
  
  .credit{
    padding:0;
    text-align:center;
    float:right;
    margin:0;
  }
  
  /*----------------------LE GROUPE---------------------------*/
  #center{
    display:block;
  }
  #right{
    display:block;  
  }
  /*#right .moduletable{
    
  } */
  .le-groupe{
    width:80% !important;
    padding: 0 10% 0 10%;
  }
  .texte_groupe{
    max-width:calc(100% - 40px)!important;
    margin:auto !important;
    margin-top:15px !important;
  }
  #center .inner{
    padding:0 !important;
  }
  
  
  
  /*---------------------LA PLAYLIST--------------------*/
  
  .texte_playlist{
    padding-left:20px;
    background-position: -130px 0px;
  }
  
  #camera_wrap_108{
    margin:auto !important;
    max-width:100%;
  }
  .titres{
    max-width:100%;
    margin-left:auto !important;
    margin-right:auto;
    display:block;
  }
  
  
  /*-------------VIDEOS------------------*/
  .video{
    padding-left:0;
    padding-right:0;
  }
  .video > p{
    display:block;
  }
  
  .video video{
    margin:auto;
    max-width:100%!important;
    height:auto!important;
    display:block;
  }
  .legende_video{
    margin:0!important;
    position:static;
    display:block;
    width:100%;
    height:auto;
    padding: 10px 0 10px 0;
    text-align:center;
  }
  
  /*----------------PAGE TECHNIQUE---------------*/
  .texte_technique{
    margin: auto!important;
    margin-top:20px!important;
  }
  .fiche_technique{
    width:auto;
    max-width:350px;
    margin:auto!important;
  }
  
}


/*-----------playlist petit ecrans--------*/
@media screen and (max-width: 540px){
  /*playlist pour ecran trop etroit*/
   #camera_wrap_108{
    margin:auto !important;
    height:400px !important;
    width:256px !important;
  }
  .titres{
    width:216px;
    /*width:calc((100vw * 394) / 550)!important;*/
    height: auto;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top: -180px;
    display:block;
  }
  
  /*extrait sur ecran trop petit*/
  .extraits{
    padding-top:calc((100vw / 540) * 150)!important;
  }
  .window-extrait{
    height:250px;
    overflow:scroll;
  }
  .extraits p{
    width:90%;
    padding-right:10%;
  }
  
}