@media (max-width: 640px) 
{
	* 
	{
		box-sizing: border-box;
	}
	
	body
	{
		margin : 0px;
		padding : 0px;
		width : auto;
	}

	img.action
	{
		background-color : #FFF;
		vertical-align : middle;
		width : 32px;
	}
	
	div#header
	{
		padding-top : 10px;
	}
	
	div#utilisateur
	{
		margin-bottom : 40px;
	}
	
	div.titre_tableau_trajets, label
	{
		display : block;
		width : 100%;
		float : left;
		font-size : 1.5em;
		text-align : center;
	}

	select
	{
		display : block;
		width : 100%;
		float : left;
		font-size : 1.5em;
		background-color : #e7ecf0;
		text-align : center;
	}

	select option
	{
		font-size : 1.5em;
		text-align : center;
	}

	input
	{
		display : block;
		width : 100%;
		float : left;
		font-size : 1.5em;
		text-align : center;
	}

	input.bouton
	{
		margin-top : 10px;
		font-size : 1.5em;
	}

	input.perso
	{
		border : 1px dotted #666;
		background-color : #F3F3F3;
	}

	textarea
	{
		display : block;
		width : 100%;
		float : left;
		font-size : 1.5em;
		border : 1px dotted #666;
		background-color : #F3F3F3;
	}

	a.navigation
	{
		padding-left : 10px;
		text-align : left;
	}
	
	div.details_trajet
	{
		font-size : 1.5em;
	}
}

@media (max-device-width:768px) and (orientation: landscape) 
{
	html 
	{
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	img.action
	{
		background-color : #FFF;
		vertical-align : middle;
		width : 32px;
	}
}