/* =====================================================
   RESPONSIVE SMARTPHONE
   ===================================================== */

@media only screen and (max-width:768px){

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;

    font-size:20px !important;
    line-height:1.5 !important;

    text-align:left !important;

    zoom:1 !important;
    transform:none !important;

    -webkit-text-size-adjust:100% !important;
  }

  /* Conteneurs */

  #surmenu,
  .sousmenu,
  #menu,
  #blueblockmenu,
  td.headerNavigation{
    width:100% !important;
    max-width:100% !important;
  }

  /* Tableaux anciens osCommerce */

  table,
  tbody,
  tr,
  td{
    width:auto !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  table{
    display:block !important;
    border-collapse:collapse;
  }

  tr,
  td{
    display:block !important;
  }

  /* Texte */

  body,
  td,
  p,
  span,
  div,
  a,
  li{
    font-size:20px !important;
    line-height:1.5 !important;
  }

  /* Images */

  img{
    max-width:100% !important;
    height:auto !important;
  }

  /* Menu */

  #blueblockmenu li a{
    width:auto !important;
    font-size:16px !important;
    padding:8px !important;
}

/* textes produits osCommerce */

.smallText,
.main,
.productListing-data,
.pageHeading,
.infoBoxContents,
.infoBoxContents td{
   font-size:20px !important;
   line-height:1.5 !important;
}

  /* Formulaires */

  input,
  select,
  textarea,
  button{
    width:100% !important;
    max-width:100% !important;
    font-size:20px !important;
    box-sizing:border-box !important;
  }
/* =========================================
   TEXTES OSCOMMERCE
   ========================================= */

TD.main,
P.main,
TD.main1,
TD.main2,
TD.main3,
TD.main4,
TD.smallText,
SPAN.smallText,
P.smallText,
TD.productListing-data,
.productListing-heading,
TD.infoBoxContents,
TD.infoBox,
SPAN.infoBox,
TD.subBar,
.messageBox,
.messageStackError,
.messageStackWarning,
.messageStackSuccess,
.checkoutBarFrom,
.checkoutBarTo,
.checkoutBarCurrent,
.inputRequirement,
.boxText{
   font-size:18px !important;
   line-height:1.6 !important;
}

/* neutralisation agressive des tableaux */

table{
   width:100% !important;
   max-width:100% !important;
   table-layout:fixed !important;
}

td{
   width:auto !important;
   max-width:100% !important;
   word-wrap:break-word !important;
}

body{
   width:100% !important;
   max-width:100% !important;
}

/* empêcher les tableaux de forcer une largeur géante */

td{
   white-space:normal !important;
}

img{
   max-width:100% !important;
   height:auto !important;
}
/* images produits */

img{
   max-width:100% !important;
   width:auto !important;
   height:auto !important;
   display:block !important;
}
table img{
   max-width:100% !important;
}
/* casser le centrage fixe ancien */

center,
div,
table{
   margin-left:0 !important;
   margin-right:0 !important;
}
body{
   min-width:0 !important;
   }
}