/*------ FIN -----   SAUF SAFARI3+ ET CHROME 1+  -----*/
/*------ DEBUT -----  W superieur a 1.290px   -----*/
@media all and (min-width: 1300px)
{ 
 .body{
 	font-size:18px;
 	}   
 	
.container {
	display:block;
	position:absolute;
	width:70%;
	height:100%;
	top:0;
	left:0;
	margin:0 15%;
	}


.titre p {
	text-align: center;
	font-size:2.5em;
	color:#555;
	text-shadow: 1px 1px 3px #56A5C3;	
	}
	
}
/*------ FIN -----  W superieur a   1.30O px   -----*/
@media all and (max-width: 1290px)
{ 

}

}
/*------ FIN ---- W inferieur a 1.290 px   -----*/
/*------ DEBUT ---  W entre 901 et  1.299 px   -----*/
@media all and (min-width: 901px) and (max-width:1299px)
{ 
.body{
 	font-size:14px;
 	} 

}
/*------ FIN -----   W entre       901 et  1 299 px   -----*/
/*------ DEBUT-----  W entre     1.024px et  767px   -----*/
@media all and (max-width: 1024px) and (min-width: 959px)
{ 


}
/*------ FIN -----  W ENTRE    1.024px et  959px   -----*/
/*------ DEBUT ---- W ENTRE       960px et  571px   -----*/
@media all and (max-width: 960px) and (min-width: 571px)
{

.body{
 	font-size:12px;
 	} 

}
/*------ FIN -----  W ENTRE      960px et   571px   -----*/
/*------ DEBUT      W ENTRE      572px et   342px   -----*/
@media all and (max-width: 572px) and (min-width: 342px)
{
.body, td{
 	font-size:11px;
 	} 
 	
 	
.container {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	}


.titre p {
	text-align: center;
	font-size:1.8em;
	color:#555;
	text-shadow: 1px 1px 3px #56A5C3;	
	}
}
/*------ FIN   W ENTRE 341 et 380  -----*/
/*------ DEBUT W INFERIEUR A 341 -----*/
@media all and (max-width: 341px)
{
.body, td{
 	font-size:10px;
 	} 
 	
 	
.container {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	}


.titre p {
	text-align: center;
	font-size:1.8em;
	color:#555;
	text-shadow: 1px 1px 3px #56A5C3;	
	}
	
}
/*------ FIN -----  W INFERIEUR A 341 px   -----*/

/*------ DEBUT ---  tablet ipad  -----*/
@media all and (max-width: 768px) and (orientation:portrait)
{
    body{height:768px !important;}
}

/*------ DEBUT ---  tablet ipad  -----*/
@media all and (min-width: 769px) and (max-width:1024px) (orientation:landscape)
{
    body{height:1024px !important;}
}