@media (min-width: 1024px) {
    #sm-menu-ham,.sm-menu-outer{display:none}
}

/* Condition spécifique MSIE */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .thumbnail {width:160px}
}

@media screen and (max-width: 1500px) {
    body.mmactive #header .logo a img{height:50px}
    img,iframe{display:inline-block;max-width:100%;height:auto}   
    #global.portal #body{padding:0 10px}    
    #global.portal > div #body.bloc > div{padding:0}     
    #global.open > div .bloc > div{padding:0}
    #header > div{height:auto}
    #header .table > div{display:block;padding:5px 0}
    #toolbar, .cart{display:none}
    .table > div{display:block}
    .table > div.column.left,.table > div.column.right{display:none}
    .table > div.content{padding:20px 0 !important}
    .auth,.article{width:auto !important}
    .article div.table > div{display:block}
    .article div.info{text-align:center;padding:0}
    .article div.prev{width:auto;padding:10px;display:block}
    .article-info > div{width:auto;display:inherit;text-align:center}
    .article-info > div h1 {text-align:center}
    .article-info > div > div div ul li{padding:0}
    .article-info > div > div{display:inherit;padding:20px 0 0 0}
    .article-info div.table > div{display:block}
    .article-info div.prev{width:auto}
    .article-info div.prev.thumb img{display:inherit;width:90%;margin:10px 0}  
    .article-info div.vehicle{text-align:left}
    .table_1 > div{display:block}
    .table_1 > div:nth-child(1),.table_1 > div:nth-child(2){width:auto;padding:0}
    .panier .table-1 > div{display:block;padding:0;width:100% !important}
    .panier .panier-date{flex-direction:column;width:auto}
    .compte .tabbox {width:auto}
    .compte .tabbox > div{border-top-left-radius:0;border-top-right-radius:0;padding:30px 0}
    .compte .tabbox > ul{text-align:left}
    .compte .tabbox > ul li:last-child a{background-color:#f8f8f8;color:#888}
    .compte .tabbox > ul li{display:inherit;margin:0}
    .compte .tabbox > ul li a{display:block}
    .compte .legend li{line-height:22px;margin:8px}
    .compte .listing > div > div{display:block;padding:0 10px}
    .compte .listing > div > div.etat{padding-top:10px;width:auto}
    .compte .form fieldset label{float:none;display:block;width:100%;margin-bottom:5px}
    .compte .form fieldset span{display:inline}
    .compte .form fieldset input,.form fieldset textarea{width:100%;box-sizing:border-box}
    .compte .form fieldset input[type=checkbox]{width:auto}
    .compte .form fieldset select{max-width:none !important;width: 100%}    
    .compte .form fieldset img{display:inherit}
    .compte .listing > div > .code{width:auto}
    .dataTable.mobile tbody, .dataTable.mobile tbody td, .dataTable.mobile tbody tr{display:block;text-align:left}
	.dataTable.mobile thead tr {position:absolute;top:-9999px;left:-9999px;}
	.dataTable.mobile tbody tr td {position:relative;padding-left:45%}
	.dataTable.mobile tbody tr td img {vertical-align:middle}
	.dataTable.mobile tbody tr td:before {position:absolute;top:6px;left:6px;width:45%;white-space:nowrap;content:attr(data);font-weight:bold}
    .dataTable.mobile tbody tr td br{display:none}
    .dataTable.mobile tbody tr td div br{display:block}
    .dataTable.mobile tbody tr td.mediumfont{font-size:inherit}
    .dataTable.mobile tbody tr td .btnLink{font-size:.9em;width:80%}
    .dataTable.mobile tfoot{display:none}
    .gallery{padding:0}
    .blog{padding:0}
    .blog .listing > div > div,
    .album .listing > div > div{display:block;padding:10px 0 !important}
    .blog .listing > div > div.img {width:auto}
    .blog .listing > div > div img.float{margin:0 auto;float:none;display:block;margin-bottom:20px}
    .blog .table{margin:10px auto 0 auto}
    .bloc-info.thumb a img{width:auto;box-sizing:unset;display:block;margin:8px auto}
    .bloc-info.page img,.bloc-info.faq img{float:none !important;margin:10px auto !important;display:block;max-width:100%;height:auto}
    .bloc-info.page table{width:100%}    
    .bloc-info.page table th{display:none}
    .bloc-info.page table td{display:block;width:auto}
    .avis .table_2 > div > div{display:block}
    .avis .rate-form{margin:0;top:auto}
    .avis .table > div{display:table-cell;padding:0}
    .album .mansory > div:first-child{column-count:initial !important}
    .album .mansory > div:first-child img{display:block;width:auto;margin:10px auto}
    table.responsive td{display:inherit}
    table.responsive td table{width:auto !important;border-collapse:initial !important;margin-bottom:10px}
    .opinion h2{margin-bottom:0}
    .opinion .table_2 div div{display:block}
    .opinion .rate-form{top:6px}
    .rate-user{text-align:left}
    .legal h1,.legal h2{margin-bottom:20px}
    .legal p{margin:20px 0 !important}
    .panier .table.panier-login > div{padding:0}
    .panier .table.panier-login .bloc-info form{width:auto}
    .catalog .catalog-page .table, .catalog .catalog-page .bloc{margin-bottom:0}
    .catalog .thumbnail div.form input[type=number]{margin:0 5px;text-align: center;}
    ul.pagination{margin:20px}
    div.flex{background-color:#fff}
    div.flex > div{padding:0 !important}
    div.login {width:100%;border-radius:0;box-shadow:none !important;background-color:transparent}            
    div.login {padding:0;border:0;box-shadow:none;border-radius:0}
    div.login input[type=email],div.login input[type=text],div.login input[type=password]{box-sizing:border-box;width:100%}
    #social ul li{margin:5px 0}
    #footer div.menu-column{text-align:left}
    #footer div.column{margin:0 5px;width:40%}
    #legal ul li{display:block;line-height:24px}
    #legal ul li::after{content:''}
    #foot .bloc.perso .table > div {display:block;margin-bottom:20px}
    #foot .bloc.perso .table > div:last-child {margin-bottom:0}
    #msgBox{padding:20px}
}

@media screen and (max-width: 1000px) {
    .gallery.grid{display:block}
    .catalog{padding: .5rem}
    .catalog .thumbnail {margin: 1rem 0}
    .catalog .thumbnail div.prev{height:auto;width:auto}
}