/* Organisation générale */

body {
	margin:				0;
	padding:			0;
	display:			flex;
	flex-direction:		column;
	height:				100%;
	font-family:		"Arial", "Helvetica", sans-serif;
}

body > div {
	position:			absolute;
}
main {
	overflow-y:			scroll;
	width:				100vw;
}
nav {
	text-align:			center;
	font-family:		sans-serif;
	margin:				0;
	background-color:	#444;
	font-family:		sans-serif;
	font-weight:		bold;
	width:				100%;
}
nav > ul > li {
	height:				32px;
}
nav > ul {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}

nav > ul > li {
	float:				left;
}

nav li a {
	display:			block;
	color:				white !important;
	text-align:			center;
	padding:			2px 3px;
	text-decoration:	none;
}
nav li.login {
	float:				right;
}

nav .fas, nav .fab, li.submenu button {
	font-size:			28px;
	padding:			2px 3px !important;
}

nav .small_item {
	font-size:			7pt;
	line-height:		9px;
}

.topicon {
	position:			relative;
	width:				30px;
	height:				30px;
	display:			inline-block;
}

.topicon#gmlnk img {
	width:				85%;
	height:				85%;
	position:			relative;
	left:				2px;
}

.topicon#osmlnk img {
	width:				92%;
	height:				92%;
	position:			relative;
	top:				2px;
}

#mapdiv {	/* Carte utilisant toute la partie principale de l'affichage */
	width:				100vw;
	height:				calc(100vh - 32px);
	margin:				auto;
	position:			relative;
	cursor:				grab;
	overflow-y:			hidden;
}

#pagediv {
	padding:			8px;
	box-sizing:			border-box;
}

#ol-mygeoloc {
	margin-top:			12px;
}

li.submenu, li.submenu *, li.submenu *:hover {
	position:			static;
	text-align:			left;
}

li.submenu {
	color:				white;
	height:				32px;
	overflow:			visible;
 /* position:			absolute;
	right:				40px;
	top:				0;	*/
	width:				32px;
	z-index:			1;
	padding:			0;
	margin:				0;
	border:				none;
	background-color:	#444;
}

li.submenu button, li.submenu button:hover {
	background-image:	none;
	background-repeat:	no-repeat;
	background-position:4px center;
	border:				none;
	width:				32px;
	height:				32px;
	margin:				0;
	border-radius:		0;
	background-color:	#444;
	font-family:		"Font Awesome 5 Free";
	font-weight:		900;
}

li.submenu#tools button:before {
	content:			"\f7d9";
	color:				white;	
}

li.submenu#controles {
	float:				right;
}

li.submenu#controles button:before { /* .fa-bars:before */
	content:			"\f0c9";
}

@media (hover: hover) and (pointer: fine) {
	nav button:hover {
		color:			yellow;
		display:		none;
	}
}

li.submenu .layer-switcher.shown button, li.submenu .layer-switcher.shown button:hover {
	display:			block;
	background-color:	#668ab8;
}

li.submenu .layer-switcher.shown div.panel {
	border:				none;
	position:			absolute;
	top:				32px;
	right:				0;
	z-index:			2;
	max-height:			none;
	width:				16em;
	vertical-align:		top;
	background-color:	rgba(0,60,136,.6);
	overflow:			visible;
}

li.submenu input {
	transform:			scale(1.3);
	transform-origin:	right bottom;
	display:			inline-block;
}

li.submenu .layer-switcher {
	padding:			0;
	top:				0;
 /* background-color:	#444; */
}

li#tools>div {
	-moz-user-select:				none;
	-ms-user-select:				none;
	-webkit-tap-highlight-color:	transparent;
	-webkit-touch-callout:			none;
	-webkit-user-select:			none;
	background-color:	rgba(255,255,255,.4);
	border-radius:		4px;
	text-align:			left;
	user-select:		none;
	position:			static;
	padding:			0;
}

