#footer {
  position: fixed;
  bottom: 0px;
}
.icons_legende {
  padding: 10px;
}
.icons_legende img {
  height: 20px;
}
#mapid {
  width: 100%;
  height: 100vh;
}
#mapcontener {
  height: 1vh;
  width: 100%;
  position: relative;
}
#popmenu {
  font-family: arial;
  padding: 10px;
  z-index: 900;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 250px;
  background: white;
  border: solid 1px #333;
  box-shadow: 
}
@media screen and (max-width: 600px) {
  #popmenu {
    display: none;
  }
}
@media screen and (min-width: 600px) {
}
body,
#mapcontener,
#mapid {
  padding: 0px;
  margin: 0px;
}
.popup {
  width: 100%;
}
.photos  {
  overflow-y: auto;
  max-height: 300px;
}
.popup .photos img {
  border: solid 1px black;
  width: 95%;
}
#content {
  padding: 0px;
  padding-top: 0px;
  position: relative;
  width: 100%;
  max-width: none;
}

.type_salle-numerique,
.type_vr {
  opacity: 0.5;
   font-style: italic;
}
.type_vr:after {
  content: ' (vr)';
}
.type_salle-numerique:after {
  content: ' (numérique)';
}
.type_visite-ville:after {
  content: ' (ville)';
}


/**
 * mat: 2021-12-01, ajout de write_tmp_css ici!
 * */

/** ** modif du theme ** */
html, body, #main {
	/*overflow-y:hidden;*/
	/*height: calc(100% - 100px);*/
}
#main {
}
/** ** styles carte et autres ** */
#double_map_contener {
	position: relative;
}
#mapcontener {
}
#listcontener {
	display: none;
}
#double_map_contener {
	display: flex;
}
#map_filter {
	/*width: 150px;*/
}
#popmenu {
	position: relative;
	top: auto;
	right: auto;
	border: none;
}
.leaflet-popup-content {
	margin: 0px;
}
.leaflet-popup-content-wrapper {
	border-radius: 0px;
	padding: 0px;
}
.c_salle {
	font-size: 16px;
}
.c_salle ul {
	list-style: none;
	margin-left: 0px;
}
img.note {
	width: 32px;
	vertical-align: middle;
	object-fit: contain;
}
.c_s_sizer {
	width: 300px;
}
.c_s_footer a {
	color: white;
}
.c_s_footer  {
	text-align: right;
	font-size: 20px;
}

.c_s_footer ,
.c_s_header {
	background-color: #68A;
	color: white;
	padding: 10px;
}
.c_s_body {
	padding: 10px;
}
.c_s_header_nom {
	font-size: 20px;
	font-weight: bold;
	font-family: EmilysCandy;
}
#map_list_switcher {
	margin: 10px;
	/*width: 200px;*/
	display: flex;
	background-color: #68A;
	color: white;
	padding: 4px;
	cursor: pointer;
}
.switcher.on {
	background-color: white;
	color: #68A;
}
.switcher {
	width: 50%;
	padding: 5px 20px;
	text-align: center;
}

#div_map_list_switcher {
/*
	position: absolute;
	right: 200px;
	top: 200px;
	background-color: red;
	border: solid 5px orange;
	*/
}


/**
 * mat: 2021-12-01, ajout de write_tmp_css ici!
 * */
.multi-select-container {
    display: inline-block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}
@media (max-width: 700px) {
	#map_filter {
		left: -200px;
	}
	#listcontener {
		margin-left: 0px;
	}
}

.multistyle:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
}
.multistyle,
.multi-select-button {
		margin: 5px;
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: default;
		border: none;
		box-shadow: none;
		border-radius: 0px;
		width: 100%;
		color: #444;
		font-size: 0.8em;
}
.multi-select-menu {
	 background-color: #e2e6ef;
	 border: none;
	 min-width: 196px;
	 width: 196px;
	 left: 5px;
	 top: 15px;
	 color: #99f;
	 color: #97a9c5;
}
input[type=checkbox] {
/*
	outline: 0px;
	border: none;
	appearance: none;
	background-color: white;
	height: 15px;
	width: 15px;
	border: solid 1px #eee;
	*/
}
#notes_options, 
.multi-select-container label {
	 color: #69f;
	 color: #97a9c5;
	 font-size: 110%;
}
.multi-select-container {
		width: 100%;
}
#nom {
	padding: 5px;
}

.multi-select-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}

