@media screen and (max-width: 1024px) {
  .btnAnnulerGris {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    font-weight: bold;
  }
  .action {
    text-align: center;
  }
  .btnValideRouge,
  #validerFormChequeCadeau {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  .btn:before,
  .btnSsmarge:before {
    content: "";
  }
  #conteneur {
    /*FOOTER DEBUT*/
  
    /*FOOTER FIN*/
  
  }
  #conteneur #header {
    width: 100%;
    max-width: 100%;
  }
  #conteneur #header #logoEshopping {
    display: inline-block;
    width: 445px;
    margin: 8px 0 15px 15px;
    /*ie*/
  
    *float: left;
  }
  #conteneur #header .toolBoutons {
    display: inline-block;
    float: right;
    margin-top: 21px;
    /*ie*/
  
    zoom: 1;
    *display: inline;
    font-size: 0;
  }
  #conteneur #header .toolBoutons li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    /*ie*/
  
    zoom: 1;
    *display: inline;
  }
  #conteneur #header .toolBoutons li a {
    display: block;
  }
  #conteneur #header .toolBoutons li a .label {
    display: none;
  }
  #conteneur #header .toolBoutons li .icon {
    display: inline-block;
  }
  #conteneur #header .toolBoutons li#connexionBouton .icon {
    background-position: -4px -112px;
    width: 32px;
    height: 26px;
  }
  #conteneur #header .toolBoutons li#searchBouton .icon {
    background-position: -88px -112px;
    width: 32px;
    height: 26px;
  }
  #conteneur #header .toolBoutons #panierBouton .label {
    display: none;
  }
  #conteneur #header .toolBoutons #panierBouton #panier #nombreArticles {
    width: 32px;
    height: 31px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    font-size: 8px;
  }
  #conteneur #header .toolBoutons #menuBouton {
    display: none;
  }
  #conteneur #header .toolBoutons #menuBouton .icon {
    background-position: -52px -112px;
    width: 23px;
    height: 26px;
  }
  #conteneur #header #interface {
    height: auto;
  }
  #conteneur #header #interface #menu {
    float: none;
    position: relative;
    margin-top: 0;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #conteneur #header #interface #menu li {
    float: none;
    display: inline-block;
  }
  #conteneur #header #interface #menu li .menuSousRub li {
    display: block;
  }
  #conteneur #header #interface #recherche {
    display: none;
    float: none;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #conteneur #header #interface #recherche #rechercheAvancee {
    display: none;
  }
  #conteneur #header #interface #recherche #contourChamps {
    width: 100%;
    border: none;
  }
  #conteneur #header #interface #recherche #contourChamps input {
    width: 100%;
    height: 36px;
  }
  #conteneur #header #interface #recherche #boutonRecherche {
    display: none;
  }
  #conteneur #header #headerDesk,
  #conteneur #header #connexion {
    display: none;
  }
  #conteneur #header #headerDesk #panier,
  #conteneur #header #connexion #panier {
    position: relative;
    z-index: 80;
    width: 20px;
    height: 26px;
  }
  #conteneur #header #headerDesk #panier #nombreArticles,
  #conteneur #header #connexion #panier #nombreArticles {
    cursor: pointer;
    float: none;
  }
  #conteneur #header #headerDesk #panier #nombreArticles span,
  #conteneur #header #connexion #panier #nombreArticles span {
    text-align: center;
    display: inline-block;
    font-size: 14px;
    line-height: 29px;
    width: 22px;
    font-weight: bold;
  }
  #conteneur #header #headerDesk #panier #menuPanier,
  #conteneur #header #connexion #panier #menuPanier {
    width: 260px;
    top: 28px;
    z-index: 60;
  }
  #conteneur #header #currency {
    display: block;
    /*Alignement a droite et gauche*/
  
  }
  #conteneur #header #currency .currEuro,
  #conteneur #header #currency .currMiles {
    text-align: justify;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
  }
  #conteneur #header #currency .currEuro:after,
  #conteneur #header #currency .currMiles:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
  #conteneur #header #currency .infoCurrency {
    margin: 5px 15px;
    display: inline-block;
    vertical-align: middle;
    font: bold 15px;
    /* ie 7*/
    *display: inline;
    *zoom: 1;
    *text-align: left;
  }
  #conteneur #header #currency .currMiles .infoCurrency:after {
    content: '';
    display: block;
    width: 115px;
    height: 20px;
  }
  #conteneur #header #currency .linkCurrency {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 155px;
    height: 52px;
    margin: 5px 10px 5px 0;
    vertical-align: middle;
    text-align: center;
    /* ie 7*/
  
    *display: inline;
    *zoom: 1;
    *text-align: right;
  }
  #conteneur #header #currency .linkCurrency a {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 155px;
    height: 52px;
    padding: 7px 10px 0;
    font: 20px bold Tahoma, Geneva, sans-serif;
  }
  #conteneur #header #currency .linkCurrency a span {
    font: bold 15px/12px;
  }
  #conteneur #header #currency .currEuro .linkCurrency a span:before {
    content: '';
    display: inline-block;
    width: 115px;
    height: 22px;
  }
  #conteneur #headerBottom {
    top: auto;
    background: none;
  }
  #conteneur #middle {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
  
    /*HOME DEBUT*/
  
    /*HOME FIN*/
  
    /*VITRINE DEBUT*/
  
    /*VITRINE FIN*/
  
    /*FICHE PRODUIT DEBUT*/
  
    /*FICHE PRODUIT FIN*/
  
    /*PANIER DEBUT*/
  
    /*PANIER FIN*/
  
    /*LOGIN DEBUT*/
  
    /*LOGIN FIN*/
  
    /*INSCRIPTION DEBUT*/
  
    /*INSCRIPTION FIN*/
  
    /*TRAIN DE COMMANDE DEBUT*/
  
    /*TRAIN DE COMMANDE FIN*/
  
    /*CHEQUE CADEAU AF DEBUT*/
  
    /*CHEQUE CADEAU AF FIN*/
  
  }
  #conteneur #middle #lienRetourPanier {
    display: block;
    margin: 20px 0;
  }
  #conteneur #middle #lienRetourPanier a {
    font-size: 13px;
  }
  #conteneur #middle #lienRetourPanier a span {
    font-size: 12px;
  }
  #conteneur #middle .selectBox label:after {
    position: absolute;
    display: block;
    width: 15px;
    height: 19px;
    right: 30px;
    margin-top: -35px;
    font-size: 13px;
    line-height: 35px;
    content: "\25BC";
  }
  #conteneur #middle table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  #conteneur #middle table.sommaire {
    width: 310px;
  }
  #conteneur #middle table .libelle input,
  #conteneur #middle table .libelle select {
    margin: 17px 30px 0 0;
  }
  .page_homePage #conteneur #middle {
    padding: 0;
  }
  #conteneur #middle #carouselHome {
    padding-bottom: 30px;
    margin-bottom: 5px;
  }
  #conteneur #middle .owl-controls .owl-pagination {
    top: auto;
    right: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 30px;
  }
  #conteneur #middle .owl-controls .owl-pagination span {
    margin: 10px 7px;
    width: 14px;
    height: 14px;
    border-radius: 10px;
  }
  #conteneur #middle #push {
    height: auto;
    padding: 0 15px;
  }
  #conteneur #middle #push ul #pushCenter {
    margin: 0 0.5%;
  }
  #conteneur #middle #push ul li {
    width: 33%;
    height: auto;
  }
  #conteneur #middle #push ul li img {
    width: 100%;
    height: auto;
  }
  #conteneur #middle #carouselHome .item {
    height: auto;
  }
  #conteneur #middle #produitBox {
    width: 100%;
  }
  #conteneur #middle #serviceBox {
    clear: both;
    display: block;
    height: 120px;
    width: 100%;
  }
  #conteneur #middle #serviceBox #servicesPlus {
    border-top: 0;
    border-radius: 20px;
    width: 98%;
    height: 100%;
    margin: 0 auto;
    padding: 9px 1% 9px 1%;
  }
  #conteneur #middle #serviceBox #servicesPlus #servicesPlusBtn {
    border-radius: 10px;
    height: 97px;
    padding: 15px 0 0 35%;
  }
  #conteneur #middle #serviceBox #produitHover {
    display: none;
  }
  #conteneur #middle #triNiveauTrois {
    margin: 10px 0 0;
    /* Alignement des inline-block*/
  
    font-size: 0;
  }
  #conteneur #middle #triNiveauTrois span {
    display: inline-block;
    font-weight: bold;
    margin: 0 15px 7px 0;
    font-size: 0;
    vertical-align: middle;
  }
  #conteneur #middle #triNiveauTrois span:first-of-type {
    font-size: 12px;
    line-height: 42px;
  }
  #conteneur #middle #triNiveauTrois label {
    width: 100%;
  }
  #conteneur #middle #triNiveauTrois label span:first-of-type {
    display: inline;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    margin: 0;
    float: none;
    font-size: 12px;
    line-height: initial;
  }
  #conteneur #middle #triNiveauTrois label span {
    line-height: normal;
  }
  #conteneur #middle #produitDetail .droite #panierProduit .article_rupture_mobile {
    line-height: 23px;
  }
  #conteneur #middle #produitDetail .gauche,
  #conteneur #middle #produitDetail .droite {
    width: 45%;
    height: auto;
    padding: 0 5px;
  }
  #conteneur #middle #produitDetail .gauche {
    margin-right: 5%;
  }
  #conteneur #middle #produitDetail #photoZoom .floatRight,
  #conteneur #middle #produitDetail #lienPopin {
    display: none;
  }
  #conteneur #middle #produitDetail .droite {
    text-align: center;
  }
  #conteneur #middle #produitDetail .droite * {
    text-align: left;
  }
  #conteneur #middle #produitDetail .droite .caracteristique {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 159px;
    height: 30px;
    padding: 3px 10px;
    margin: 20px 14px 26px 0;
    float: left;
    vertical-align: top;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
  }
  #conteneur #middle #produitDetail .droite .caracteristique p {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 12px;
    font-weight: bold;
  }
  #conteneur #middle #produitDetail .droite .caracteristique p:after {
    content: ' :';
  }
  #conteneur #middle #produitDetail .droite .caracteristique ul {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 0;
  }
  #conteneur #middle #produitDetail .droite .caracteristique ul li {
    float: none;
    display: inline-block;
    margin: 0;
    width: 0;
    overflow: visible;
    font-size: 12px;
    font-weight: normal;
  }
  #conteneur #middle #produitDetail .droite .caracteristique ul li a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  #conteneur #middle #produitDetail .droite .caracteristique ul li span {
    display: none;
    text-align: left;
  }
  #conteneur #middle #produitDetail .droite .caracteristique ul li span.selected {
    display: inline-block;
    border: none;
    height: 20px;
    width: 51px;
    position: absolute;
    top: 5px;
  }
  #conteneur #middle #produitDetail .droite .caracteristique:after {
    display: block;
    content: '';
    position: absolute;
    right: 5px;
    top: 10px;
    width: 13px;
    height: 7px;
  }
  #conteneur #middle #produitDetail .droite .caracteristique + .caracteristique {
    margin-right: 0;
  }
  #conteneur #middle #produitDetail .droite .caracteristique.open ul {
    position: absolute;
    z-index: 30;
    padding: 10px;
    margin-top: -4px;
    width: auto;
  }
  #conteneur #middle #produitDetail .droite .caracteristique.open ul svg {
    width: 51px;
    height: 20px;
  }
  #conteneur #middle #produitDetail .droite .caracteristique.open ul li {
    display: block;
    width: auto;
    margin: 3px 0;
  }
  #conteneur #middle #produitDetail .droite .caracteristique.open ul li span {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
  }
  #conteneur #middle #produitDetail .droite #panierProduit {
    position: relative;
    margin-top: 10px;
    padding-left: 56px;
    height: 42px;
    text-align: left;
  }
    #conteneur #middle #produitDetail .droite #panierProduit .btn {
    width: 100%;
    text-transform: uppercase;
    font: bold 19px/18px;
  }
  #conteneur #middle #produitDetail .droite #panierProduit .btn span {
    display: none;
  }
  #conteneur #middle #produitDetail .droite #panierProduit .btn:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 31px;
    top: 6px;
    left: 14px;
  }
  #conteneur #middle #produitDetail .droite #servicePlus {
    display: none;
  }
  #conteneur #middle #produitDetail #carouselEtiquette {
    display: none;
  }
  #conteneur #middle #produitDetail #carouselVitrine {
    top: 0;
    margin-bottom: 0;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .jcarousel-container-horizontal {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .jcarousel-clip-horizontal {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 190px;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .jcarousel-prev-horizontal {
    height: 36px;
    top: 54px;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .jcarousel-next-horizontal {
    height: 36px;
    top: 54px;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .item {
    padding: 0 10px;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .item img {
    min-height: 85px;
  }
  #conteneur #middle #produitDetail .jcarousel-skin-boutique-cadeaux .item:not(:last-child) {
    border-right: none;
  }
  #conteneur #middle #produitDetail .infoProduitVitrine {
    display: block;
    margin-top: 17px;
    text-align: left;
    font: bold 12px;
  }
  #conteneur #middle #produitDetail .infoProduitVitrine .libelleProduit {
    height: 3em;
    overflow: hidden;
  }
  #conteneur #middle #produitDetail .infoProduitVitrine .libelleProduitTronquer {
    height: 30px;
  }
  #conteneur #middle form {
    padding: 0;
    width: 100%;
  }
  #conteneur #middle #commandePanier #etape {
    margin-top: 20px;
  }
  #conteneur #middle #commandePanier #etape .traceuron,
  #conteneur #middle #commandePanier #etape .traceuroff {
    font-size: 14px;
  }
  #conteneur #middle #commandePanier .descriptionPanier {
    width: 100%;
  }
  #conteneur #middle #commandePanier .descriptionPanier thead {
    font-size: 14px;
    height: 0px;
  }
  #conteneur #middle #commandePanier .descriptionPanier thead td {
    padding-bottom: 3px;
  }
  #conteneur #middle #commandePanier .descriptionPanier thead td.nimbus {
    font-size: 14px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr td.libelle h5 {
    font-size: 20px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneCommande td.champFormulaire .modifierQuantite {
    font-size: 16px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneCommande td.champFormulaire .supprimerQuantite {
    font-weight: bold;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneCommande td.champFormulaire input {
    font-weight: bold;
    font-size: 14px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneCommande td.pointMilesProduit {
    padding-right: 5px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneCommande td.right .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #commandePanier .descriptionPanier tfoot tr td {
    padding-top: 5px;
    font-size: 12px;
  }
  #conteneur #middle #commandePanier .ligneServices h3 {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 14px;
  }
  #conteneur #middle #commandePanier .ligneServices#serviceLivraison {
    margin-bottom: 15px;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices {
    width: 100%;
    font-size: 12px;
    margin: 0;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td {
    height: 50px;
    vertical-align: middle;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td.libelle {
    width: auto;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td.prixUnitaire,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td.champFormulaire,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td.prixTotal,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td.pointMiles {
    text-align: right;
    width: 100px;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td a.checkboxService {
    display: inline-block;
    height: 42px;
    width: 42px;
    float: left;
    margin: 0  5px;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td a.checkboxService#checkboxServiceOn {
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody td input[type="checkbox"] {
    display: none;
  }
  #conteneur #middle #commandePanier .ligneServices .ligne {
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 5px;
  }
  #conteneur #middle #commandePanier .ligneServices .boxLeft,
  #conteneur #middle #commandePanier .ligneServices .boxRight {
    margin-top: 20px;
    padding: 0 5px;
    width: 47%;
    padding-bottom: 20px;
  }
  #conteneur #middle #commandePanier .ligneServices .boxLeft p,
  #conteneur #middle #commandePanier .ligneServices .boxRight p {
    height: 30px;
    font-size: 12px;
  }
  #conteneur #middle #commandePanier .ligneServices .boxRight p {
    margin-top: 15px;
  }
  #conteneur #middle #commandePanier .ligneTotal {
    border-top: 0;
    margin-top: 0;
    padding-top: 15px;
  }
  #conteneur #middle #commandePanier .btnSsmarge {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle .paiementPanier h5 {
    font-size: 20px;
  }
  #conteneur #middle .paiementPanier #enregistrerPaiementBtn {
    float: none;
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle .inscription {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle #login {
    width: 100%;
    margin-top: 20px;
    height: auto;
  }
  #conteneur #middle #login * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle #login #loginBoxLeft {
    margin-left: 0;
  }
  #conteneur #middle #login #loginBoxLeft p {
    margin-bottom: 94px;
  }
  #conteneur #middle #login .loginBox {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 352px;
    border: none;
    padding: 10px 15px;
  }
  #conteneur #middle #login .loginBox .loginMobile {
    width: 100%;
    height: 278px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px 15px 10px;
  }
  #conteneur #middle #login .loginBox p.action {
    height: 70px;
  }
  #conteneur #middle #login .loginBox p#motPasseOublie {
    font-size: 12px;
  }
  #conteneur #middle #login .loginBox form {
    padding: 0;
    width: 100%;
  }
  #conteneur #middle #login .loginBox form label {
    display: none;
  }
  #conteneur #middle #login .loginBox form p {
    height: 50px;
    width: 100%;
  }
  #conteneur #middle #login .loginBox form p#erreurLogin {
    height: 15px;
  }
  #conteneur #middle #login .loginBox form input {
    width: 100%;
    margin-top: 0;
    height: 36px;
  }
  #conteneur #middle #login .loginBox form .alignRight {
    text-align: center;
  }
  #conteneur #middle #login .loginBox #erreurLogin {
    text-align: left;
    float: none;
    display: block;
    clear: both;
    padding-top: 10px;
  }
  #conteneur #middle #login .loginBox #identificationLogin input[type="submit"] {
    display: none;
  }
  #conteneur #middle #login .loginBox #motPasseOublie {
    clear: both;
    margin-top: 0;
  }
  #conteneur #middle #login .loginBox #motPasseOublie a {
    margin-top: 0;
    vertical-align: top;
  }
  #conteneur #middle #login .loginBox .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #login .loginBoxFB form {
    padding: 0;
    width: 100%;
  }
  #conteneur #middle #login .loginBoxFB form label {
    display: none;
  }
  #conteneur #middle #login .loginBoxFB form p {
    height: 50px;
    width: 100%;
  }
  #conteneur #middle #login .loginBoxFB form p#erreurLogin {
    height: 15px;
  }
  #conteneur #middle #login .loginBoxFB form input {
    width: 100%;
    margin-top: 0;
    height: 36px;
  }
  #conteneur #middle #login .loginBoxFB form .alignRight {
    text-align: center;
  }
  #conteneur #middle #login .loginBoxFB #erreurLogin {
    text-align: left;
    float: none;
    display: block;
    clear: both;
    padding-top: 10px;
  }
  #conteneur #middle #login .loginBoxFB #identificationLogin input[type="submit"] {
    display: none;
  }
  #conteneur #middle #login .loginBoxFB #motPasseOublie {
    clear: both;
    margin-top: 0;
  }
  #conteneur #middle #login .loginBoxFB #motPasseOublie a {
    margin-top: 0;
    vertical-align: top;
  }
  #conteneur #middle #login .loginBoxFB .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #enregistrerProfil {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
  }
  #conteneur #middle #enregistrerProfil h1 {
    margin-bottom: 25px;
  }
  #conteneur #middle #enregistrerProfil table {
    width: 100%;
    border-collapse: collapse;
  }
  #conteneur #middle #enregistrerProfil table.inscription .civilite label {
    width: 73px;
  }
  #conteneur #middle #enregistrerProfil table.inscription .libelle,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel
   td {
    width: 30%;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 5px;
  }
  #conteneur #middle #enregistrerProfil table.inscription .libelle input,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel input,
  #conteneur #middle #enregistrerProfil table.inscription .libelle select,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel select {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 0;
    height: 36px;
  }
  #conteneur #middle #enregistrerProfil table.inscription .libelle select,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel select {
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: window;
    box-shadow: none;
    /*Firefox hack*/
  
    -moz-appearance: window;
    text-indent: 0.01px;
    text-overflow: '';
    position: relative;
    z-index: 5;
  }
  #conteneur #middle #enregistrerProfil table.inscription .libelle label.blueGras,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel label.blueGras {
    display: none;
  }
  #conteneur #middle #enregistrerProfil table.inscription .right {
    text-align: center;
  }
  #conteneur #middle #enregistrerProfil table.inscription .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    padding: 3px 7px;
    display: inline-block;
    border: none;
    cursor: pointer;
  }
  #conteneur #middle #commandeLivraison,
  #conteneur #middle #recopierAdresseFacturation {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
  }
  #conteneur #middle #commandeLivraison table.inscription,
  #conteneur #middle #recopierAdresseFacturation table.inscription {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
  }
  #conteneur #middle #commandeLivraison table.inscription .civilite label,
  #conteneur #middle #recopierAdresseFacturation table.inscription .civilite label {
    width: 73px;
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel {
    width: 30%;
    text-align: left;
    padding: 5px;
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle input,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle input,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel input,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel input,
  #conteneur #middle #commandeLivraison table.inscription .libelle select,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle select,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel select,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    height: 36px;
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle select,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle select,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel select,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel select {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    /*Firefox hack*/
  
    -moz-appearance: window;
    text-indent: 0.01px;
    text-overflow: '';
    position: relative;
    z-index: 5;
	margin: 0px;	
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle.selectBox label:after,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle.selectBox label:after,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel.selectBox label:after,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel.selectBox label:after {
    position: absolute;
    display: block;
    width: 15px;
    height: 19px;
    right: 30px;
    margin-top: -35px;
    font-size: 13px;
    line-height: 35px;
    content: "\25BE";
    z-index: 4;
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle label.blueGras,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle label.blueGras,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel label.blueGras,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel label.blueGras {
    /*display: none;*/
  
  }
  #conteneur #middle #commandeLivraison table.inscription .right,
  #conteneur #middle #recopierAdresseFacturation table.inscription .right {
    text-align: center;
  }
  #conteneur #middle #commandeLivraison table.inscription .btn,
  #conteneur #middle #recopierAdresseFacturation table.inscription .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    padding: 3px 7px;
    display: inline-block;
    border: none;
    cursor: pointer;
  }
  #conteneur #middle #commandeLivraison p.right,
  #conteneur #middle #recopierAdresseFacturation p.right {
    float: none;
  }
  #conteneur #middle .btn#boutonEnregistrerFacturation,
  #conteneur #middle #boutonEnregistrerLivraison.btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #commandePanier #etape {
    font-size: 14px;
  }
  #conteneur #middle #commandePanier .descriptionPanier {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
  }
  #conteneur #middle #commandePanier .descriptionPanier .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #commandePanier .ligneTotal .colonne .btnSsmarge {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #commandePanier .ligneTotal #totalPanier {
    margin-right: 100px;
  }
  #conteneur #middle #valideDonneeProfil .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #btnAnnulerCommande {
    float: none;
    text-align: center;
  }
  #conteneur #middle #btnAnnulerCommande a {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    font-weight: bold;
    min-width: 180px;
  }
  #conteneur #middle p#btnValiderCommande {
    float: none;
  }
  #conteneur #middle p#btnValiderCommande a {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    padding-top: 10px;
    height: 40px;
  }
  #conteneur #middle #paiementChequeCadeau {
    width: 100%;
  }
  #conteneur #middle #paiementChequeCadeau .clear {
    text-align: center;
  }
  #conteneur #middle #paiementChequeCadeau .btnAnnulerGris {
    display: block;
    margin: 0 auto;
    width: 74px;
  }
  #conteneur #middle #encadreCaptcha,
  #conteneur #middle #encadreCaptchaCacher,
  #conteneur #middle #encadreChequeEntre {
    margin: 0 auto;
    float: none;
    height: auto;
  }
  #conteneur #middle #encadreCaptcha #verificationCheque,
  #conteneur #middle #encadreCaptchaCacher #verificationCheque,
  #conteneur #middle #encadreChequeEntre #verificationCheque {
    margin-left: 30%;
  }
  #conteneur #middle #encadreCaptcha .btn,
  #conteneur #middle #encadreCaptchaCacher .btn,
  #conteneur #middle #encadreChequeEntre .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #encadreChequeEntre {
    padding-top: 20px;
  }
  #conteneur #middle #validerFormChequeCadeau {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    float: none;
  }
  #conteneur #middle .paiementPanier input[type="checkbox"] + label {
    width: 50px;
    float: left;
  }
  #conteneur #middle #profilInscriptionModification .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #deconectionMobile {
    display: block;
  }
  #conteneur #footer #footerLangueLien {
    display: block;
    height: 35px;
    padding-top: 15px;
    text-align: center;
  }
  #conteneur #footer #footerLien {
    margin-bottom: 20px;
    padding: 20px 0;
  }
  #conteneur #footer #footerLien a {
    margin-right: 3px;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  #conteneur #footer #footerLien a:after {
    margin-left: 3px;
  }
  #conteneur #footer #footerFacebook {
    padding-top: 10px;
  }
  #conteneur #footer #footerLienGauche,
  #conteneur #footer #footerLiensSociaux {
    margin-left: 15px;
  }
  #conteneur #footer #footerLienDroite,
  #conteneur #footer #footerLogoAF {
    margin-right: 15px;
  }
  #conteneur #footer #footerLogoAF {
    margin-top: 16px;
  }
  #conteneur #footer #footerNewsletter {
    margin-top: 0;
  }
  #conteneur #footer #footerNewsletter span#txtNewsletter {
    margin-top: 20px;
  }
  #conteneur #footer #footerNewsletter #txtNewsletterBtn {
    width: 82px;
    height: 42px;
    padding: 5px;
  }
  #conteneur #footer #footerNewsletter #txtNewsletterBtn span {
    display: block;
    width: 82px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
  }
  
  .page_editoPage #conteneurEdito115664 {
	  background: none;
  }
  .page_editoPage #conteneurEdito115664 .conteneurEdito {
	padding-left: 0;
	padding-top: 0;
  }
  
  /*TEXTE*/
  #services h4 {
    clear: both;
  }
  #services #servicesLeft,
  #services #servicesRight {
    width: 46%;
  }
  #cgv .condition {
    width: 46%;
    float: left;
  }
  /*Bouton radio*/
  input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: window;
    appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
  input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
  }
  input[type="radio"] + label:before {
    display: inline-block;
    content: " ";
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
  input[type="radio"]:checked + label:before {
    background-position: -5px -528px;
  }
  /*checkbox*/
  input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: window;
    appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
  input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  input[type="checkbox"] + label:before {
    display: inline-block;
    content: " ";
    vertical-align: middle;
    width: 43px;
    height: 43px;
    margin-right: 5px;
  }
  input[type="checkbox"]:checked + label:before {
    background-position: -1px -339px;
  }
  input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    /*Par defaut. Cela permet de ne rester aligne et a cote de la box jusqu'a 290px*/
  
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
  }
  /*POPIN*/
  #confirmationAchat #detailArticle #quantiteArticle .modifierQuantite,
  #identification #detailArticle #quantiteArticle .modifierQuantite,
  #popinContenuNewsletter #detailArticle #quantiteArticle .modifierQuantite,
  #identificationLoginOublie #detailArticle #quantiteArticle .modifierQuantite,
  #confirmationAchat #detailArticle #quantiteArticle input,
  #identification #detailArticle #quantiteArticle input,
  #popinContenuNewsletter #detailArticle #quantiteArticle input,
  #identificationLoginOublie #detailArticle #quantiteArticle input {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }
  #confirmationAchat input,
  #identification input,
  #popinContenuNewsletter input,
  #identificationLoginOublie input {
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.25) inset;
  }
  #confirmationAchat .btn,
  #identification .btn,
  #popinContenuNewsletter .btn,
  #identificationLoginOublie .btn {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    font-size: 18px;
  }
  #confirmationAchat .btn#continuerAchat,
  #identification .btn#continuerAchat,
  #popinContenuNewsletter .btn#continuerAchat,
  #identificationLoginOublie .btn#continuerAchat {
    font-size: 16px;
    line-height: 16px;
    padding-top: 8px;
    height: 42px;
  }
  #confirmationAchat .btn#annulerNewsletter,
  #identification .btn#annulerNewsletter,
  #popinContenuNewsletter .btn#annulerNewsletter,
  #identificationLoginOublie .btn#annulerNewsletter {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    font-weight: bold;
  }
  #waitingDiv {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    -o-animation: rotate 1s linear 0s infinite normal;
    -ms-animation: rotate 1s linear 0s infinite normal;
    -moz-animation: rotate 1s linear 0s infinite normal;
    -webkit-animation: rotate 1s linear 0s infinite normal;
  }
  @-moz-keyframes rotate {
    from {
      -moz-transform: rotate(0);
    }
    to {
      -moz-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  @-o-keyframes rotate {
    from {
      -o-transform: rotate(0);
    }
    to {
      -o-transform: rotate(360deg);
    }
  }
  @-ms-keyframes rotate {
    from {
      -ms-transform: rotate(0);
    }
    to {
      -ms-transform: rotate(360deg);
    }
  }
  @keyframes rotate {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
}
@media screen and (max-width: 768px) {
  .btnAnnulerGris {
    background-image: -moz-linear-gradient(center bottom, #dcdbda, #efefef);
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    font-weight: bold;
  }
  .btnValideRouge {
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  .btn:before {
    content: "";
  }
  #conteneur {
    /*FOOTER DEBUT*/
  
    /*FOOTER FIN*/
  
  }
  #conteneur #header #interface #menu .menuSousRub li {
    display: block;
  }
  #conteneur #middle {
    /*HOME DEBUT*/
  
    /*HOME FIN*/
  
    /*LOGIN DEBUT*/
  
    /*LOGIN FIN*/
  
    /*VITRINE DEBUT*/
  
    /*VITRINE FIN*/
  
    /*PRODUIT DEBUT*/
  
    /*PRODUIT FIN*/
  
    /*PANIER DEBUT*/
  
    /*PANIER FIN*/
  
  }
  #conteneur #middle #carouselHome {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle .owl-controls .owl-pagination {
    text-align: center;
    width: 100%;
  }
  #conteneur #middle .owl-controls .owl-buttons div {
    width: 100%;
    height: 90%;
  }
  #conteneur #middle .owl-controls .owl-buttons div.owl-prev,
  #conteneur #middle .owl-controls .owl-buttons div.owl-next {
    width: 10%;
    height: 100%;
  }
  #conteneur #middle #login .loginBox p.action {
    height: 60px;
  }
  #conteneur #middle #login .loginBox form input {
    width: 320px;
  }
  #conteneur #middle #produitBox {
    width: 100%;
  }
  #conteneur #middle a.checkboxTri {
    display: inline-block;
    height: 42px;
    width: 42px;
    float: left;
  }
  #conteneur #middle input[type="checkbox"] {
    display: none;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit.open {
    padding-top: 15px;
  }
  #conteneur #middle form {
    padding: 0;
    width: 100%;
  }
  #conteneur #middle #commandePanier .paiementPanier #enregistrerPaiementBtn {
    float: none;
    width: 124px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
  }
  #conteneur #middle #servicesLeft,
  #conteneur #middle #servicesRight {
    width: 47%;
  }
  #conteneur #middle h4 {
    clear: both;
  }
  #conteneur #footer #footerLien a {
    margin-right: 3px;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  #conteneur #footer #footerLien a:after {
    margin-left: 3px;
  }
  #conteneur #footer #footerLienGauche,
  #conteneur #footer #footerLiensSociaux {
    margin-left: 15px;
  }
  #conteneur #footer #footerLienDroite,
  #conteneur #footer #footerLogoAF {
    margin-right: 15px;
  }
  #conteneur #footer #footerLogoAF {
    margin-top: 16px;
  }
  #conteneur #footer #footerNewsletter {
    margin-top: 0;
  }
  #conteneur #footer #footerNewsletter span#txtNewsletter {
    margin-top: 20px;
  }
  #conteneur #footer #footerNewsletter #txtNewsletterBtn {
    width: 82px;
    height: 42px;
    padding: 5px;
  }
  #conteneur #footer #footerNewsletter #txtNewsletterBtn span {
    display: block;
    width: 82px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
  }
  #faq #questions {
    width: 410px;
    position: relative;
    float: left;
  }
  #faq #questions .blocVisible {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  html {
    width: 100%;
    overflow-x: hidden;
    position: relative;
  }
  body {
    width: 100%;
    overflow-x: hidden;
    position: relative;
  }
  #conteneur {
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
  }
  #conteneur #header {
    width: 100%;
  }
  #conteneur #header .toolBoutons #menuBouton {
    display: inline-block;
  }
  #conteneur #header #interface {
    height: auto;
    position: static;
  }
  #conteneur #header #interface #menu {
    position: absolute;
    width: 0;
    margin-top: 0;
    padding: 0;
    top: 0;
    overflow-y: auto;
    width: 0;
    left: 100%;
    height: 100%;
    /*A la fermeture, on veut que le menu reste à 50% pendant la transition*/
  
    -webkit-transition: width 0s ease 0.3s;
    -moz-transition: width 0s ease 0.3s;
    -ms-transition: width 0s ease 0.3s;
    -o-transition: width 0s ease 0.3s;
    transition: width 0s ease 0.3s;
  }
  #conteneur #header #interface #menu li {
    display: block;
    width: 100%;
	height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #conteneur #header #interface #menu li a.menuP {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 11px 0 10px 18px;
    float: none;
    position: relative;
  }
  #conteneur #header #interface #menu li a:not(.menuP):after {
	display: none;
  }
  #conteneur #header #interface #menu li a:after {
    display: inline-block;
    position: absolute;
    content: " ";
    top: 18px;
    right: 18px;
    width: 14px;
    height: 15px;
  }
  #conteneur #header #interface #menu li.open ul {
    background-image: none;
    filter: none;
    box-shadow: none;
    border: none;
    padding: 0 0 0 19px;
  }
  #conteneur #header #interface #menu li.open ul a {
    background-image: none;
    filter: none;
    box-shadow: none;
    border: none;
  }
  #conteneur #header #interface #menu li.open a:after {
    background-position: -10px -616px;
  }
  #conteneur #header #interface #menu a {
    height: auto;
    position: relative;
    display: block;
  }
  #conteneur #header #interface #menu .menuSousRub {
    visibility: visible;
    box-shadow: none;
    width: auto;
  }
  #conteneur #header #interface #menu .menuSousRub li {
    border-bottom: none;
    padding: 10px 0;
    background-image: none;
    filter: none;
    box-shadow: none;
    border: none;
  }
  #conteneur #header #interface #menu .menuSousRub li a {
    padding: 0 35px 0 0;
    white-space: normal;
  }
  #conteneur #header #interface #menu .menuSousRub li a:after {
    display: none;
  }
  #conteneur #header #interface #menu .menuSousRub li a:hover {
    white-space: normal;
  }
  #conteneur #header #interface #recherche {
    display: none;
  }
  #conteneur.menuOn {
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  }
  #conteneur.menuOn #header #interface #menu {
    width: 50%;
    z-index: 20;
    /*A l'ouverture, on veut que le menu soit deja à 50%*/
  
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	flex-direction: column;
	justify-content: flex-start;
  }
  #conteneur #middle {
    /*FICHE PRODUIT DEBUT*/
  
    /*FICHE PRODUIT FIN*/
  
    /*LOGIN DEBUT*/
  
    /*LOGIN DEBUT FIN*/
  
  }
  #conteneur #middle #produitDetail {
    /*padding:0 15px;*/
  
  }
  #conteneur #middle #produitDetail * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #conteneur #middle #produitDetail h1 {
    display: none;
  }
  #conteneur #middle #produitDetail .gauche,
  #conteneur #middle #produitDetail .droite {
    width: 100%;
    float: none;
    height: auto;
    padding: 0 5px;
  }
  #conteneur #middle #produitDetail #lienRetour {
    width: 64px;
    height: 30px;
    margin: 20px 0 25px;
    padding-left: 16px;
    font: 12px normal;
    line-height: 27px;
  }
  #conteneur #middle #produitDetail #lienRetour a span {
    display: none;
  }
  #conteneur #middle #produitDetail #photoProduit {
    text-align: center;
    position: relative;
    margin-top: 10px;
  }
  #conteneur #middle #produitDetail #photoProduit img {
    max-width: 100%;
    height: auto;
  }
  #conteneur #middle #produitDetail #photoZoom {
    display: none;
  }
  
  #textePrixReservePAF {
  	display: none;
  }
  #conteneur #middle #produitDetail #carouselPhoto {
    display: none;
    position: relative;
    height: 300px;
    width: 300px;
    max-width: 100%;
    min-height: 280px;
    margin: 0 auto;
    overflow: hidden;
  }
  #conteneur #middle #produitDetail #carouselPhotoList {
    width: 200em;
    position: absolute;
  }
  #conteneur #middle #produitDetail #carouselPhotoList li {
    display: inline-block;
    width: 300px;
  }
  #conteneur #middle #produitDetail .visuelProduitPrev,
  #conteneur #middle #produitDetail .visuelProduitNext {
    position: absolute;
    height: 100%;
    width: 40px;
    left: 0;
    top: 0;
    padding-top: 120px;
    text-align: left;
    font-size: 35px;
    cursor: pointer;
  }
  #conteneur #middle #produitDetail .visuelProduitPrev span,
  #conteneur #middle #produitDetail .visuelProduitNext span {
    display: block;
    width: 21px;
    height: 31px;
  }
  #conteneur #middle #produitDetail .droite .visuelProduitNext {
    left: auto;
    right: 0;
    text-align: right;
  }
  #conteneur #middle #produitDetail .droite .visuelProduitNext span {
    background-position: -2px -34px;
  }
  #conteneur #middle #produitDetail .droite .bulletPoints {
    text-align: center;
    margin-top: 5px;
  }
  #conteneur #middle #produitDetail .visuelProduitBullet {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    margin: 0 5px;
  }
  #conteneur #middle #produitDetail .droite .caracteristiquesList {
    text-align: center;
    font-size: 0;
  }
  #conteneur #middle #produitDetail .droite .caracteristiquesList * {
    font-size: 12px;
  }
  #conteneur #middle #produitDetail .droite .caracteristiquesList .caracteristique {
    margin: 10px 14px;
    float: none;
  }
  #conteneur #middle #produitDetail .droite .caracteristiquesList .caracteristique + .caracteristique {
    margin-right: 14px;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit {
    width: 100%;
    height: 45px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit p {
    display: none;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit:before {
    display: block;
    width: 100%;
    content: 'DESCRIPTION';
    font-weight: bold;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit:after {
    display: block;
    position: absolute;
    right: 0;
    top: 14px;
    width: 14px;
    height: 14px;
    content: '';
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit.open {
    height: auto;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit.open p {
    padding-top: 15px;
    display: block;
  }
  #conteneur #middle #produitDetail .droite #descriptionProduit.open:after {
    background-position: -8px -284px;
    width: 14px;
    height: 4px;
    top: 19px;
  }
  #conteneur #middle #produitDetail #carouselEtiquette,
  #conteneur #middle #produitDetail #carouselEtiquette li {
    display: none;
  }
  #conteneur #middle #produitDetail #carouselProduit li {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    vertical-align: middle;
    padding: 20px;
    float: none;
    border-right: none;
  }
  #conteneur #middle #produitDetail #carouselProduit li a {
    display: block;
  }
  #conteneur #middle #produitDetail #carouselProduit li a img {
    display: inline-block;
    margin: 0 10%;
    text-align: center;
    vertical-align: middle;
  }
  #conteneur #middle #produitDetail #carouselProduit li a .infoProduitVitrine {
    display: inline-block;
    vertical-align: middle;
    max-width: 56%;
  }
  #conteneur #middle #produitDetail #carouselProduit li a .infoProduitVitrine p {
    display: inline-block;
    width: 100%;
    height: auto;
    font: bold 17px;
  }
  #conteneur #middle #produitDetail #carouselProduit li:before {
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    width: 11px;
    height: 15px;
    right: 0;
    top: 40%;
    content: '';
  }
  #conteneur #middle #produitDetail #carouselVitrine {
    top: 0;
    margin-bottom: 0;
  }
  #conteneur #middle #login {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle #login .loginBox {
    width: 100%;
    padding: 10px 0;
    float: none;
    height: auto;
  }
  #conteneur #middle #login .loginBox h1 {
    font-size: 24px;
  }
  #conteneur #middle #login .loginBox form {
    width: 100%;
    float: none;
  }
  #conteneur #middle #login .loginBox form input {
    width: 100%;
    height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle #login .loginBox .loginMobile {
    width: 100%;
    height: auto;
    padding: 15px 10px;
  }
  #conteneur #middle #login .loginBox .loginMobile p {
    width: 100%;
  }
  #conteneur #middle #login .loginBox .loginMobile#loginBoxLeft {
    height: auto;
  }
  #conteneur #middle #login .loginBox .loginMobile#loginBoxLeft .loginMobile {
    height: 145px;
  }
  #conteneur #middle #login .loginBox .loginMobile#loginBoxLeft .loginMobile p {
    margin-bottom: 0;
  }
  #conteneur #middle #login .loginBox .loginMobile form#identificationLogin {
    width: 100%;
  }
  #conteneur #middle #login .loginBox .loginMobile .btn {
    display: block;
    margin: 0 auto;
  }
  #conteneur #middle #login .loginBox #erreurLogin {
    float: none;
    display: block;
  }
  #conteneur #middle #login #loginBoxLeft p {
    margin-bottom: 0;
    height: auto;
  }
  #conteneur #footer {
    width: 100%;
  }
  #conteneur #footer #footerLienGauche,
  #conteneur #footer #footerLienDroite {
    float: none;
  }
  #conteneur #footer #footerLienDroite {
    text-align: left;
    margin-left: 15px;
  }
  #conteneur #footer #footerNewsletter {
    margin-bottom: 10px;
    padding-bottom: 20px;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  #conteneur #header {
    position: relative;
  }
  #conteneur #header #logoEshopping {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 275px;
    width: calc(100% - 200px);
    min-width: 275px;
    margin-top: 8px;
    margin-bottom: 0;
  }
  #conteneur #header #logo {
    padding-top: 10px;
   }
  #conteneur #header #logo img {
    height: auto;
    width: 100%;
  }
  #conteneur #header #logoPapyrus img {
    height: 16px;
	width: 16px;
  }  
  #conteneur #header #logo a {
    display: inline-block;
    vertical-align: middle;
    width: 99%;
  }
  #conteneur #header #logo:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }
  .toolBoutons #menuBouton {
    display: inline-block;
  }
  #conteneur #middle #triNiveauTrois span:first-of-type {
    display: none;
  }
  #conteneur #middle #triNiveauTrois span {
    line-height: normal;
  }
  #conteneur #middle #triNiveauTrois label span:first-of-type {
    line-height: initial;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    margin: 0;
    float: none;
  }
  #conteneur #middle #login .loginBoxFB form p {
    height: auto;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody tr#optionEmballage td textarea,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody tr#optionDedicace td textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle #commandePanier .ligneServices .boxLeft p {
    height: auto;
  }
  #conteneur #middle #commandePanier .descriptionPanier tfoot td.total {
    white-space: nowrap;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalDedicace,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalEmballage {
    white-space: nowrap;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalDedicace:before,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalEmballage:before {
    content: " x ";
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalDedicace:after,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalEmballage:after {
    content: " = ";
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalDedicace:empty:before,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalEmballage:empty:before {
    content: "";
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalDedicace:empty:after,
  #conteneur #middle #commandePanier .ligneServices #descriptionServices #quantiteTotalEmballage:empty:after {
    content: "";
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices .prixTotal {
    white-space: nowrap;
  }
  #introduction {
    height: auto;
  }
  #push h1 {
    font-size: 16px;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .right {
    float: none;
  }
  #conteneur #header #currency .infoCurrency {
    max-width: 40%;
    text-align: left;
    margin-right: 0;
  }
  #conteneur #header #logoEshopping {
    margin: 10px 0 15px 0;
    width: 100%;
    padding: 0 10px;
    height: auto;
    min-width: 0;
  }
  #conteneur #header #logoEshopping #logo {
    height: auto;
  }
  #conteneur #header .toolBoutons {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    font-size: 0;
  }
  #conteneur #header .toolBoutons li {
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 25%;
    margin: 0;
  }
  #conteneur #header .toolBoutons li#menuBouton {
    width: 24%;
  }
  #conteneur #header .toolBoutons #nombreArticles {
    display: inline-block;
  }
  #conteneur #middle {
    min-height: 230px;
    /*VITRINE DEBUT*/
  
    /*VITRINE FIN*/
  
    /*FICHE PRODUIT DEBUT*/
  
    /*FICHE PRODUIT FIN*/
  
    /*PANIER DEBUT*/
  
    /*PANIER FIN*/
  
    /*INSCRIPTION DEBUT*/
  
    /*INSCRIPTION FIN*/
  
    /*TRAIN DE COMMANDE DEBUT*/
  
    /*TRAIN DE COMMANDE FIN*/
  
    /*PARTIE PROFIL FIN*/
  
  }
  #conteneur #middle #triNiveauTrois {
    font-size: 0;
  }
  #conteneur #middle #triNiveauTrois * {
    font-size: 12px;
  }
  #conteneur #middle #triNiveauTrois span {
    display: inline-block;
    width: 50%;
    float: none;
    margin: 0 0 7px;
  }
  #conteneur #middle #triNiveauTrois label span:first-of-type {
    display: inline-block;
    width: calc(100% - 53px);
  }
  #conteneur #middle .produit {
    width: 100%;
    float: none;
    background: none;
  }
  #conteneur #middle .produit * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #middle .produit .produit-contenu {
	display: block;
	height: 177px;
  }
  #conteneur #middle .produit:hover .produit-contenu {
    left: 0;
    top: 0;
    width: 100%;
	position: relative;
  }
  #conteneur #middle .produit:hover {
    background: none;
  }
  #conteneur #middle .produit:hover .bas a {
    background: none;
  }
  #conteneur #middle .produit:hover .bas a:hover {
    background: none;
  }
  #conteneur #middle .produit .image {
    float: left;
    width: 145px;
    height: auto;
    padding: 16px 0;
    text-align: center;
    max-width: 50%;
    overflox: hidden;
  }
  #conteneur #middle .produit .description {
    margin-top: 35px;
    max-width: 50%;
    max-width: calc(100% - 145px);
    max-width: -webkit-calc(100% - 145px);
	height: auto;
    padding-top: 15px;
  }
  #conteneur #middle .produit .description .txt {
    height: 15px;
    height: auto;
    max-width: calc(100% - 40px);
    max-width: -webkit-calc(100% - 40px);
  }
  #conteneur #middle .produit .produitLien {
    display: block;
    width: 44px;
    height: 17px;
    position: absolute;
    top: 48px;
    right: 0px;
  }
  #conteneur #middle .produit .bas {
    clear: both;
  }
  #conteneur #middle #produitDetail #carouselProduit li a .infoProduitVitrine {
    max-width: 40%;
  }
  #conteneur #middle #serviceBox #servicesPlus #servicesPlusBtn {
    padding: 15px 0 0;
  }
  #conteneur #middle #serviceBox #servicesPlus #servicesPlusBtn p,
  #conteneur #middle #serviceBox #servicesPlus #servicesPlusBtn a {
    display: block;
    width: 210px;
    margin-left: auto;
    margin-right: auto;
  }
  #conteneur #middle #prix {
    max-width: 50%;
  }
  #conteneur #middle #prix #barre {
    white-space: nowrap;
  }
  #conteneur #middle form {
    float: none;
  }
  #conteneur #middle #commandePanier #etape {
    display: none;
  }
  #conteneur #middle #commandePanier #descriptionPanier thead,
  #conteneur #middle #commandePanier #descriptionPanier tbody,
  #conteneur #middle #commandePanier #descriptionPanier th,
  #conteneur #middle #commandePanier #descriptionPanier tbody td,
  #conteneur #middle #commandePanier #descriptionPanier tbody tr {
    display: block;
  }
  #conteneur #middle #commandePanier #descriptionPanier thead {
    margin-bottom: 0;
    border: none;
  }
  #conteneur #middle #commandePanier #descriptionPanier thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande {
    border-bottom: none;
    height: auto;
    padding: 13px 0;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td {
    /* Behave  like a "row" */
  
    border: none;
    border: none;
    position: relative;
    padding: 5px 10px 5px 50%;
    text-align: right;
    width: auto;
    height: auto;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td:before {
    /* Now like a table header */
  
    position: absolute;
    /* Top/left values mimic padding */
  
    top: 6px;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td.libelle {
    padding: 0;
    text-align: left;
    padding: 8px 0 0 10px;
    margin: 0;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td.prixUnitaire:before {
    content: "Prix";
    font-weight: bold;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td.champFormulaire:before {
    content: "Quantit\00E9";
    top: 10px;
    font-weight: bold;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td.prixTotal:before {
    content: "Total";
    font-weight: bold;
  }
  #conteneur #middle #commandePanier #descriptionPanier tbody tr.ligneCommande td.pointMiles:before {
    content: "Miles";
    font-weight: bold;
  }
  #conteneur #middle #commandePanier #descriptionPanier tfoot {
    display: table;
  }
  #conteneur #middle #commandePanier #descriptionPanier tfoot td {
    text-align: left;
  }
  #conteneur #middle #commandePanier #descriptionPanier tfoot .totalProduit,
  #conteneur #middle #commandePanier #descriptionPanier tfoot .totalMiles {
    text-align: right;
  }
  #conteneur #middle #commandePanier .ligneServices h3 span {
    float: right;
    display: inline-block;
    width: 16px;
    height: 16px;
  }
  #conteneur #middle #commandePanier .ligneServices #descriptionServices tbody tr td.libelle {
    width: 90%;
  }
  #conteneur #middle #commandePanier .ligneServices.after h3 {
    margin-bottom: 0;
  }
  #conteneur #middle #commandePanier .ligneServices.after .boxLeft,
  #conteneur #middle #commandePanier .ligneServices.after .boxRight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    float: none;
  }
  #conteneur #middle #commandePanier .ligneServices .champs {
    max-width: 100%;
  }
  #conteneur #middle #commandePanier .ligneTotal {
    height: auto;
  }
  #conteneur #middle #commandePanier .ligneTotal .floatRight {
    float: none;
  }
  #conteneur #middle #commandePanier .ligneTotal .colonne {
    float: none;
    width: 100%;
    text-align: center;
  }
  #conteneur #middle #commandePanier .ligneTotal .redGras {
    display: inline-block;
    text-align: left;
  }
  #conteneur #middle #commandePanier .ligneTotal .colonneLarge {
    width: 60%;
  }
  #conteneur #middle #commandePanier .ligneTotal #totalPanier {
    text-align: right;
    width: 40%;
  }
  #conteneur #middle #commandePanier .ligneTotal .btnSsmarge {
    margin-left: 0;
  }
  #conteneur #middle .paiementPanier h5 {
    font-size: 14px;
  }
  #conteneur #middle .paiementPanier #choixPaiementCB,
  #conteneur #middle .paiementPanier #choixPaiementCheque {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 20px;
  }
  #conteneur #middle .paiementPanier #choixPaiementCB img {
    float: none;
  }
  #conteneur #middle .paiementPanier #choixPaiementAF {
    margin-top: 20px;
  }
  #conteneur #middle .paiementPanier #enregistrerPaiementBtn {
    margin-left: 30%;
  }
  #conteneur #middle #enregistrerProfil table.inscription {
    display: block;
  }
  #conteneur #middle #enregistrerProfil table.inscription thead,
  #conteneur #middle #enregistrerProfil table.inscription tbody,
  #conteneur #middle #enregistrerProfil table.inscription tr {
    display: block;
    width: 100%;
    float: left;
    /*IE9 hack...	*/
  
    clear: left;
  }
  #conteneur #middle #enregistrerProfil table.inscription .libelle,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel{
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: left;
    /*IE9 hack...	*/
    clear: left;
  }
  #conteneur #middle #enregistrerProfil table.inscription .libelle.selectBox:after,
  #conteneur #middle #enregistrerProfil table.inscription .libelleLabel.selectBox:after {
    right: 26px;
  }
  #conteneur #middle #enregistrerProfil table.inscription .civilite {
    display: inline-block;
    width: 100%;
  }
  #conteneur #middle #enregistrerProfil table.inscription .civilite label {
    width: 60px;
  }
  #conteneur #middle #enregistrerProfil table.inscription .civilite + td {
    display: inline-block;
    width: 45%;
  }
  #conteneur #middle #enregistrerProfil table.inscription .right {
    display: block;
  }
  #conteneur #middle #commandeLivraison table.inscription,
  #conteneur #middle #recopierAdresseFacturation table.inscription {
    display: block;
  }
  #conteneur #middle #commandeLivraison table.inscription thead,
  #conteneur #middle #recopierAdresseFacturation table.inscription thead,
  #conteneur #middle #commandeLivraison table.inscription tbody,
  #conteneur #middle #recopierAdresseFacturation table.inscription tbody,
  #conteneur #middle #commandeLivraison table.inscription tr,
  #conteneur #middle #recopierAdresseFacturation table.inscription tr {
    display: block;
    width: 100%;
    float: left;
    /*IE9 hack...	*/
    clear: left;
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: left;
    /*IE9 hack...	*/
    clear: left;
  }
  #conteneur #middle #commandeLivraison table.inscription .libelle.selectBox:after,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelle.selectBox:after,
  #conteneur #middle #commandeLivraison table.inscription .libelleLabel.selectBox:after,
  #conteneur #middle #recopierAdresseFacturation table.inscription .libelleLabel.selectBox:after {
    right: 26px;
  }
  #conteneur #middle #commandeLivraison table.inscription .civilite,
  #conteneur #middle #recopierAdresseFacturation table.inscription .civilite {
    display: inline-block;
    width: 100%;
  }
  #conteneur #middle #commandeLivraison table.inscription .civilite label,
  #conteneur #middle #recopierAdresseFacturation table.inscription .civilite label {
    width: 60px;
  }
  #conteneur #middle #commandeLivraison table.inscription .civilite + td,
  #conteneur #middle #recopierAdresseFacturation table.inscription .civilite + td {
    display: inline-block;
    width: 39%;
  }
  #conteneur #middle #commandeLivraison table.inscription .right,
  #conteneur #middle #recopierAdresseFacturation table.inscription .right {
    display: block;
  }
  #conteneur #middle #commandeLivraison p.right,
  #conteneur #middle #recopierAdresseFacturation p.right {
    clear: both;
    padding-top: 10%;
  }
  #conteneur #middle #cgvLivraison {
    clear: both;
    padding-top: 10%;
  }
  #conteneur #middle #commandePanier .descriptionPanier thead,
  #conteneur #middle #commandePanier .descriptionPanier tbody,
  #conteneur #middle #commandePanier .descriptionPanier th,
  #conteneur #middle #commandePanier .descriptionPanier tbody td,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr {
    display: block;
  }
  #conteneur #middle #commandePanier .descriptionPanier thead {
    margin-bottom: 0;
    border: none;
  }
  #conteneur #middle #commandePanier .descriptionPanier thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort {
    border-bottom: none;
    height: auto;
    padding: 13px 0;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td {
    /* Behave  like a "row" */
  
    border: none;
    border: none;
    position: relative;
    padding: 5px 10px 5px 50%;
    text-align: right;
    width: auto;
    height: auto;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td p,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td p,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td p {
    line-height: 12px;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td:before {
    /* Now like a table header */
  
    position: absolute;
    /* Top/left values mimic padding */
  
    top: 6px;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td.libelle,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td.libelle,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td.libelle {
    padding: 0;
    text-align: left;
    padding: 8px 0 0 10px;
    margin: 0;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td.prixUnitaire:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td.prixUnitaire:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td.prixUnitaire:before {
    content: "Prix";
    font-weight: bold;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td.champFormulaire:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td.champFormulaire:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td.champFormulaire:before {
    content: "Quantit\00E9";
    top: 10px;
    font-weight: bold;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.ligneRecapitulatif td.prixTotal:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.services td.prixTotal:before,
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td.prixTotal:before {
    content: "Total";
    font-weight: bold;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td#fraisPortFinal {
    display: none;
  }
  #conteneur #middle #commandePanier .descriptionPanier tbody tr.fraisPort td.prixTotal:before {
    content: "Frais de port";
    font-weight: bold;
  }
  #conteneur #middle #commandePanier .descriptionPanier tfoot {
    display: table;
    width: 100%;
  }
  #conteneur #middle #commandePanier .descriptionPanier tfoot td.totalProduit {
    text-align: right;
  }
  #conteneur #middle #encadreChequeEntre p .chiffreChequeEntre {
    width: auto;
  }
  #conteneur #middle #valideDonneeProfil .btn {
    margin-left: 25%;
  }
  #push h1 {
    font-size: 12px;
    line-height: 12px;
    height: 25px;
    max-height: 25px;
    padding-left: 20px;
    padding-bottom: 2px;
    display: table;
  }
  #push h1 span {
    display: table-cell;
    vertical-align: bottom;
  }
  #push .libellePush {
    font-size: 10px;
    padding-left: 20px;
  }
  /*TEXTE*/
  #services #servicesLeft,
  #services #servicesRight {
    width: 100%;
    float: none;
  }
  #cgv #introduction,
  #cgv .boutonCommande {
    clear: both;
    width: 100%;
  }
  #cgv .condition {
    width: 100%;
    clear: both;
    float: none;
  }
  /*POPUP*/
  #fancybox-wrap,
  #fancybox-content,
  #fancybox-outer {
    width: 100% !important;
    left: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
  }
  .fancybox-bg {
    display: none;
  }
  #fancybox-close {
    right: 10px;
  }
  #fancybox-content div {
    overflow: hidden !important;
  }
  #fancybox-content #confirmationAchat h1 {
    font-size: 24px;
  }
  #fancybox-content #confirmationAchat #detailArticle {
    width: 220px;
  }
  #popinContenuNewsletter {
    width: 100%;
    height: auto;
  }
  #popinContenuNewsletter p#introNewsletter,
  #popinContenuNewsletter p#texteNewsletter {
    height: auto;
  }
  #conserverAdresse{
  	margin-top: 30px;
  }
}
@media screen and (max-width: 320px) {
  #conteneur #header {
    hidden: visible;
  }
  #conteneur #header .toolBoutons li {
    text-align: center;
  }
  #conteneur #header .toolBoutons li a .label {
    display: none;
  }
  #panier {
    margin: 0 auto;
  }
  #currency .infoCurrency {
    width: 120px;
    text-align: left;
    margin: 5px 0 5px 10px;
  }
  /*FICHE PRODUIT*/
  #produitDetail .gauche {
    width: 100%;
  }
  #conteneur #middle {
    /*VITRINE DEBUT*/
  
    /*VITRINE FIN*/
  
    /*PRODUIT DEBUT*/
  
    /*PRODUIT FIN*/
  
    /*CHEQUE CADEAUX AF DEBUT*/
  
    /*CHEQUE CADEAUX AF FIN*/
  
    /*PARTIE PROFIL DEBUT*/
  
    /*PARTIE PROFIL FIN*/
  
  }
  #conteneur #middle h1 {
    font-size: 24px;
  }
  #conteneur #middle .produit .image {
    width: 145px;
  }
  #conteneur #middle .produit .description {
	max-width: 195px;
    height: auto;
    padding-top: 15px;
  }
  #conteneur #middle #produitDetail #carouselProduit li {
    padding: 13px;
  }
  #conteneur #middle #produitDetail #prix {
    max-width: none;
  }
  #conteneur #middle #produitDetail #prix #barre {
    display: block;
  }
  #conteneur #middle #produitDetail .droite #panierProduit .btn {
    font-size: 14px;
  }
  #conteneur #middle #commandePanier .ligneTotal #totalPanier {
    margin-right: 0;
  }
  #conteneur #middle #commandePanier .ligneTotal .floatRight {
    margin-bottom: 15px;
  }
  #conteneur #middle #commandePanier #descriptionPanier tfoot #totalProduit {
    text-align: right;
  }
  #conteneur #middle #commandePanier #descriptionPanier tfoot .totalMiles {
    width: 35%;
  }
  #conteneur #middle #encadreChequeEntre {
    width: 275px;
  }
  #conteneur #middle #encadreChequeEntre ul#listeChequeEnregistrer {
    width: 270px;
  }
  #conteneur #middle #encadreChequeEntre ul#listeChequeEnregistrer li span.lienSup,
  #conteneur #middle #encadreChequeEntre ul#listeChequeEnregistrer li span.textChequeEntre,
  #conteneur #middle #encadreChequeEntre ul#listeChequeEnregistrer li span.chiffreChequeEntre {
    float: none;
    display: block;
    width: 270px;
    text-align: center;
  }
  #conteneur #middle #encadreChequeEntre p {
    text-align: center;
  }
  #conteneur #middle #encadreChequeEntre p span#textChequeEntre,
  #conteneur #middle #encadreChequeEntre p span#chiffreChequeEntre {
    float: none;
    display: block;
  }
  #conteneur #middle #encadreCaptchaCacher {
    width: 270px;
    text-align: center;
  }
  #conteneur #middle #encadreCaptcha {
    width: 270px;
  }
  #conteneur #middle #encadreCaptcha #imgCaptcha {
    float: none;
    margin-left: 50px;
  }
  #conteneur #middle #commandePanier .entete .floatRight {
    margin-top: -18px;
  }
  #conteneur #middle #commandePanier .entete .date {
    display: block;
  }
  /*FOOTER*/
  #conteneur #footer {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #conteneur #footer #footerLienDroite {
    text-align: center;
  }
  #conteneur #footer #footerNewsletter {
    text-align: center;
    padding-left: 0;
  }
  #conteneur #footer #footerNewsletter span#txtNewsletter {
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px 10px 15px;
  }
  #conteneur #footer #footerNewsletter #txtNewsletterBtn {
    margin: 0 auto;
  }
  #conteneur #footer #footerLiensSociaux,
  #conteneur #footer #footerLogoAF {
    margin-left: 15%;
  }
  #conteneur #footer #footerLogoAF {
    margin-right: 25%;
  }
  /*HOME DEBUT*/
  #conteneur #middle #push h1 {
    font-size: 10px;
    height: 10px;
    max-height: 10px;
    padding-left: 0;
    text-align: center;
  }
  #push .libellePush {
    font-size: 9px;
    padding-left: 0;
    text-align: center;
  }
  /*HOME FIN*/
  /*POPIN DEBUT*/
  #confirmationAchat h1 {
    font-size: 14px;
  }
  #confirmationAchat #detailArticle {
    width: 220px;
  }
  #confirmationAchat #photoArticle {
    width: 80px;
  }
  #confirmationAchat #photoArticle img {
    height: 75px;
    width: 75px;
  }
  #popinPush h1 {
    font-size: 14px;
  }
  /*POPIN FIN*/
  #faq #questions .blocVisible {
    width: 290px;
  }
   #conserverAdresse{
  	margin-top: 30px;
  }
  .vitrineIntro {
	display: none;
}
}