a {
	text-decoration:	none;
}
a:link {
	color:				#06c;
}
nav a:hover {
	color:				yellow !important;
}
.map a:hover, table.city a:hover, .page_toc a:hover {
	color:				red;
}
nav li.layer:hover {
	background-color:	#668ab8;
}
.b {
	font-weight:		bold;
}
.u {
	text-decoration:	underline;
}
.i {
	font-style:			italic;
}
.c {
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	text-indent:		0;
}
.sm60 {
	font-size:			70%;
}
.sm70 {
	font-size:			70%;
}
.sm80 {
	font-size:			80%;
}
.mwtext {
	max-width:			1300px;
	margin:				16px auto;
}
.in {
	font-style:			italic;
	font-weight:		normal;
}
.narr {
	font-size:			80%;
	font-family:		"Arial Narrow";
}
.mtb4 {
	margin-top:			4px;
	margin-bottom:		4px;
}
.mtb8 {
	margin-top:			8px;
	margin-bottom:		8px;
}

.nw {
	white-space:		nowrap;
}
.admin {
	color:				#990;
}
.error {
	max-width:			900px;
	margin:				auto;
	color:				red;
}
/* .ovf {
	opacity:			0.25;
	display:			none;
} */
q {
	quotes:				'« ' ' »';
}
sup {
	vertical-align:		top;
	position:			relative;
	top:				-2px;
}
h3.debug,xmp.debug {
	background-color:	rgba(224,224,224,0.7);
	color:				red;
	z-index:			50;
}
xmp.debug {
	font-size:			80%;
	text-align:			left;
}
#reponse {
	text-align:			center;
	font-weight:		bold;
	margin-top:			24px;
	color:				#93f;
}
.wrongdock {
	background-color:	#fdf;
	font-weight:		bold;
}
.wrongdata {
	background-color:	#fdf;
	display:			inline-block;
	width:				100%;
	height:				100%;
	text-align:			center;
}
.wrongdata.stretch {
	font-family:		sans-serif;
	font-stretch:		condensed;
}
/* Liste */

#perimetre {
	width:				100%;
	max-width:			1000px;
	margin:				auto;
}

#perimetre img {
	width:				100%;
}

table.city, .page_toc, .main_toc, .totaux {
	width:				90%;
	margin:				24px auto;
	border:				1px solid #999900;
	border-radius:		10px;
	font-family:		"Arial","Helvetica",sans-serif;
	box-sizing:			border-box;
}

.page_toc {
	padding: 6px 6px 6px 30px;
	font-size:			90%;
}
.page_toc > ol {
	margin:				0;
	padding:			0;
}

.totaux {
	text-align:			center;
	font-size:			120%;
	padding:			8px;
}

.totaux span {
	white-space:		nowrap;
}

table.city th, table.city td {
	/* border:			1px solid #ddd; */
	text-align:			center;
	vertical-align:		top;
}
table.city > caption {
	font-size:			200%;
}
table.city > caption > span.logo {
	display:			inline-block;
	width:				22px;
	height:				22px;
	background-size:	22px 22px;
	margin-right:		24px;
}
table.city.montreal > caption > span.logo {
	background-image:	url('../pict/bixi.png');
}
table.city.paris > caption > span.logo {
	background-image:	url('../pict/velib_smovengo.svg');
}
table.city.creteil > caption > span.logo {
	background-image:	url('../pict/cristolib.svg');
}
table.city.cergy_pontoise > caption > span.logo {
	background-image:	url('../pict/velo2.svg');
}
table.city.cergy_pontoise .smoove,
table.city.creteil .smoove,
table.city .broken .ifopen {
	visibility:			hidden;
}
table.city th.cen8 {
	width:				5em;
}
table.city .colet {
	width:				7.2em;
}
table.city th.colco {
	width:				4em;
}
table.city th.cen3 {
	width:				2em;
}
table.city .coldo {
	width:				6em;
}
table.city .colnb {
	width:				4em;
}
table.city .colnv {
	width:				3.2em;
}
table.city .colnb span, table.city .colnv span {
	white-space:		nowrap;
}
table.city .colnb span b, table.city .colnv span b {
	font-size:			80%;
}
table.city .colhs {
	color:				red;
}
table.city .coldo {
	text-align:			right;
}
table.city th.coldo {
	line-height:		9px;
}
table.city .coldo .in, table.city .colnb small {
	font-size:			70%;
}
table.city th.txtl, table.city td.txtl {
	text-align:			left;
}
table.city tr.broken {
	opacity:			0.25;
}
table.city tr.added {
	position:			relative;
}
table.city tr.added td.colco:before {
	content:			"•";
	position:			absolute;
	left:				3px;
}
table.city tr.elec {
	background-color:	#a0ffdd;
}

