html, body {
		padding:0;
		margin:0;
		}

		#macarte { 
		 height: 750px;
		width: 100%;
		}
		h1{ font-weight:bold;/*propriétés de la police : gras*/
		font-family:AveriaSans-Bold;/*choix de la police 1, police 2 si la 1 n'est pas prise en charge par le navigateur*/
		text-transform:uppercase;/*transformation de la chaîne de caractère en majuscule*/
		text-align:center;/*alignement de la chaîne de caractère : au centre*/
		font-size:20px;/*taille de la police en pixel*/
		color:white;/*couleur de la police : blanche*/
		background:linear-gradient(rgb( 26, 89, 160 ),rgb( 0, 165, 211 )); /*Couleur de fond dégradé de bleu
		padding:5px;/*intervalle entre les éléments du DIV et les bords du DIV*/
		margin:5px;/*intervalle entre l'élément div et les autres éléments HTML de la page*/
		border-radius:5px;
		}
		
		.info {
		padding: 6px 8px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background: white;
		background: rgba(255,255,255,0.8);
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		border-radius: 5px;
		}

		.info h5 {
		margin: 0 0 5px;
		color: #777;
		}
		
		.cost_label {
		font-weight: bold;
		}

		.cost_value {
		text-align: left;
		}
		
		.command {
		padding: 4px 6px;
		background: white;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background: rgba(255,255,255,0.8);
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		border-radius: 5px;
		min-width: 200px;
		}
 
		.legend {
		padding: 6px 7px;
		font: 12px Arial, Helvetica, sans-serif;
		background: white;
		background: rgba(255, 255, 255, 0.8);
		/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
		/*border-radius: 5px;*/
		line-height: 16px;
		color: #555;
		}
		.legend h4 {
		text-align: center;
		font-size: 14px;
		margin: 2px 12px 8px;
		color: #777;
		}

		.legend span {
		position: relative;
		bottom: 2px;
		left: 2px;
		}

		.legend i {
		width: 16px;
		height: 16px;
		float: left;
		margin: 0 8px 0 0;
		opacity: 1.0;
		}

		.legend i.icon {
		background-size: 18px;
		background-color: rgba(255, 255, 255, 1);
		}