/* CSS Mobiles */

body {
	background-color:white;		
	font-family: Verdana, sans-serif;
	font-size: 120%;
}

#site 
{
	width: auto;
	height:100%;
	min-height:100%;
	
	margin:0;
	padding:0;	
	text-align:left;
	vertical-align:middle;
	
	background:white;
	border-collapse : collapse; 
}

#banniere
{
	width:100%;
	height:135px;
	background:url(https://www.nafix.fr/m/images/banniere3.jpg) no-repeat;
}

/* affichage contenu */

#contenu
{	
	width:100%;
	height:auto;
}

/* Fortes chances que les petits écrans soient des mobiles ou tablettes  */ 
/* auquel cas le menu classique n'est pas utilisé : 3 attributs suivants par sécurité */

#navigation > li {
	width:7em;
}

#navigation li.premier {
	width:5em;
}

#navigation li.dernier {
	width:5em;
}

 /**/

/* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
img, table, td, blockquote, code, pre, textarea, input, embed, video {
	max-width: 100%;
}

/* masquer les éléments superflus */
.hide_mobile {
	display: none !important;
}