table.city tr.open {
	background-color:	#9fe8ff;
}
table.city td.emoji {
	font-family:		"Segoe UI Emoji";
}

@media screen and (max-width: 600px) {
	table.city, .page_toc, #totaux {
		font-size:		80%;
		hyphens:		auto;
	}
	table.city > caption {
		font-size:		140%;
	}
	table.city .cen3, table.city .colnb {
		width:			1.5em;
	}
	table.city .colet {
		width:			4em;
	}
	table.city .weak {
		display:		none;
	}
}

.gm-style-iw {
	padding:			4px;
	top:				4px;
	left:				4px;
}

#ol5-velib2 table, .gm-style-iw table {
	margin-top:			0;
	font-size:			11px;
	font-family:		"Roboto", "Arial", sans-serif;
	width:				100%;
	height:				100%;
}

.ol-popup {
	padding:			4px;
}

.ol-popup-content {
	min-width:			240px;
	max-height:			480px;
}

.ol-popup-closer {
	top:				3px;
	right:				3px;
	font-size:			14pt;
	line-height:		1em;
	padding:			0;
	margin:				0;
}

#velib2 table {
	margin-top:			0;
	font-size:			11px;
	font-family:		"Roboto", "Arial", sans-serif;
	width:				calc(100% + 34px);
	height:				calc(100% - 6px);
	position:			relative;
	left:				-6px;
	top:				-6px;
}
#velib2 table td.name, #ol5-velib2 table td.name, .gm-style-iw  table td.name {
	text-align:			center;
	font-weight:		bold;
	color:				#088;
	background-color:	#ddd;
	font-size:			90%;
}

#ol5-velib2 caption {
	height:				17px;
}

#ol5-velib2 .lonlat_ok {
	position:			absolute;
	top:				0;
	right:				26px;
	font-weight:		bold;
}

#ol5-velib2 .logo {
	position:			absolute;
	top:				4px;
	left:				4px;
	width:				16px;
	height:				16px;
	background-size:	16px 16px;
}

#ol5-velib2 .logo.montreal {
	background-image:	url('../pict/bixi.png');
}

#ol5-velib2 .logo.paris {
	background-image:	url('../pict/velib_smovengo.svg');
}

#ol5-velib2 .logo.creteil {
	background-image:	url('../pict/cristolib.svg');
}

#ol5-velib2 .logo.cergy_pontoise {
	background-image:	url('../pict/velo2.svg');
}

#ol5-velib2 .dim {
	color:				gray;
	text-decoration:	line-through;
}

#velib2 td span, #old4-velib2 td span, .gm-style-iw td span {
	font-size:			80%;
	color:				#555;
}
#velib2 td span b, #ol5-velib2 td span b, table.city .colnb span b, table.city .colnv span b, .gm-style-iw td span b {
	background-color:	blue;
	color:				white;
	font-weight:		bold;
}
.st_popup th {
	width: 50%;
}
.st_popup .ovf_on {
	color:				#0b0;
	font-weight:		bold;
	font-variant:		small-caps;
}
.st_popup .ovf_off {
	color:				#c90;
	font-weight:		bold;
	font-variant:		small-caps;
}
.st_popup .colnv {
	position:			relative;
}

