@media  handeld, (max-width: 800px) {
	body{
		font-size:0.875rem;
	}
    .box{
        width: 84%;
        margin-top:1.5em;
        margin-left: 8%;
    }
     .software img{
     	 width: 90%;
     	 margin-left: 5%;
     }
    #menuLeft, #menuLeft2{
        top:-1000px;
    }
    #contenu{
        margin-left: 0;
    } 
	section#articles article{
        margin-left: 8%;
    }
	aside{
        float:none;
		max-width : none;
		width: 84%;
        margin-top:1.5em;
        margin-left: 8%
    }
	.back{
		margin-left:8%;
	}
	.addArticle label{
		display:inline-block;
		text-align:center;
		min-width:50px;
		margin-right:0px;
	}
	div#rgpd{
		width: 92%;
	    margin-left: calc(4% - 3px);
		padding:0px;
		padding-top:10px;
	}
}
@media  handeld, (max-width: 544px) {
/* 	#menu ul li:hover ul li{
		z-index: 2;
	} */
	body{
		font-size:0.8rem;
	}
    .box, .software img, aside{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
	section#articles article{
        margin-left: 0;
    }
	.back{
		margin-left:1%;
	}
	p.ancienMessage{
		margin-bottom: -1%;
		width:94%;
	}
	form.formMsg, form.formMsg2{
	/* float:left; */
		margin:1%;
		margin-top:10px;
		width:100%;
	}
	p.reponse{
		margin-left:2%;
		width:94%;
	}
	div#rgpd{
        width: 100%;
        margin: 0px 0px 0px 0px;
		border-left-width:0px;
		border-right-width:0px;
	}
}
@media  handeld, (max-width: 376px) {
	.connexion2{padding:0;}
	.connexion2 a{
		margin-left: 5px;
		margin-right: 5px;
	}
	footer{
		margin-top: -65px;
		height: 60px;
	}
	#contenu{
		padding-bottom: 65px;
	}
	footer p{
		font-size:0.75em;
	}
}
@media  handeld, (max-width: 247px) {
	footer{
		margin-top: -80px;
		height: 75px;
	}
	#contenu{
		padding-bottom: 80px;
	}
}