html {
	margin:0%;
	padding:0%;
	
	/*c'est lui qui fixe réellement la dimension */
	height:/*105%*//*130%*/1400px;/*par défaut, presentation verticale pour petits écrans */
	
	
	/* IL FAUT EXPRIMER LES HAUTEURS ET POSITIONS EN PX !!!!!!!!!!!!!*/
	/* sinon à la déformation en hauteur ça ne marche pas .... */
	
	
	width:99.9%;
	
	
	font-style: normal;
	font-family:sans-serif;	
	
	font-size:1.3em;
	
	background-color:#594D47;
}

body{
	margin:0%;
	padding:0%;
	height:100%;
	width:99.9%;
}


#left_part ul li.UnvisibleItem{
	/*
	clear:both;*/
	display:none;
	float:/*left*/none; 
	opacity:0;
	
	width:0.00001%;
	height:0.0001%;
	border:none;
}



.ExceptionMessage {
	width:70%;
	top:100px;
	left:100px;
	position:absolute;
	display:block;
	opacity:1;
	z-index: 15;
	background-color: red;
}





/***********************************************************/
/*************** media queries *****************************/
/***********************************************************/

@media screen and (max-width:240px) 
/* menu horizontal activé (1er niveau) sans cases ni icones*/
/* sous menus verticaux */
{

}

@media screen and (min-width:395px) 
/* menu horizontal activé (1er niveau) sans cases ni icones*/
/* sous menus verticaux */
{

	html{
		height:/*120%*/1500px;
	}
} /* fim media querie pour ecran de largeur >= 365 px */





@media screen and (min-width:860px) 
/*mode 3 colonnes pour métiers et pi*/
/* la hauteur se règle avec overflow:auto */
/* on pourrait ici rajouter les cases et icones pour menu horizontal */
/* pas encore de sous menus ici*/
{

	html{height:900px;}
	/*body{height:90%}*/
			
} /* fin media queries pour mode 3 colonnes */
/*fin media querie pour ecran de largeur >=800px */



@media screen and (min-width:1225px) 
/* présentation header et menu pincipal en mode horizontal */
/* rajout des cases pour menu 1er niveau*/
{
	
		
} /*fin media querie pour ecran de largeur >=1225px */



 

@media screen and (min-width:1405px) 
/* activation full des sous menus horizontaux et présentation horizontale full*/
{	
	
	html{height:1000px}
	
	#left_part ul li.UnvisibleItem {
	/*clear:both;*/
	display:block;
	float:left; 
	opacity:0;
	
	/*font-size:0.5em;*/
	/*width:0.001%;*/
	/*height:0.0001%;*/
	border:none;
	border:1px solid green;
	
}
	
#left_part ul li.UnvisibleItem div{
	/*clear:both;*/
	/*display:inline-block;*/
	float:left; 
	opacity:0;
	color:#594D47;
	/*font-size:0.5em;*/
	width:0.001%;
	height:0.0001%;
	border:none;
	border:1px solid green;
	
}

	
} /* fin media querie pour full ecran >=1315px */





/***************** fin media queries **********************/