.st_popup .colnv div {
	position:			absolute;
	top:				0;
	right:				0;
	color:				red;
	text-align:			center;
	border:				1px dotted red;
	padding:			2px;
	border-radius:		4px;
	font-size:			130%;
}
.st_popup .bottom_links {
	text-align:			center;
	font-size:			20px;
}
.st_popup .addr_link {
	position:			relative;
}
.st_popup .addr_link div.traj_link {
	font-size:			20px;
	position:			absolute;
	top:				0;
	right:				0;
	text-align:			right;
}
.st_popup .addr_link div.alone {
	height:				8px;
	position:			relative;
	top:				-8px;
}
/* .st_popup .addr_link div.traj_link a {
	font-size:			90%;
	background-color:	gray;
	padding:			1px 2px;
	color:				white;
	border-radius:		3px;
} */

.bkid2ovl, .stid2ovl, .staedit, .stahist, .morehist {
	cursor:				pointer;
	color:				#06c;
}

#velib2_contentDiv {
	overflow:			visible;
}
#ol5-velib2 table th {
	text-align:			left;
	white-space:		nowrap;
	padding-right:		6px;
}

#overlay > .frame, #overlay2 > .frame {
	background-color:	rgba(255,255,255,0.8);
	bottom:				0;
	left:				0;
	margin:				auto;
	max-width:			100%;
	padding:			16px;
	position:			fixed;
	right:				0;
	top:				32px;
	width:				800px;
	font-family:		sans-serif;
	box-sizing:			border-box;
	display:			flex;
	flex-direction:		column;
}

#overlay2 > .frame {
	top:				72px;
	bottom:				12px;
	left:				12px;
	right:				12px;
	width:				776px;
	padding:			8px;
	max-width:			calc(100% - 24px);
	background-color:	rgba(255,255,224,0.85);
	z-index:			2;
}

#overlay > .frame > .contents, #overlay2 > .frame > .contents {
	overflow-y:			auto;
	border:				1px solid #ccc;
	box-sizing:			border-box;
	flex-grow:			1;
}

#overlay .contents ul, #overlay2 .contents ul {
	margin:				0 0 0 -22px;
}

h1,h2,h3,h4,.descr {
	text-align:			center;
}

#overlay h1,#overlay h2,#overlay h3,#overlay .descr {
	margin-top:			0;
}

#overlay h2,h3 {
	margin-bottom:		0;
}

#overlay .close, #overlay .refresh, #overlay .back {
	background-color:	#0c0;
	border:				1px solid black;
	box-sizing:			border-box;
	color:				white;
	cursor:				pointer;
	font-size:			18px;
	height:				22px;
	width:				22px;
	font-family:		'Font Awesome 5 Free';
	font-weight:		900;
	text-align:			center;
}

#overlay2 .close, #overlay2 .refresh {
	background-color:	#0cf;
}

#overlay .close {
	float:				right;
}

#overlay .refresh, #overlay .back {
	float:				left;
}

#overlay .close:before {
	content:			"\f00d"; /* fas fa-times */
}

#overlay .refresh:before {
	content:			"\f01e"; /* fas fa-redo */
}

#overlay .toggle {
	display:			inline-block;
	position:			absolute;
	top:				16px;
	width:				3em;
	font-size:			60%;
	cursor:				pointer;
	color:				blue;
}

#overlay .back:before {
	content:			"\f04a"; /* fas fa-backward */
}

#overlay .date, #overlay .nom, #overlay .adr{
	text-decoration:	underline;
}

#overlay .ouverture {
	font-weight:		bold;
	color:				red;
}

#overlay .fermeture {
	font-weight:		bold;
	color:				#088;
}

#overlay .geo code {
	white-space:		nowrap;
	font-size:			110%;
}
#overlay .png_history {
	max-width :			100%;
	text-align:			center;
	font-size:			75%;
}

#overlay .png_history img {
	max-width :			100%;
	width:				600px;
}

#overlay .chart-container {
	position:			relative;
	height:				40vh;
	width:				95%;
	margin:				auto;
	border:				1px dashed gray;
}

#overlay form#staedit {
	text-align:			center;
	margin:				auto;
}

