/* ===== style_France.css ===== */

/* Liens */
a,
a:link,
a:visited {
	color:#5B7FA3;
	text-decoration:none;
	border-bottom:1px dotted #EFE7DE;
}

a:hover {
	color:#705A35;
	text-decoration:none;
	border-bottom:3px solid red;
	background:#bae498;
}

/* Page entière */
html,
body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
	color:black;
	overflow:hidden;
}

/* ===== LOGO PC ===== */

div.layer_fond {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:auto;
	visibility:visible;
	z-index:20;
	background:white;
}

div.layer_fond img.logo_site {
	position:static;
	display:block;
	height:45px;
	width:auto;
	margin:6px 0 0 8px;
}

/* ===== ENTÊTE PC ===== */

div.layer_entete {
	position:absolute;
	top:0;
	left:210px;
	width:700px;
	height:auto;
	font-size:35px;
	visibility:visible;
	z-index:10;
	background:white;
}

div.layer_entete table {
	width:100%;
	border-collapse:collapse;
}

div.layer_entete td {
	vertical-align:middle;
	padding:0 3px;
}

div.layer_entete td:first-child {
	width:70px;
}

div.layer_entete td:last-child {
	text-align:right;
	font-weight:bold;
	color:#60400A;
	white-space:nowrap;
}

div.layer_entete img {
	width:160px;
	height:54px;
	display:block;
}

/* ===== CARTE GOOGLE PC ===== */

div.layer_cartes {
	position:absolute;
	top:60px;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}

#map_canvas {
	width:100%;
	height:100%;
	background:lightsteelblue;
}


/* ================================================= */
/* ===================== MOBILE ==================== */
/* ================================================= */

@media screen and (max-width:850px) {

	html,
	body {
		height:100%;
		margin:0;
		padding:0;
		overflow:hidden;
	}

	body {
		display:flex;
		flex-direction:column;
		font-family:Arial, sans-serif;
	}

	/* Logo */

	div.layer_fond {
		order:1;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		width:100% !important;
		height:auto !important;
		margin:0 !important;
		padding:0 !important;
		z-index:20 !important;
		background:white !important;
		flex:0 0 auto;
	}

	div.layer_fond img.logo_site {
		position:static !important;
		display:block !important;
		height:30px !important;
		width:auto !important;
		max-width:90% !important;
		margin:2px 0 1px 4px !important;
	}

	/* Entête */

	div.layer_entete {
		order:2;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		width:100% !important;
		height:auto !important;
		margin:0 !important;
		padding:0 !important;
		font-size:15px !important;
		z-index:20 !important;
		background:white !important;
		flex:0 0 auto;
	}

	div.layer_entete table {
		width:100% !important;
		border-collapse:collapse !important;
		table-layout:auto !important;
	}

	div.layer_entete td {
		vertical-align:middle !important;
		padding:0 2px !important;
	}

	div.layer_entete td:first-child {
		width:auto !important;
		text-align:left !important;
	}

	div.layer_entete td:last-child {
		text-align:right !important;
		font-size:15px !important;
		font-weight:bold !important;
		color:#60400A !important;
		white-space:nowrap !important;
		padding-right:4px !important;
	}

	div.layer_entete img {
		display:block !important;
		width:68px !important;
		height:auto !important;
	}

	/* Carte */

	div.layer_cartes {
		order:3;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
		width:100% !important;
		height:auto !important;
		flex:1 1 auto;
		min-height:0;
		z-index:1 !important;
	}

	#map_canvas {
		width:100% !important;
		height:100% !important;
		min-height:300px;
		background:lightsteelblue;
	}
}