#notes_opener.multi-select-container--open:after, 
.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
}
#filter_div h3 img {
	float: right;
	height: 40px;
}
#filter_div h3 {
	color: #07547e;
	padding: 0px 5px;
	margin: 0px;
	margin-top: 10px;
	font-size: 25px;
	color: white;
	font-family: 'Emilys Candy';
}
#filter_div {
	padding: 2px;
}
#filter_div button {
	margin: 0px;
	box-shadow: none;
	margin: 10px auto 0px auto;
	background-color: #07547e;
	width: auto;
}

#div_map_list_switcher {
	display: none;
}
/*
body {
	background-color: #b8c0d5;
}
*/
/*
select:valid {
}
*/
select:invalid {
	color: #999;
}
input::placeholder {
	color: #666;
}
#map_filter {
	position: absolute;
	height: calc(100vh - 109px);
	background-color: black;
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	left: 0px;
	background-color: #b8c0d5;
	transition: left 0.1s;
}
@media (max-width: 700px) {
	#map_filter {
		left: -210px;
	}
}
#mapid {
	height: calc(100vh - 109px);
}
#map_filter_button_div {
	position: fixed;
	left: 20px;
	top: calc(var(--header_h) + 20px);
	color: white;
	padding-right: 5px;
	padding-top: 5px;
	cursor: pointer;
	font-size: 20px;
}
#map_filter_button_div button {
	box-shadow: none;
}
.loading {
	padding: 20px;
	font-size: 20px;
	font-weight: 300;
	color: #999;
}

/* recup des styles intéressants de foundation */
select {
	appearance: none;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 9px 6px;
}
*, ::before, ::after {
	box-sizing: inherit;
}
.multi-select-button {
	padding: 5px 20px 5px 5px; 
}
.multistyle {
	padding: 5px 20px 5px 2px; 
}
#hide_map_filter {
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	color: white;
	font-size: 18px;
}

#notes_options {
	position: absolute;
	z-index: 1010;
	background-color: var(--bg3);;
	left: 5px;
	top: -5px;
	width: 196px;
	padding: 10px;
}
#notes_options .option {
	cursor: pointer;
}
#notes_opener {
	cursor: pointer;
}
.options img {
	vertical-align: middle;
}
#notes_container {
	position: relative; 
	display: none;
}
#notes_opener .label img {
	height: 18px;
	vertical-align: middle;
}
#notes_options .option {
	margin-top: 6px;
}
.flag {
	vertical-align: text-bottom;
	margin: 10px;
}

.pop_piece_nom {
	margin-bottom: 10px;
	padding-left: 3px;
}

.room_chunk_en_construction,
.room_chunk_fermee {
	width: 100%;
	text-align: center;
	font-size: 100px;
	vertical-align: middle;
	margin-top: 20px;
	text-shadow: 0px 0px 3px #000;
}
.room_item_body_info {
	text-align: right;
	color: white;
	text-shadow: 0px 0px 10px #000;
	font-size: 1.1em;
}
.popup_piece_visite_links .visite .img1 ,
.popup_piece_visite_links .visite .img2 {
	width: 50%;
}
.popup_piece_visite_links .visite .img1 img ,
.popup_piece_visite_links .visite .img2 img {
	box-shadow: none;
	width: 100%;
}
.popup_piece_visite_links .visite .commentaires {
	float: none;
	padding: 0px;
	width: 100%;
}
.popup_piece_visite_links .visite {
	margin: 20px 5px;
	padding: 10px;
}
.popup_piece_salle_links .nom ,
.popup_piece_piece_links .nom {
	font-size: 1.2rem;
}
.popup_piece_review,
.popup_piece_salle_links, 
.popup_piece_piece_links {
	font-size: 1.0rem;
	margin: 5px;
}
#mapcontener { display: block; }
#listcontener { display: none; }
#map_filter { position: absolute; }
#listcontener {
	background-color: white;
	width: 100%;
	padding: 40px 20px;
	margin-left: 200px;
}

/*
 * *****  tri des rooms ******* *
*/
	#sort_liens {
		position: absolute;
		top: 75px;
		right: 25px;
		font-size: 1.1rem;
	}
	#sort_liens .lien {
		display: inline-block;
		padding: 5px 10px;
	}
	#sort_liens .lien.active {
		color: #e6a802;
	}
/*
 * *****  tri des rooms - end ******* *
*/



#note_date {
	font-size: 70%;
}