/* PHONE */
@media all and (max-width:600px) {
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  #system {
    width: auto;
  }

  #header {
    width: auto;
    float : none;
  }

  /* SEARCH */
  #nav {
    width: auto;
    float: none;
    height: 60px;
  }

  #choices {
    float: none;
    height: 30px;
  }

  #searchform{
    width: auto;
  }

  #story{
    width: 80%;
  }

  #forminfo {
    background: transparent url(../img/image4.webp) repeat-x scroll right bottom;
      width: auto;
    float: none;
    height: 30px;
  }

  #div2 {
    width: auto;
    float: none;
  }

  #mysearchbar
  {
    width: auto;
    float: none;
  }

  /* END SEARCH */
  #canvas-content {
    width: auto;
  }

  /* Shortstory */
  #canvas-columns {
    width: auto;
    padding: 0px ! important;
    margin: 0px !important;
  }

  #canvas-leftcolumn {
    width: auto;
    float: none;
    margin: auto;
  }

  #page-topblocks {
    width: auto;
    float: none;
  }

  #page {
    width: auto;
    float: none;
  }

  #catalogue {
    width: auto;
    float: none;
  }

  /* Login block */
  #connexionbutton {
    /* width: 20%; */
    font-size: 14px;
  }

  /* Left collumn */
  #kindoffilm {
    display: none;
  }

  #flashnews {
    display: none;
  }

  /* FULLSTORY */
  #artwork{
    width: auto;
    float: none;
  }
  #description{
    width: auto;
    float: none;
  }

  #ifrm3
  {
    padding-right: 10px;
  }

  /* Lecteurs */

  #fullstory-iframe{
    width: auto;
    height: auto;
  }

  #lecteurs{
    width: auto;
    float: none;
  }

  #lecteur_block{
    display:unset;
  }

  #other{
    display: none !important;
    padding: 0px;
  }

  /* pub */
  #smartphone2{
    min-width: 280px ! important;
  }

  #tablette{
    display: none;
  }
  #ordinateur1{
    display: none;
  }
  #ordinateur2{
    display: none;
  }
  #fullstoryPub{
    display: none;
  }

  #feedbacktext{
    width: 175px !important;
  }

  .divExtension{
    display: none;
  }


}

/* Tablette */
@media (min-width: 601px) and (max-width: 1023px) {
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }


  #system {
    width: auto;
  }

  #header {
    width: auto;
  }

  /* SEARCH */
  #nav {
    display: block;
    width: auto;
    float: none;
  }

  #choices {
    float: none;
  }

  #forminfo {
    float: none;
  }

  #div2 {
    width: auto;
    float: none;
  }

  #navrow{
    width: auto;
  }



  /* END SEARCH */

  #lecteurs{
    padding: 0px;
  }

  #seealso{
    padding-left: 10px;
  }
  #infos{
    padding-left: 10px;
  }




  #canvas-content {
    width: auto;
    float: left;
  }

  /* Shortstory */
  #canvas-columns {
    width: auto;
    padding: 0px ! important;
    margin: 0px !important;
  }

  #canvas-leftcolumn {
    width: auto;
    float: none;
    margin: auto;
  }

  #page-topblocks {
    width: auto;
    float: none;
  }

  #page {
    width: auto;
    float: none;
  }

  #catalogue {
    width: auto;
    float: none;
  }

  /* Login block */
  #connexionbutton {
    /* width: 20%; */
    font-size: 14px;
  }

  /* Left collumn */
  #kindoffilm {
    display: none;
  }

  #flashnews {
    display: none;
  }

  #other_mobile{
    display: none !important;
  }

  /* pub */
  #smartphone1{
    display: none;
  }
  #smartphone2{
    display: none;
  }
  #ordinateur1{
    display: none;
  }
  #ordinateur2{
    display: none;
  }
  #fullstoryPub{
    display: none;
  }

  .divExtension{
    display: none;
  }
}

/* PC */
@media (min-width: 1024px) {
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  #smartphone1{
    display: none;
  }
  #smartphone2{
    display: none;
  }
  #tablette{
    display: none;
  }


  #other_mobile{
    display: none !important;
  }
}


@media (min-width: 426px) and (max-width: 600px) {
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  #other_mobile{
    display: none !important;
  }

  #tablette{
    display: none;
  }
  #ordinateur1{
    display: none;
  }
  #ordinateur2{
    display: none;
  }
  #fullstoryPub{
    display: none;
  }
}


/* @media (min-width: 1615px) {
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  #canvas {
    width: auto;
    float: left;
  }

  #canvas-content {
    width: auto;
    float: left;
  }

} */