@media screen and (max-width: 600px){
    #contenu { width: 90%; margin: 0 auto }
    #contenu_accueil { width: 100%; margin: 0 auto }
    #header_accueil { width: 90%; }
    
    #colonneG { float: left; width: 90%; margin-right: 5%; margin-left: 5% }
    #colonneD { float: left; width: 90%; margin-right: 5%; margin-left: 5% }

    #colonneG2 { float: left; width: 90%; margin-right: 5%; margin-left: 5% }
    #colonneD2 { float: left; width: 90%; margin-right: 5%; margin-left: 5% }
    
	.responsive td { display:block!important; width:100%!important; box-sizing: border-box; }
    
    #box { margin: 10px; font-size: 80% }
    #user { margin: 10px; font-size: 80% }
    #deconnect { margin: 10px; font-size: 80% }
    #header_pictos { right: 10px }
    .logo { margin: 30px 0 0 20px; width: 150px }
    
    .responsive td { display:block!important; width:100%!important; box-sizing: border-box; }
    
    .div_bloc { width: 90% }
    .item2 { width: 70% }

}

@media screen and (min-width: 601px) and (max-width: 1199px){
    #contenu { width: 90%; margin: 0 auto }
    #contenu_accueil { width: 100%; margin: 0 auto }
    #header_accueil { width: 90%; }
    .responsive td { display:block!important; width:100%!important; box-sizing: border-box; }

}

@media screen and (min-width: 1201px){

}