﻿@media (max-width:960px) {
    html, body {
        background: 0 none !important;
    }
    .noMobile {}
    #blocTop, #subWrapper, #blocTopLiens, #footer, #subFooter, .ifNoScript {
        width: 100% !important;
        max-width: 100% !important;
    }
    #bgMan, #bgWoman, #monPanier .cartList .content ul {
        display: none;
    }
    #blocTop {
        background-position: center top;
    }
    #blocTopLiens ul {
        text-align: center;
    }
    #topMenu, #topMenu ul, #colCenter, .fullWidth #colCenter, #topMenu ul li, #monPanier, #blocRecherche, #logoWebsite, #monPanier, #monPanier .cartList, #monPanier .cartList .cartLink, #topMenu li .subTopMenu, .fullHome .leftSelection, .fullHome .rightLinks, #pageCategorie .blocSoldes, .blocPubConseil, .blocPubConseil .blocPub, .blocPubConseil .blocConseil, .blocPubConseil .blocPub a, .blocPubConseil .blocPub img, #pageCategorie #promoListe li .prixProduit, .blocPubConseil .entrCoord li, form p.lineForm, #pageCategorie #produitsListe .produitPrixLiens, #pageCategorie #produitsListe .produitPrixLiens a, #pageCategorie #produitsListe .produitPrixLiens a span, #topMenu .subTopMenu .menuColumns, #topMenu .subTopMenu ul, #topMenu .subTopMenu ul ul, #topMenu .subTopMenu li, #topMenu .subTopMenu li li, #topMenu .subTopMenu li a, #topMenu .ulColumn.ulMachines, #topMenu .ulColumn.ulConsos, #topMenu .ulConsos .level2, #pageProduit .contentProduct .videoContainer, #pageCategorie #produitsListe .produitInfos, #pageProduit .contentProduct .actionsProduit, #pageProduit .contentProduct .blocCarac, #pageProduit .contentProduct .blocOptions, .fullCMS #pageProduit .contentProduct .cmsContent.contactPage .entrCoord li, #colCenter #planSite li li, #colCenter #planSite li.liConsoClear li, #colCenter #planSite li li li, #colCenter #planSite li.liConsoClear, #colCenter #planSite li.liConsoClear li li, .fullPanier .processCart, .fullPanier .processCart ul, .fullPanier .processCart ul li, .fullPanier .processCart ul li a, .fullPanier .processCart ul li span, .fullPanier .content, td .fourniOrder, .fullCompte #colCenter, .fullCompte #blocIdentification, .fullCompte #blocCreation, .fullCompte #blocIdentification .sousBloc, .fullCompte .contentSousBloc p.boutonForm, #selectShipping .addrBlock, #selectShipping .addrBlockContent, .accountPage #colCenter .content, .accountPage .addressBlock, .accountPage #colLeft, .accountPage #colLeft ul, .accountPage #colLeft li, .accountPage #colLeft a, .fullCMS #pageProduit .contentProduct .cmsContent .ourSelect h4, .fullCMS #pageProduit .contentProduct .cmsContent .ourSelect ul, #blocRecherche label, #footer .content .footerLinks .footColumn {
        float: none;
        text-align: center;
        display: block;
        position: static;
        margin: 0;
        padding: 0;
        border-radius: 0;
        clear: both;
        height: auto;
        border: 0 none;
        width: 100%;
        max-width: 100%;
    }
    #pageCategorie .blocSuggestFour #promoListe li, #footer .content .footerAssurance li, #footer .content .footerLinks h4, #footer .content .footerLinks li, #pageCategorie #promoListe li, #pageCategorie #promoListe li, #blocRecherche label {
        width: 49%;
        max-width: 49%;
        display: inline-block;
    }
    .contentConsoType .contentDescType.withImg img, .fullCMS #pageProduit .contentProduct .cmsContent img.floatLeft {
        float: left;
    }
    .fullCMS #pageProduit .contentProduct .cmsContent img.floatRight {
        
    }
    .fullCMS #pageProduit .contentProduct .cmsContent img.floatLeft, .fullCMS #pageProduit .contentProduct .cmsContent img.floatRight, .fullCMS #pageProduit .contentProduct .cmsContent p.alignCenter img, #pageCategorie #promoListe li.liPubLink img, .contentConsoType .contentDescType.withImg img {
        max-width: 250px;
        margin: 0 auto;
    }
    #logoWebsite img {
        max-width: 80px;
        width: auto;
        margin: 0 auto 1em;
    }
    #monPanier, #blocRecherche {
        background: #000 none;
        opacity: 1;
        border-radius: none;
    }
    #monPanier .content {
        margin: 0;
    }
    #colLeft, #colRight, #pageProduit p.printPage, #pageProduit .contentProduct .actionsProduit .content a#perfoRhino {
        display: none;
        width: 0;
    }
    /* Top menu */
    #topMenu #displMobile {
        display: block;
    }
    #topMenu li.level1 {
        display: none
    }
    #topMenu:hover li.level1 {
        display: block;
    }
    #topMenu li.level1 .subTopMenu, #topMenu li.withAds {
        display: none;
    }
    #topMenu .level2 {
        line-height: 1.2em;
    }
    #topMenu .level2 > a, #topMenu .level2 > .likeLink, #topMenu .ulBrand li.level2 > .letterBrand {
        padding: 5px !important;
        margin: 0.5em 0 !important;
    }
    /* Pop-ins */
    .divPopin, .contentPopin {
        width: 90%;
    }
    /* Home and blocks */
    .fullHome #colCenter ul, .fullHome #colCenter ul li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .fullHome #colCenter ul li, .blocPubConseil .blocPub a, .blocPubConseil .blocPub img {
        max-width: 250px;
        margin: 0 auto;
    }
    .fullHome #colCenter .editoBlock ul, .fullHome #colCenter .editoBlock ul li {
        margin: 0;
        display: block;
        max-width: 100%;
        text-align: justify;
    }
    .fullHome #colCenter .editoBlock ul li {
        list-style: square inside;
        display: list-item;
        text-indent: 2em;
    }
    .fullHome #colCenter .rightLinks .newsLinks li {
        max-width: 195px;
    }
    .topSliderContent, .occasionBlock {
        display: none;
    }
    /* Footer */
    #footer .content .footerAssurance li {
        min-height: 60px;
        max-height: 60px;
        height: auto;
        margin: 0.5em 0;
    }
    #footer .content .footerLinks {
        line-height: 48px;
        font-size: 1.3em;
    }
    /* Categories */
    #pageCategorie #promoListe li, #pageCategorie .blocSoldes, .blocPubConseil .blocConseil {
        margin: 2em 0;
    }
    #pageCategorie #produitsListe .produitPrixLiens a {
        margin: 0.5em 0;
        line-height: 25px;
    }
    /* Products */
    #pageCategorie #produitsListe .produitInfos, #pageProduit .contentProduct .actionsProduit, #pageProduit .contentProduct .blocCarac, #pageProduit .contentProduct .blocOptions {
        text-align: left;
    }
    #pageProduit .contentProduct .descProduit {
        text-align: justify;
    }
    /* Contact block */
    .blocPubConseil .blocConseil {
        padding: 1.5em 0 0;
    }
    .blocPubConseil .entrCoord strong, .blocPubConseil .entrCoord .entrEmail a, .fullCMS #pageProduit .contentProduct .cmsContent.contactPage .entrCoord li strong, .fullCMS #pageProduit .contentProduct .cmsContent.contactPage .entrCoord  .entrEmail li span {
        display: inline-block;
        vertical-align: middle;
    }
    .blocPubConseil .entrContact big, .blocPubConseil .entrContact li,
    .fullCMS #pageProduit .contentProduct .cmsContent.contactPage .entrCoord big, .fullCMS #pageProduit .contentProduct .cmsContent.contactPage .entrCoord li {
        line-height: 1.2em;
    }
    .blocPubConseil .entrCoord li, .fullCMS #pageProduit .contentProduct .cmsContent.contactPage .entrCoord li {
        margin: 0.7em 0;
    }
    /* Cart */
    .fullPanier .processCart ul li {
        display: none;
    }
    .fullPanier .processCart ul li.validated {
        display: block;
        border: 0 none;
    }
    .fullPanier .processCart ul li a, .fullPanier .processCart ul li span {
        background: none;
        font-size: 0.8em;
    }
    .fullPanier .processCart ul li a::before , .fullPanier .processCart ul li span::before  {
        content: "< ";
    } 
    .fullPanier .cartBlock table th, .fullPanier .cartBlock table td,
    .accountPage .contentOrder th, .accountPage .contentOrder td {
        font-size: 0.8em !important;
        font-size: 3vw !important;
        padding: 5px;
    }
    .fullPanier .cartBlock table td img{
        max-width: 40px;
        height: auto;
    }
    .accountPage .contentOrder td img {
        display: none;
    }
    .fullPanier .cartBlock td .fourniOrder span, .fullPanier .cartBlock table td .fourniOrder input,
    td .fourniOrder span, td .fourniOrder input {
        display: block;
        width: 100%;
        min-width: 48px;
        min-height: 48px;
        border-radius: 0;
        margin: 8px 0;
        border: 1px solid #333;
        line-height: 48px;
    }
    td .fourniOrder span span {border: 0 none; margin: 0;}
    .fullPanier .cartBlock p.boutonForm {
        width: 100%;
        font-size: 1.3em;
        line-height: 1.2em;
    }
    .fullCompte .bgIdentification .bgCenter, .fullCompte .bgIdentification .bgTop, .fullCompte .bgIdentification .bgBottom {
        background: none #fff;
        opacity: 0.9;
    }
    .fullCompte #blocIdentification .sousBloc {
        margin: 2em 0;
    }
    .fullCompte .contentSousBloc p.boutonForm {
        margin: 1em 0 0;
    }
    .paymentPage form li,.paymentPage form li .checkPay {
        width: 100%;
        text-align: center;
    }
    .paymentPage form li {
        padding: 2em 0;
        border-bottom: 1px dotted #666;
        border-right: 0 none;
    }
    #selectShipping .addrBlock {
        background: none;
        border-bottom: 1px dotted #333;
        margin: 0 0 1em;
    }
    .accountPage .addressBlock:first-child {
        border-bottom: 1px dotted #333;
        padding: 0 0 1em;
        margin: 0 0 1em;
    }
    /* Contents */
    .fullCMS #pageProduit .contentProduct .cmsContent .bgTable table {
        table-layout: fixed;
    }
    .fullCMS #pageProduit .contentProduct .cmsContent .bgTable table th {
        font-size: 1em;
    }
    .fullCMS #pageProduit .contentProduct .cmsContent .bgTable table td {
        font-size: 0.9em;
    }
    .fullCMS #pageProduit .contentProduct .cmsContent .destrLevels img {
        width: 30px;
    }
    /* Furnitures */
    .contentConsoType .contentFour {
        padding: 0;
    }
    .contentConsoType .orderFournitures {
        width: 100%;
        max-width: 100%;
    }
    .contentConsoType .orderFournitures th, .contentConsoType .orderFournitures td {
        font-size: 0.5em;
        font-size: 4vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .contentConsoType .orderFournitures th:first-child, .contentConsoType .orderFournitures td:first-child {
        display: none;
    }
    .contentConsoType .orderFournitures th:last-child * {
        display: none;
    }
    .contentConsoType #selectColor li {
        min-width: 30px;
        max-width: 10%;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
    }
    .contentConsoType #selectColor li .imgCouleur {
        height: 30px;
    }
    .contentConsoType #selectColor li .libCouleur {
        display: none;
    }
    td .fourniOrder span {
        height: auto;
    }
     /* correction ergonomie mobile */
     
    #pageCategorie .contentCategory, .contentConsoType { padding: 0px !important; }
    #planSite { font-size: 1.5em; line-height: 3.5em; }
    .contentConsoType .linkToMachines { line-height:3.5em; }
    
    /* mise en place des tableaux flexbox pour les pages consomables */
    
    .contentConsoType .orderFournitures th {
        position: absolute;
		top: -9999px;
		left: -9999px;
    }
    .contentConsoType .orderFournitures td {
        border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 52%; 
		white-space: normal;
		text-align:left !important;
        display: flex;
    }
    .contentConsoType .orderFournitures td:before {
         /* Now like a table header */
		position: absolute;
        content: attr(data-title);
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
        font-size: 3vw;
        color: #FFF;
        background-color: #A4004D;
        padding: 4px 5px;
    }
    .contentConsoType .orderFournitures td .fourniOrder {
        display: inline-flex;
    }
    td .fourniOrder input, td .fourniOrder span {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}
