@media screen and(max-width: 640px) and (orientation: portrait) {
	.ui .header
	{
		height:40px;
		width:100%;
	}
	.header span
	{
		font-size:12px;
	}
	.header .lieu 
	{
		font-size:12px;
	}
	.header #altitude
	{
		font-size:12px;
	}
	.meteo, .droite
	{
		width:40px;
	}
	.timer, .pub
	{
		height:40px;
	}
	.meteo .content .demo-icon 
	{
		margin-left:10px;
		font-size:20px;
		text-align:left;
	}
	.time .content .date
	{
		margin-top:24px;
		margin-left:30px;
	}
	.show-history
	{
		margin-left:20px;
		display:none;
	}
	.calendar
	{
		margin-left:0px;
	}
	.hours
	{
		display:none;
	}
	

}
@media screen and(max-width: 700px) 
{
	.pub
	{
		z-index:1!important;
	}
	.icon-minus,.icon-plus
	{
		display:none;
	}
	.info-meteo h2
	{
		display:none;
	}
	.info-meteo
	{
	
	}
		.ui .header
	{
		height:40px;
		width:100%;
	}
	.header span
	{
		font-size:12px;
	}
	.header .lieu 
	{
		font-size:12px;
	}
	.header #altitude
	{
		font-size:12px;
	}
	.meteo, .droite
	{
		width:40px;
	}
	.timer, .pub
	{
		height:40px;
	}
	.meteo .content .demo-icon 
	{
		margin-left:10px;
		font-size:20px;
		text-align:left;
	}
	.time .content .date
	{
		margin-top:24px;
		margin-left:30px;
	}
	.show-history
	{
		margin-left:20px;
		display:none;
	}
	.hours
	{
		display:none;
	}
	.calendar
	{
		margin-left:0px;
	}

	
	
}