/* Mise en forme de la page */
html {
	height:100%;
}

body{
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-family: sans-serif;
  height : 100%;
  display : flex;
  flex-direction: column;
  margin-top : 0px;
  margin-bottom : 0px;
}

header {
	height :55px;
	display : block;
}

header nav 
{
	top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	height : 55px;
	background-image: url("/images/bandeau.png");
	background-size: cover;		
	background-color: lightgray;
}

header nav h1
{
	display:inline-block;  
	padding-left : 20px;
}

header nav span
{
	margin-left :90px;
	margin-top : 5px;
	margin-right : auto;
	
}

header nav .ham
{
	float: right;
	margin-right : 5px;
	margin-top : 5px;			 
	display:inline-block;
}

header nav .ham:hover {
  background-color: thistle;
  color: black;
}		

header nav ul
{	
	position: fixed;
	right : 40px;
	top : 55px;	
	background-color: thistle;
	list-style: none;
	margin-top : 0px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	padding-top : 5px;
	display: none;
	float : right;
	z-index: 2000;
}

header nav li 
{
	
}

header nav li:hover
{
	background-color: lightgray;	
}


header nav li a
{
	color: black;
	padding: 5px 16px;
	text-decoration: none;
	text-align: left;
	font-size: 17px;
	display: block;
}

header h2
{
 	font-family: Sans-serif;
}

#page
{	
	flex : 1;
	z-index: 1;
	margin : 0;	
	display : block;
	padding-bottom : 8px;
	padding-right : 5px;
	padding-top : 3px;
}

#carte
{
	margin-left : 0px;
	margin-right : 0px;
	height : 100%;
}

/* Données principales d'une couche en GetFeatureInfo (templates mapserver) */
table.GetFeatureInfo
{
 font-size: 1.2em;
}

table.GetFeatureInfo tr.gfiIdentite
{
	font-weight:bold;
}

/* Données de jointure d'une couche en GetFeatureInfo (tempaltes) */
table.details
{
	width : 100%;
}
	
table.details th
{
  background-color: #9013c1;
  color: white;
  border-bottom: 1px solid #ddd;
  font-size: 0.8em;
}

table.details tr:nth-child(even) 
{
  background-color: #f2f2f2;
}


table.details td {
  border-bottom: 1px solid #ddd;
  font-size: 0.8em;
}

/* Modif style leaflet, alignement à gauche dans les boites controle */
.leaflet-control-layers-base
{
	text-align : left;
}

.leaflet-control-layers-overlays
{
	text-align : left;
}