.smart {
	display: none;
}
.nosmartt {
	display:inline;
}

@media screen and (max-width: 880px) {
 	img {
    	max-width: 300px;
	} 
	table td#titre, table td#module {
		font-size: 1em;
	}
	.nosmart, .nosmartt {
		display: none;
	}	
	.smart {
		display: inline-block;
	}	
	#accueil {
		margin-left:-20px;
	}
	header table {
		margin:auto;
	}
	header td {
		width:30px;
		height:30px;
		text-align: center;
	}
	header #titre {
		color:#fff;
		width:auto;
		padding-left:0px;
	}
	.headsmart {
		margin-left:15px;
		width:90%;
	}
	.smart img {
		max-width:30px;
		max-height:30px;
	}
	article, .fleft {
		display: block;
		clear:both;
		padding-left:0px;
		width:100%;
	}
	.t40l {
		width:100%;
		padding-left:0px;
	}
	.t40r, nav {
		width:100%;
	}
	h1, h2, p, td {
		font-size:1em;
	}
	p.paddvalid1, span.paddvalid1, span.ecart, ul.p100 {
		padding-left:0px;
	}
	input.paddvalid1 {
		margin-left: 0px;
	}
	span.midecart {
		padding-left:0px;
	}
	span.bigecart, p.bigecart {
		padding-left:0px;
	}
	footer {
		font-size: 0.8em;
	}
	#art_edit ul.consult, #art_edit div.consult, .seq_item, #art_edit hr {
		width:450px;
	}
	table.tabexclu {
		width:450px;
	}
	p.maxwidth, ul.maxwidth li {
		max-width: 450px;
	}
	hr.param {
		width: 450px;
		color: #086A87;
		float:left;
	}
	hr.edt {
		width: 450px;
		color: #E77015;
		float:left;
	}
	.fiche_consult {
		width:100%;
	}
	ul.consult li {
		width:60%;
	}
	.smartpad {
		margin-top:-20px;
	}
	.smartnavdiv {
		border-top:1px solid #999999;
		width:78%;
	}
	.smartnavfa {
		font-size:1.5em;
		padding-top:5px;
	}
	nav {
		top:2px;
	}
	nav td {
		padding-bottom:0px;
		padding-top: 0px;
		min-width:150px;
	}
	nav #top {
		border:0;
		height:25px;
	}
	tr.link {
		cursor:pointer;
	}
	tr.link td a {
		height:50px;
	}
	div.navleft {
		padding-top:5px;
	}
	.itemstats, .itemcren {
		display:inline-block;
		padding:5px;
		margin-right:0px;
		font-weight:bold;
	}
	.margel1 {
		margin-left:0px;
		padding-top:10px;
	}
	#art_database .right {
		float:left;
	}
	article.edt_affres {
        overflow-x: auto;
        overflow-y: hidden;
        display: block;
        width: 100%;
    }
    .edt_grille, .scroll {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        display: block;
    }

    .edt_grille table, .scroll table {
        width: auto;          /* Le tableau reste compact */
	    table-layout: auto;   /* Le navigateur calcule la largeur idéale */
	    border-collapse: collapse; /* Optionnel mais recommandé */
    }
}