@media (max-width:500px) {
    #topMenu a, #pageCategorie .blocSuggestFour #promoListe li, #footer .content .footerAssurance li, #footer .content .footerLinks .footColumn, #footer .content .footerLinks h4, #footer .content .footerLinks li, #pageCategorie #promoListe li, .contentConsoType .contentDescType.withImg img, .fullCMS #pageProduit .contentProduct .cmsContent img.floatLeft, .fullCMS #pageProduit .contentProduct .cmsContent img.floatRight, #blocRecherche label {
        width: 100%;
        max-width: 100%;
        display: block;
        float: none;
        text-align: center;
        display: block;
        position: static;
        margin: 0;
        padding: 0;
        border-radius: 0;
        clear: both;
        height: auto;
        border: 0 none;
    }
    #topMenu a { line-height: 1.5em;}
    .fullCMS #pageProduit .contentProduct .cmsContent img.floatLeft, .fullCMS #pageProduit .contentProduct .cmsContent img.floatRight, .fullCMS #pageProduit .contentProduct .cmsContent p.alignCenter img, #pageCategorie #promoListe li.liPubLink img, .contentConsoType .contentDescType.withImg img {
        max-width: 250px;
        margin: 0 auto;
    }
    #footer .content .footerAssurance li span {
        padding-right: 65px;
    }
    #topMenu li.level1 a.itemMenuParent { padding: 0 !important; line-height: 48px;}
    
}
/* Special brands */
@media (max-width:1650px) {
    .destructeurFellowes body {background-size: 10%;}
}