#overlay form#staedit table {
	width:				100%;
}

#overlay form#staedit table th {
	width:				25%;
}

#overlay form#staedit table td, #overlay form#staedit table th {
	text-align:			left;
	vertical-align:		top;
}

#overlay form#staedit input[type=text],#overlay form#staedit textarea {
	width:				95%;
}

#info, #log_window:not(:empty) {
	position:fixed;
	background-color:	rgba(192,255,255,0.7);
	z-index:			10;
	padding:			4px;
	font-family:		monospace;
	font-size:			10pt;
}
#info {
	display:			block;
	bottom:				48px;
	right:				0;
}
#log_window {
	bottom:				0;
	left:				0;
}

body > div.contents {
	max-width:			1680px;
	margin:				auto;
}

div.contents.stations > div.cols, div.contents.minimal > div.cols {
	display:			flex;
	flex-wrap:			wrap;
}

div.contents.stations > div.cols h3, div.contents.minimal > div.cols h3 {
	width:				100%;
}

.contents .bike {
	margin:				auto;
	width:				1100px;
	max-width:			100%;
	border:				1px solid gray;
	border-radius:		8px;
	margin-bottom:		4px;
	font-family:		"Nunito",sans-serif;
	padding:			0 4px;
	display:			inline-block;
	text-align:			center;
	box-sizing:			border-box;
}

/* .contents .bike * {outline: 1px dashed magenta;}	*/

.contents.velos .bike .lft {
	display:			inline-flex;
	max-width:			158px;
	flex-wrap:			wrap;
	box-sizing:			content-box;
	gap:				0 4px;
}
.contents.velos .bike .bst {
	display:			inline-flex;
	width:				calc(100% - 322px);
	min-width:			240px;
	text-align:			left;
	margin:				0px 6px;
}
.contents.velos .bike .rgt  {
	display:			inline-flex;
	max-width:			152px;
	flex-wrap:			wrap;
	justify-content:	right;
	box-sizing:			content-box;
	gap:				0 4px;
}


.contents.stations {
	max-width:			1420px;
	margin:				auto;
}
.contents.stations .bike {
	max-width:			97.5%;
	width:				426px;
}
.contents.stations .bike .lft {
	display:			inline-flex;
	min-width:			150px;
	max-width:			184px;
	flex-wrap:			wrap;
	box-sizing:			content-box;
	gap:				0 4px;
}
.contents.stations .bike .bst {
	display:			inline-flex;
	min-width:			98px;
	padding:			0 4px;
}
.contents.stations .bike .rgt  {
	display:			inline-flex;
	min-width:			150px;
	width:				35%;
	max-width:			180px;
	flex-wrap:			wrap;
	justify-content:	right;
	box-sizing:			content-box;
	gap:				0 4px;
}


.contents.minimal .bike {
	width:				342px;
	max-width:			97%;
	padding:			3px 2px;
	font-size:			90%;
}
.contents.minimal .bike .lft {
	display:			inline-flex;
	flex-wrap:			wrap;
	box-sizing:			content-box;
	gap:				0 4px;
}
.contents.minimal .bike .bst {
	display:			inline-flex;
	width:				calc(13% - 10px);
	padding:			0 4px;
}
.contents.minimal .bike .rgt  {
	display:			inline-flex;
	min-width:			102px;
	flex-wrap:			wrap;
	justify-content:	right;
	box-sizing:			content-box;
	gap:				0 2px;
}

.contents.stations .bike.run,.contents.stations .bike.removed {
	margin-top:			10px;
	font-size:			70%;
}

/* id */
.contents .bike .bkid {
	font-weight:		bold;
	width:				50px;
}
.contents.minimal .bike a.bkid {
	width:				42px;
}
/* type */
.contents .bike .bty {
	width:				42px;
}
.contents.minimal .bike .bty {
	width:				36px;
}
/* etat */
.contents .bike .bet {
	width:				58px;
	text-align:			left;
}
.contents.minimal .bike .bet {
	width:				58px;
}

