@media (max-width: 800px) { 

#header-site .wrapper, #logo-site .wrapper, #site, #footer .wrapper {
width : 96% !important;
}


/* gestion des mots longs */ 
textarea, table, td, th, code, pre, samp { 
word-wrap: break-word; /* csure force */ 
}
code, pre, samp { 
white-space: pre-line; /* passage  la ligne spcifique pour les lments  chsse fixe */ 
}
 
}

@media screen and (max-width:800px) and (orientation: landscape) { 
body { 
-webkit-text-size-adjust: 70%; 
} 

}