body
	{
		background :#dce2e7 url(bg.jpg) repeat-x;
		color:#393939;  
		font-size:10pt; 
		font-family:"Trebuchet MS", sans-serif;
		line-height:1.5;
	}

#global 
	{ 
		position:relative;
		margin-left:auto; 
		margin-right:auto; 
		width:975px; 
	}
	
#mobile
	{
		display:none;
	}
	
#aller
		{
			height:40px; 
			color:white; 
			background:url(bouton.jpg) repeat-x; 
			width:160px;
		}
	
#mp
	{
		position:absolute; 
		top:0px; 
		left:0px; 
		text-align:center; 
		width:100%; 
		height:100%;
	}

#tb
	{
		margin-top:10%;
		width:100%;
	}
	
#search
	{
		width:700px; 
		height:32px;
	}
	
#searchx
	{
		width:700px; 
		height:32px;
	}
	
#searchy
	{
		width:700px; 
		height:32px;
	}
	
#footer 
	{
		border-top:#c0c0c0 solid 1px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 25px;
		text-align:center;
		font-size:10pt;
	}
	
#reponse
	{
		z-index:100; 
		width:700px;
		background:white;
		border:1px solid #cac9c9; 
		overflow:auto; 
		line-height:2; 
		color:#616161;  
		display:none;
	}
	
#cadre
	{
		border:1px #7c9398 solid;
		width:704px; 
		padding:4px;
	}
	
#loader
	{
		display:none;
	}
	
#tableau
	{
		display:nne;
	}
	
	
 #jem
	{
		position:absolute;
		top:0px; 
		left:0px; 
		z-index:10000;
		width:100%; 
		height:100%;
		background-color:#003760; 
		opacity : 0.7;  
		color:white; 
		text-align:right;
		overflow:hidden; 
		display:none; 
		position: fixed;
	}

 #myframe
	{ 
		background-color:white ; 
		display:none; 
		z-index:11000; 
		position : fixed;
		top  : 10%;
		font-size:12pt;
		display:none; 
		padding:5px;
		line-height:1.5;
		margin-top : -36px; /* Correspond à moins la hauteur totale de l'élément fixe (ici 70px + 2px de bordure) divisée par 2 */
	}

@media (max-width: 640px) 
	{
		#mobile,  #jem,  #myframe
			{
				display:block;
			}	
			
		table, td, div , input
			{
				max-width: 100%; 
				max-height: 100%;
			}
 
			/* gestion des mots longs */
		textarea, table, td, th, code, pre, samp 
			{
				word-wrap: break-word; /* passage à la ligne forcé */
				-webkit-hyphens: auto; /* césure propre */
				-moz-hyphens: auto;
				hyphens: auto;
			}
			
		img 
			{
				max-width: 100%;  max-height: 100%;
			}
			
		#search
			{
				width:80%; 
			}
			
		#reponse
			{
				width:90%; 
			}
			
		#searchx
			{
				width:90%;
			}
			
		#aller
			{
				height:40px; 
				color:white; 
				background:url(bouton.jpg) repeat-x; 
				width:15%;
			}
	
		#cadre
			{
				width:100%;
				border:none;
				padding:0px;
			}
		
		#footer 
			{
				display:none;
			}
			
			
	
			
		#nomobile
			{
				display:none;
			}
		
		#explication
			{
				display:none;
			}
		
	}