/* depuis */
.contents .bike .bdu {
	text-align:			left;
	width:				56px;
}
.contents.minimal .bike .bdu {
	width:				50px;
}

/* rates */
.contents .bike .bra {
	width:				56px;
	font-size:			80%;
	text-align:			center;
	letter-spacing:		-0.2em;
}
.contents.minimal .bike .bra {
	width:				42px;
}

.contents.bad .bike .bra,
.contents.removed .bike .bra
{
	color:				black;
	opacity:			0.35;
}

.contents h4.lasth {
	margin:				12px auto 6px auto;
}

.contents .lastb {
	text-align:			center;
	overflow-X:			auto;
	position:			relative;
}

.contents .lastb img {
	width:				calc(100% - 20px);
	min-width:			600px;
	position:			relative;
	z-index:			1;
	min-height:			12em;
	margin:				auto;
	display:			block;
}

.contents .lastb-ctrl {
	text-align:			center;
}

.contents .lastb-ctrl input {
	border-radius:		8px;
	font-weight:		bold;
}

.splus {
	display:			inline-block;
	color:				black;
	font-weight:		bold;
	background-color:	yellow;
	border:				1px solid black;
	border-radius:		10px;
	font-size:			90%;
}

.bikhist .dat { /* Date de l'historique d'un vélo */
	font-weight:		bold;
	font-size:			120%;
	background-color:	#8f8;
	width:				calc(100% - 16px);
	display:			block;
	padding-left:		6px;
	margin:				4px 0 4px 0;
}
.bikhist dl {
	display:			grid;
	grid-auto-columns:	60px auto;
	grid-column-gap:	0;
}
.bikhist dt {
	grid-column-start:	1;
	font-weight:		bold;
}
.bikhist dd {
	grid-column-start:	2;
	margin:				0;
}

.battspc {
	width:				20px;
}

.battlevel {
	height:				11px;
}

/* Ancien …
.bike.ok,.bike.ok a {color:green;}
.bike.bad,.bike.bad a {color:red;}
.bike.blocked > div > div {color:#a00;text-decoration:line-through 1px black double}
.bike.run,.bike.run a {color:#07f;}
.bike.warn,.bike.warn a {color:#880;}
.bike.removed,.bike.removed a {color:gray;}

.bike.vae {background-color:#bff;}
.bike.vls {background-color:#df9;}
*/

.bike.ok,.bike.ok a {background-color:#af6;}
.bike.bad,.bike.bad a {background-color:#fa3;}
.bike.blocked {background-color:#e8f;text-decoration:line-through 1px black double}
.bike.blocked > div > div {text-decoration:line-through 1px black double}
.bike.run,.bike.run a {background-color:#c6e2ff;}
.bike.warn,.bike.warn a {background-color:#ff7;}
.bike.removed,.bike.removed a {background-color:white;}

.bike.vae,.bike.vae a, .bike.vae,.bike.vae .bkid2ovl,.bike.vae .stid2ovl {color:#07f;}
.bike.vls,.bike.vls a, .bike.vls,.bike.vls .bkid2ovl,.bike.vls .stid2ovl {color:green;}
.bike.vae .bty {background-color:#77acae;color:white;border-radius:8px;font-weight:bold}
.bike.vls .bty {background-color:#789D4A;color:white;border-radius:8px;font-weight:bold}

/* Photos */
#overlay .photos {
	text-align:			center;
}

#overlay .photos h2 {
	margin-top:			32px;
}

#overlay .contents .photo img {
	max-width:			320px;
	max-height:			320px;
	cursor:				pointer;
}

#overlay .contents .photo {
	display:			inline-block;
	position:			relative;
	margin:				8px;
}

#overlay .contents .photo .attrib,
#overlay2 .fullstatic .attrib
{
	position:			absolute;
	top:				4px;
	left:				4px;
	background-color:	rgba(0,0,0,0.3);
	font-size:			75%;
	color:				yellow;
}
#overlay .contents .photo .attrib a,
#overlay2 .fullstatic .attrib a {
	color:				white;
}

#overlay2 .fullstatic .attrib {
	z-index:			4;
	max-width:			calc(100% - 50px); /* ne pas cacher la case de fermeture */
}

#overlay2 .fullstatic {
	position:			fixed;
	width:				100vw;
	height:				100vh;
	top:				0;
	left:				0;
	z-index:			2;
	background-color:	rgba(0,0,0,0.75);
}

#overlay2 .fullstatic .scrollcontainer {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
}

