/* COMPILE mobile.scss => mobile.css, DO NOT edit mobile.css directly */
/* Tablet Portrait - Design for a width of 768px */
/* Mobile Landscape - Design for a width of 480px */
#mobile-header {
  display: none; }

/* Mobile Portrait design for 320px */
@media only screen and (max-width: 480px) {
  body {
    background-image: none;
    background: white; }

  .hidemobile {
    display: none; }

  #page {
    padding: 0;
    max-width: 100%;
    width: 100%;
    -webkit-box-shadow: none; }
    #page #header {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      background-image: none;
      height: auto; }
      #page #header #mobile-header {
        display: block; }
      #page #header #main-logo,
      #page #header #topmenu,
      #page #header #mainmenu,
      #page #header #rightmenu,
      #page #header .img-box {
        display: none; }
      #page #header a img.dynamic {
        width: 100%; }
    #page #primary-content {
      max-width: 100%; }
      #page #primary-content .col-left {
        margin: 0;
        padding: 0 16px;
        width: 90%; }
      #page #primary-content .main-col {
        clear: both;
        overflow: hidden;
        max-width: 100%;
        padding: 0 16px; }
        #page #primary-content .main-col h1, #page #primary-content .main-col h2, #page #primary-content .main-col h3, #page #primary-content .main-col h4, #page #primary-content .main-col h5, #page #primary-content .main-col h6, #page #primary-content .main-col p {
          width: 90%; }
        #page #primary-content .main-col .planirente,
        #page #primary-content .main-col .trajectoire,
        #page #primary-content .main-col #videoBody {
          margin: 0;
          background-size: cover; }
          #page #primary-content .main-col .planirente span,
          #page #primary-content .main-col .trajectoire span,
          #page #primary-content .main-col #videoBody span {
            display: none; }
        #page #primary-content .main-col .planirente,
        #page #primary-content .main-col .trajectoire {
          padding: 0;
          width: 90%; }
        #page #primary-content .main-col #videoBody {
          padding: 0;
          width: auto; }
          #page #primary-content .main-col #videoBody #videoPlayer {
            width: 90%; }
          #page #primary-content .main-col #videoBody .thethwo,
          #page #primary-content .main-col #videoBody .theone,
          #page #primary-content .main-col #videoBody .thethree,
          #page #primary-content .main-col #videoBody .thefour {
            margin: 10px 5px 0 0px;
            display: inline-block; }
          #page #primary-content .main-col #videoBody .thethwo,
          #page #primary-content .main-col #videoBody .thethree {
            margin-left: 0px; }
          #page #primary-content .main-col #videoBody .thethree, #page #primary-content .main-col #videoBody .thefour {
            margin-bottom: 10px; }
          #page #primary-content .main-col #videoBody .thumbs {
            padding: 0; }
        #page #primary-content .main-col #content {
          margin: 0;
          padding: 0 3px 0 3px; }

  .footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../../images/mobile-footer.jpg); }
    .footer .footer-holder {
      width: 100%;
      height: auto;
      background-image: none; }
      .footer .footer-holder .first {
        display: none; }
      .footer .footer-holder .second {
        display: none; }
      .footer .footer-holder .third {
        font-size: 11px;
        width: 90%;
        margin: 0;
        padding: 10px 0 10px 15px;
        clear: both;
        width: auto; }

  .sidr ul li ul {
    display: none; }
  .sidr .expandable a {
    background-image: url(../../images/mobile-menu-dip.png);
    background-repeat: no-repeat;
    background-position: 240px 24px; }
  .sidr .expandable ul a {
    background-image: none; } }