#overlay2 .fullstatic .scrollcontainer.zoom1,
#overlay2 .fullstatic .scrollcontainer.zoom2,
#overlay2 .fullstatic .scrollcontainer.zoom3
{
	overflow:			auto;
}

#overlay2 .imgcontainer {
	position:			absolute;
	width:				100%;
	height:				100%;
	outline:			1px dotted yellow; /* Debug */
}

#overlay2 .fullstatic .scrollcontainer.zoom0 .imgcontainer {
	width:				100%;
	height:				100%;
}

#overlay2 .fullstatic .scrollcontainer.zoom1 .imgcontainer {
	width:				150%;
	height:				150%;
}

#overlay2 .fullstatic .scrollcontainer.zoom2 .imgcontainer {
	width:				200%;
	height:				200%;
}

#overlay2 .fullstatic .scrollcontainer.zoom3 .imgcontainer {
	width:				300%;
	height:				300%;
}

#overlay2 .fullstatic .scrollcontainer img {
	width:				100%;
	height:				100%;
	object-fit:			contain;
	border:				0;
}

#overlay2 .fullstatic .close {
	float:				none;
	position:			absolute;
	top:				16px;
	right:				16px;
	z-index:			4;
}

#overlay2 .fullstatic .prev,
#overlay2 .fullstatic .next,
#overlay2 .fullstatic .zoom-in,
#overlay2 .fullstatic .zoom-out  {
	position:			absolute;
	color:				white;
	font-size:			200%;
	z-index:			4;
	display:			inline-block;
	height:				32px;
	width:				32px;
	cursor:				pointer;
}

#overlay2 .fullstatic .prev {
	top:				49%;
	left:				16px;
}

#overlay2 .fullstatic .next {
	top:				49%;
	right:				16px;
}

#overlay2 .fullstatic .zoom-in {
	bottom:				16px;
	left:				51%;
}

#overlay2 .fullstatic .zoom-out {
	bottom:				16px;
	right:				51%;
}

/* Stats */
.stats{
	margin:				0 auto;
	width:				1024px;
	max-width:			100%;
}
.stats ul {
	margin:				0 auto;
}
.stats ul b {
	display:			inline-block;
	width:				8em;
}
.stats ul code {
	display:			inline-block;
	width:				50px;
	text-align:			right;
	padding-right:		8px;
}
.stats ul li.head, .stats ul li.head code {
	list-style-type:	none;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-weight:		bold;
}
.bike a {
	text-decoration:	none;
}
.text * {
	text-align:			justify;
	max-width:			960px;
	margin:				12px auto;
}

@media screen and (max-width: 480px) {
	#overlay > div {
		padding:		16px 2px;
	}
	#overlay h1 {
		font-size:		100%;
	}
	#overlay .descr {
		font-size:		80%;
	}
	.contents.velos .bike .floatr {
		max-width:		144px;
		border-bottom:	1px solid gray;
		border-left:	1px solid gray;
	}
	.contents.velos .bike .floatl {
		border-bottom:	1px solid gray;
		border-right:	1px solid gray;
	}
}

@media print {
	nav {
		display:		none;
	}
	body {
		font-size:		75%;
	}
	main {
		overflow:		visible;
	}
	#mapdiv {
		height:			auto;
	}
	.bkid2ovl, .stid2ovl {
		color:			black;
	}
	.noprint,#log_window,#overlay:empty {
		display:		none;
	}
}

@page {
	size:				210mm 297mm;
	/* Chrome sets own margins, we change these printer settings */
	margin:				16mm 6mm 16mm 6mm; 
}