#phpLog{
	display: none;
}

/*
	overall
*/
h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}
a,a:hover,a:active,a:visited,a:link{
	color: inherit;
	text-decoration: none;
}
.hiddenElement{
	display: none;
	visibility: hidden;
}
.clearBoth{
	clear: both;
}
	/* hr */
.fake-hr{
	background-color: #ddd;
	height: 1px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
.desktop {
	display:block;
}
/* 
	body 
*/
body{
	background-color:#EEEEEE;
	color:#321d11;*/
	font-family: "Alegreya Sans", sans-serif;
	min-height:100%;
	min-width:100%;

	--sidebarWidth: 400px;
}
/* 
	content 
*/
#content{
	background-color: #FFFFFF;
	width:100%;
	height: 100%;
	/*max-width: 1500px;*/
	margin: 0 auto;
	position: absolute;
}
/**
	zoom-picture-container
*/
#zoom-container{
	z-index: 2000;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.7);

	display: none;
}

	#zoom-container #zoom-picture-container{
		z-index: 2001; 
		position: absolute;
		overflow: hidden;
		height: 100%;
		width: 100%;
		cursor: zoom-out;
		/*height:auto;*/
		/*width:auto;*/
		/*margin: 15% 25%;*/
	}
		#zoom-container img{
			display: block;
			width: auto;
			height: auto;
			max-height: 80%;
			max-width: 80%;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			cursor: pointer;
		}
	/*#zoom-container>.close{
		z-index: 9;
		width: 100%;
		height: 35px;
		background-color: rgba(0,0,0,0.8);
	}
		#zoom-container>.close nav{
			z-index: 10;
			float: right;
			color: #ffffff;
			padding:10px 35px 0 0;
			cursor: pointer;
		} */
	#zoom-container>.prev, 
	#zoom-container>.next{
		z-index: 2002;
		width:35px;
		height:100%;
		position: absolute;
		top:0;
		left:0;

		background:url('../img/UI/leftwhitearrow.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/leftwhitearrow.png') 1x, url('../img/UI/leftwhitearrow2x.png') 2x);
	}

	#zoom-container>.next{
		left:auto;
		right:0;

		background:url('../img/UI/rightwhitearrow.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/rightwhitearrow.png') 1x, url('../img/UI/rightwhitearrow2x.png') 2x);
	}
	#zoom-container>.prev, 
	#zoom-container>.next{
		transition: background 0.3s;
		/*z-index:2;*/
	}

	#zoom-container>.prev:hover, 
	#zoom-container>.next:hover{
		cursor: pointer;
		background-color:rgba(51,153,255,0.5);
		transition: background 0.6s;
	}
/* 
	top bar 
*/


#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--sidebarWidth);
	height: 75px;
	background:#FFFFFF;
	z-index: 10;

	display: flex;
	padding: 10px;
	box-sizing: border-box;

	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;

	box-shadow: -1px 0 0 1px #890724;

	z-index: 100;
}

	#logo a.logo{
		display: block;
/*		position: absolute;
		top: 10px;
		left: 10px;*/
		height: 55px;
		width: 202px;

		background: url('../img/logo2x.png') left 50% no-repeat;
		background-image: -webkit-image-set( url('../img/logo.png') 1x, url('../img/logo2x.png') 2x);
		background-size: 202px 38px;
		background-position: left 50%;

		color: transparent;
		font-size: 0;
		text-indent: -200px;
		margin-right: 10px;
	}

	#logo h1{
		font-size: 20px;
		padding: 10px 20px 10px 60px;
		line-height: 1em;
	}

	#printListButton {
		position: relative;

		box-sizing: border-box;
		background-color: #890724;
		width:44px;
		height:44px;

		background:rgba(255,255,255,.1);
		border-radius: 5px;

		background: #890724;
	}

		#printListButton>span{
			position: absolute;
			top: 100%;
			right: 0;

			font-size: 15px;
			white-space: nowrap;

			background: #000000;
			color: #FFFFFF;
			padding: 2px 5px;
			border-radius: 5px;

			transform: translateY(5px);

			opacity: .8;
			display: none;
		}
		#printListButton:hover>span{
			display: block;
		}

			#printListButton>span::before{
				content: "";
				display: block;
				position: absolute;
				background: #000000;
				top: -10px;
				left: 100%;
				width: 20px;
				height: 20px;
				transform-origin: 0 0;
				transform: translateX(-22px) rotate(45deg);
				border-radius: 5px 0 100% 0;
				z-index: -1;
			}

	#printListButton{
		position: relative;
		cursor: pointer;
		color: #FFFFFF;
		z-index: 9;
	}

	#printListButton::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		color:transparent;
		overflow: hidden;
		
		background:url('../img/UI/print.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/print.png') 1x, url('../img/UI/print2x.png') 2x);
		background-size: auto 25px;
	}

/*
	Popup
 */
.full-popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(17, 17, 17, 0.4);
	z-index: 1000;
}

	.full-popup div {
		position:absolute;
		top:50%;
		left:50%;
		background-color: #EDEDED;
		width: 585px;
		height: auto;
		box-sizing: border-box;
		padding: 20px;
/*		padding-left: 190px;*/
		border-radius: 3px;
		min-height: 150px;

		transform: translate(-50%, -50%);
	}

		.full-popup div span.logo {
			position: absolute;
			top: 30px;
			left: 30px;

			width: 130px;
			height: 150px;
			background:url('../img/logo.svg') center top no-repeat;
			background-size: contain;
		}

		.full-popup div p {
			padding-right: 20px;
			line-height: 20px;
			margin-top: 10px;
		}

		.full-popup div p.title {
			font-size: 25px;
			margin: 16px 0 0;
			line-height: 30px;
			font-weight: bold;
			margin-top: 0;
		}

		.full-popup div span.fakeButton {
			display: block;
			background-color: #890724;

			margin: 24px 0 0 0;
			height: 48px;
			width: 50%;
			max-width: 200px;

			color: #EDEDED;
			line-height: 48px;
			text-align: center;
			font-size: 17px;
			cursor: pointer;

			font-weight: normal;
			text-transform: uppercase;
		}


/*
	aside
*/

#aside{
	position: absolute;
	top: 75px;
	left: 0;
	bottom: 0;
	width: var(--sidebarWidth);;
	overflow: hidden;
}

/* 
	aside search 
*/
#aside>section{
	position: absolute;
	/*background-color: yellow;*/
	width: var(--sidebarWidth);;
	color: #FFFFFF;
	top:0;
	left:0;
	bottom:0;
	overflow: auto;	
	-webkit-overflow-scrolling:touch;
	background: #FFF;

	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}

	#aside>section ul{
		color: #FFF;

	}
	#aside>section>.asideContainer{	
		overflow: auto;	
		-webkit-overflow-scrolling:touch;
		min-height: 60px;

		--accent:#890724;
	}

	#aside>section header {
		height: 60px;
		min-height: 60px;
		overflow: hidden;
		padding: 5px;
		box-sizing: border-box;
		background: var(--accent);
		color:#FFFFFF;

		position: sticky;
		top: 0;
		z-index: 2;

		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		#aside>section header h2 {
			line-height: 1em;
			flex: 1 1 auto;
			align-self: stretch;
			border-radius: 5px;
			padding: 5px 15px;

			font-size: 20px;

			background-color: var(--accent);

			display: flex;
			align-items: center;

			box-shadow: 0 0 0 10px var(--accent);
			transition: box-shadow .5s;
			isolation: isolate;

/*			display: flex;
			justify-content: space-between;
			align-items: center;*/
		}

			#aside>section header h2>span{
				font-weight: normal;
				opacity: .8;
				font-size: .6em;
			}

		#aside>section header .back{
			width:12px;
			height:23px;
			cursor:pointer;
			text-indent: -500px;
			color:transparent;
			overflow: hidden;
			margin-right: 10px;

			background:url('../img/UI/b_leftwhitearrow.png') 50% 50% no-repeat;
			background-image: -webkit-image-set( url('../img/UI/b_leftwhitearrow.png') 1x, url('../img/UI/b_leftwhitearrow2x.png') 2x);
		}

#listContainer{
	border-top: 1px solid #DDD;
}

	#listContainerHeader>h2::before,
	#searchContainerHeader>h2::before{
		content: "";
		display: inline-block;
		width: 1em;
		height: 1em;
		margin-right: .5em;

		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	#searchContainerHeader>h2::before{
		background-image:url('../img/UI/searchzoom.png');
		background-image: -webkit-image-set( url('../img/UI/searchzoom.png') 1x, url('../img/UI/searchzoom2x.png') 2x);
	}

	#listContainerHeader>h2::before{
		background-image:url('../img/UI/list.png');
		background-image: -webkit-image-set( url('../img/UI/list.png') 1x, url('../img/UI/list2x.png') 2x);
	}

	.listDisplayed #aside>section header#searchContainerHeader,
	#aside>section header#listContainerHeader{
		cursor: pointer;
/*		opacity: .8;*/

		background: #FFF;;
	}

	#aside>section header#searchContainerHeader{
		background: #FFF;
	}

		.listDisplayed #aside>section header#searchContainerHeader h2,
		#aside>section header#listContainerHeader h2{
			box-shadow: 0 0 0 0px var(--accent);
		}

	.listDisplayed #aside>section header#searchContainerHeader:hover,
	#aside>section header#listContainerHeader:hover,
	.listDisplayed #aside>section header#listContainerHeader{
/*		opacity: 1;*/
/*		background: red;*/
/*		border-radius: 0;*/
	}

	.listDisplayed #aside>section header#listContainerHeader{
/*		background: #890724;*/

/*		transition: background 0s .5s;*/
/*		isolation: isolate;*/
	}

		.listDisplayed #aside>section header#listContainerHeader>h2{
			box-shadow: 0 0 0 10px var(--accent);
		}

		#listContainerHeader #printListButton{
			pointer-events: none;
			opacity: .2;
		}
		.listDisplayed #listContainerHeader #printListButton{
			pointer-events: auto;
			opacity: 1;
		}

	.asideContentContainer{
/*		max-height: 100%;*/
/*		transition: max-height .5s;*/
	}


.asideContainer{
	display: flex;
	flex-direction: column;
	overflow: hidden;
/*	transition: flex-grow 0.3s ease;*/
/*	flex-grow: 0;*/

	transition: flex .5s;

	flex:0 0 60px;
}

	.searchContainerHeader{
		flex-shrink: 0;
	}

		#searchContainerHeader a#resetSearch{
			position: absolute;
			top: 50%;
			right: 20px;
			background: #FFFFFF;
			border-radius: 5px;
			padding: 5px 10px;

			transform: translateY(-50%);

			text-transform: uppercase;
			font-size: 11px;

			opacity: .5;
			color: var(--accent);

			display: none;
		}

		#searchContainerHeader a#resetSearch:hover{
			cursor: pointer;
			opacity: 1;
		}

	.asideContentContainer{
/*		overflow: hidden;*/
	}

	#listContainerBody,
	.listDisplayed #searchContainerBody{
/*		flex: 0 0 60px;*/
/*		display: none;*/
/*		pointer-events: none;*/
/*		max-height: 0;*/
/*		overflow: hidden;*/
	}
	.listDisplayed #listContainerBody{
/*		max-height: 100%;*/
/*		overflow: visible;*/
/*		pointer-events: auto;*/
/*		display: block;*/

/*		flex-grow: 1;*/
	}

	#searchContainer,
	#placeContainer,
	.listDisplayed #listContainer{
		flex: 1 1 100%;
	}

	.listDisplayed #searchContainer{
		flex: 0 0 60px;
	}



/*#asidesearch*/

#asidesearch{
	z-index: 1;
	transition: opacity 0.5s, transform 0.5s;
}

#asidesearch.hiddenElement,
#asidesearch.hiddenElement2{
/*	display: block;*/
/*	visibility: visible;*/
	pointer-events: 0;
	opacity: 0.5;
	transform: translateX(-90px);
}

#asidesearch.hiddenElement.hiddenElement2{
	display: none;
}

#asidesearch h3{
	color: #321d11;
	margin: 20px 20px 5px 20px;
	padding: 0;
	line-height: 1em;

	font-weight: normal;
	text-transform: uppercase;
}



/* category */
#asidesearch .asidesearch-category {
	box-shadow: inset 0 0 0px 0px rgba(0,0,0,0);
	font-size: 14px;
	margin: 0 20px 3px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	line-height: 1.2em;
	cursor: pointer;
/*	transition:all 0.6s;*/
/*	font-weight: bold;*/
	padding:10px;
	transform: translateZ(0);
	padding-left:calc(10px + 1.5em);
	position: relative;
}
	#asidesearch .asidesearch-category::before{
		position: absolute;
		top: 5px;
		left: 6px;
		content:"";
		display: block;
		width: 1em;
		height: 1em;
		width: calc(1em + 5px);
		height: calc(1em + 10px);
/*		background: fuchsia;*/
		margin-right: .5em;
		background-size: contain;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		filter: invert(1);
	}
	#asidesearch .asidesearch-category.inactive::before{
		filter: none;
	}

	#asidesearch .asidesearch-category span{
		text-transform: uppercase;
		font-size: 11px;
		font-weight: normal;
		padding-left: 10px;
	}
#asidesearch .asidesearch-category:last-child{
	margin: 0 20px 28px 20px;
}
#asidesearch .asidesearch-category:hover{
	box-shadow: inset 0 0 0 4px rgba(0,0,0,0.2);
}
#asidesearch .inactive{
	background-color: #DDDDDD !important;
	color:#121212;
}
	/* additionnal tags */
#asidesearch #tag-container{
	height: auto;
	margin: 0 20px 8px 20px;
}	

	#asidesearch #tag-container>ul{
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}

		#asidesearch #tag-container>ul>li{
			display: block;
		}

			#asidesearch #tag-container>ul>li>h4{
				display: block;
				font-size: 1em;
				color: #000;
				font-weight: bold;
				margin: 1em 0 .5em 0;

				text-transform: uppercase;
/*				font-size: 1em;*/
				color: var(--accent);
				font-size: 15px;
				font-weight: normal;
			}

				#asidesearch #tag-container>ul>li>ul{
					display: flex;
					flex-wrap: wrap;
					gap: 6px;
					margin: 0;
					padding: 0;
					list-style: none;
				}
	
					#asidesearch #tag-container>ul>li>ul>li{
						
					}

						#asidesearch #tag-container>ul>li>ul>li>label{

						}

							#asidesearch #tag-container>ul>li>ul>li>label>input{

							}



		/* tag parent */
	#asidesearch #tag-container .asidesearch-tag-parent{
		position: relative;

		display: block;
		background-color: #ddd;
		padding: 10px 58px 10px 14px;

		height:24px;
		line-height: 24px;

		border-radius: 6px;

		cursor: pointer;

		box-shadow: inset 0 0 0px 100px rgba(0,0,0,0);
		transition:box-shadow 0.6s;

		text-overflow: ellipsis;
		/*overflow: hidden;*/
		white-space: nowrap;
	}

	#asidesearch #tag-container .asidesearch-tag-parent::before{
		display: block;
		content:"";
		position: absolute;
		top:0;
		right:0;
		width:44px;
		height:100%;
		background:#58abff;

		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	#asidesearch #tag-container .asidesearch-tag-parent::after{
		display: block;
		content:"";
		position: absolute;
		top:50%;
		right:0;
		width:44px;
		height:44px;
		margin-top:-22px;

		background:url('../img/UI/rightwhitearrow.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/rightwhitearrow.png') 1x, url('../img/UI/rightwhitearrow2x.png') 2x);

		transform:rotate(90deg);

		transition:transform 0.3s;
	}

	#asidesearch #tag-container .closed .asidesearch-tag-parent::after{
		transform:rotate(0deg);
	}

/*	#asidesearch #tag-container .asidesearch-tag-parent:hover::after,
	#asidesearch #tag-container .closed .asidesearch-tag-parent:hover::after{
		transform:rotate(45deg);
	}*/


	#asidesearch #tag-container .asidesearch-tag-parent:hover{
		box-shadow: inset 0 0 0px 100px rgba(0,0,0,0.2);
	}
	
			#asidesearch #tag-container .asidesearch-selected-counter{
				position: absolute;
				top:-9px;
				right:-9px;
				border-radius: 15px;
				height: 30px;
				width: 30px;
				background-color: #2176cb;
				-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.07);
				-moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.07);
				box-shadow: 0 0 0 3px rgba(0,0,0,0.07);

				-webkit-transition: opacity 400ms, transform 500ms cubic-bezier(0.555, 0.320, 0.340, 1); /* older webkit */
				-webkit-transition: opacity 400ms, transform 500ms cubic-bezier(0.555, 0.320, 0.340, 1.330); 
				   -moz-transition: opacity 400ms, transform 500ms cubic-bezier(0.555, 0.320, 0.340, 1.330); 
					 -o-transition: opacity 400ms, transform 500ms cubic-bezier(0.555, 0.320, 0.340, 1.330); 
						transition: opacity 400ms, transform 500ms cubic-bezier(0.555, 0.320, 0.340, 1.330); /* custom */


				
			}
				#asidesearch #tag-container .asidesearch-selected-counter p{
					margin: 0 auto;
					line-height: 30px;
					text-align: center;
				}


			#asidesearch #tag-container .asidesearch-selected-counter.hiddenElement{
				transform:scale(0.3);
				opacity: 0;
				pointer-events: none;
				display: block;
				visibility: visible;
			}

		/* tag */
	#asidesearch #tag-container .asidesearch-tag{
		background-color: #FFF;
		border: 1px solid #ddd;
		color:#000000;
		border-radius: 4px;
		padding: 5px;
		font-size: 11px;
		width: auto;
/*		margin: 0 6px 6px 0;*/
		transition: background-color .6s;
		cursor:pointer;
	}

	#asidesearch #tag-container .asidesearch-tag:hover{
		border-color: #000;
		box-shadow:inset 0 0 0 4px rgba(0,0,0,0.2);
	}

	#asidesearch #tag-container .asidesearch-tag.active{
		background-color: #890724;
		color: #FFF;
	}


	#asidesearch #tag-container .tag-section.closed .tagsContainer{
		max-height:0;
		overflow: hidden;
		transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
		margin-bottom: 10px;

	}

		#asidesearch #tag-container .tag-section .tagsContainer{
			max-height:500px;
			overflow: auto;
			-webkit-overflow-scrolling:touch;
			transition: max-height 0.5s linear;
			margin-bottom: 10px;
		}

		.button{
			display: block;
			float:left;
			background:#890724;
			height:44px;
			width:44px;
			margin:0;
			padding:0;
			box-sizing: content-box;
			border:0;
			border-radius: 6px;
			text-indent: -100px;
			color:transparent;
			font-size:0;

			flex-grow: 0;
			flex-shrink: 0;
		}
		.button:hover{
			box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
			cursor: pointer;
		}

		.locate.button{
			background:#890724 url('../img/UI/locate.png') 50% 50% no-repeat;
			background-image: -webkit-image-set( url('../img/UI/locate.png') 1x, url('../img/UI/locate2x.png') 2x);

			position: absolute;
			top: 10px;
			right: 10px;
		}

		.searchform{
			display:block;
			margin:0;
			padding:0;
			display: flex;

			margin: 0 20px;
		}

		.searchform>*{
			flex: 1 1 auto;
		}

		.word-search{
			display: block;
			float:left;
			background:#DDDDDD;
			height:34px;
			width:188px;
			margin:0;
			padding:5px 10px;
			box-sizing: content-box;
			border:0;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;

			color:#000;
		}

		.word-submit.button{
			flex: 0 0 auto;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;

			background:#890724 url('../img/UI/searchzoom.png') 50% 50% no-repeat;
			background-image: -webkit-image-set( url('../img/UI/searchzoom.png') 1x, url('../img/UI/searchzoom2x.png') 2x);
		}

	/*aside list*/

#asidelist{
	left:0;
	z-index: 2;
	transition: opacity 0.5s, left 0.5s;
}

	#aside>section#asidelist header{
		background-color: #FFFFFF;
		color:#321d11;
		border-top:1px solid #ddd;
		border-bottom:1px solid white;
		padding: 10px;
		box-sizing: border-box;
	}

#asidelist.hiddenElement2{
	display: block;
	visibility: visible;

	pointer-events: none;
	opacity: 0.5;
	left:-90px;
}

#asidelist.hiddenElement,
#asidelist.hiddenElement.hiddenElement2{
	display: block;
	visibility: visible;

	pointer-events: 0;

	left:var(--sidebarWidth);;
}


#asidelist-container{
	margin:0;
	padding:0;
	list-style: none;
	display:block;
}

	#asidelist-container>li{
		padding: 14px;
		border-bottom:1px solid white;
		box-shadow: inset 0 0 0px 0px rgba(0,0,0,0);
		transition:box-shadow 0.6s;
		cursor:pointer;
		position: relative;
		border-bottom: 1px solid #DDD;

		--accent:#000;
		color: #000;

		display: flex;
		gap: 10px;
		align-items: center;
	}

		#asidelist-container>li>.icon{
			display: block;
			width: 30px;
			height: 30px;
			background-size: contain;
			background-position: 50% 50%;
			background-repeat: no-repeat;

			flex: 0 0 30px;

			font-size: 0;
			color: transparent;
			text-indent: -99999px;
		}

		#asidelist-container>li>.icon.icon-1-activitephysique{
			background-image: url(../img/icons/1-activitephysique.svg);
		}
		#asidelist-container>li>.icon.icon-2-aines{
			background-image: url(../img/icons/2-aines.svg);
		}
		#asidelist-container>li>.icon.icon-3-alimentation{
			background-image: url(../img/icons/3-alimentation.svg);
		}
		#asidelist-container>li>.icon.icon-4-artculture{
			background-image: url(../img/icons/4-artculture.svg);
		}
		#asidelist-container>li>.icon.icon-5-consommation{
			background-image: url(../img/icons/5-consommation.svg);
		}
		#asidelist-container>li>.icon.icon-6-camp{
			background-image: url(../img/icons/6-camp.svg);
		}
		#asidelist-container>li>.icon.icon-7-impot{
			background-image: url(../img/icons/7-impot.svg);
		}
		#asidelist-container>li>.icon.icon-8-local{
			background-image: url(../img/icons/8-local.svg);
		}
		#asidelist-container>li>.icon.icon-9-droit{
			background-image: url(../img/icons/9-droit.svg);
		}
		#asidelist-container>li>.icon.icon-10-education{
			background-image: url(../img/icons/10-education.svg);
		}
		#asidelist-container>li>.icon.icon-11-emploi{
			background-image: url(../img/icons/11-emploi.svg);
		}
		#asidelist-container>li>.icon.icon-12-environnement{
			background-image: url(../img/icons/12-environnement.svg);
		}
		#asidelist-container>li>.icon.icon-13-famille{
			background-image: url(../img/icons/13-famille.svg);
		}
		#asidelist-container>li>.icon.icon-14-hebergement{
			background-image: url(../img/icons/14-hebergement.svg);
		}
		#asidelist-container>li>.icon.icon-15-location{
			background-image: url(../img/icons/15-location.svg);
		}
		#asidelist-container>li>.icon.icon-16-logement{
			background-image: url(../img/icons/16-logement.svg);
		}
		#asidelist-container>li>.icon.icon-17-arrivants{
			background-image: url(../img/icons/17-arrivants.svg);
		}
		#asidelist-container>li>.icon.icon-18-sante{
			background-image: url(../img/icons/18-sante.svg);
		}
		#asidelist-container>li>.icon.icon-19-securite{
			background-image: url(../img/icons/19-securite.svg);
		}
		#asidelist-container>li>.icon.icon-20-psychosocial{
			background-image: url(../img/icons/20-psychosocial.svg);
		}
		#asidelist-container>li>.icon.icon-21-vetements{
			background-image: url(../img/icons/21-vetements.svg);
		}

		#asidelist-container>li>.txt{
			flex: 1 1 auto;
		}

	#asidelist-container>li:hover{
		box-shadow: inset 0 0 0px 4px rgba(0,0,0,0.2);
	}

		#asidelist-container>li span{
			font-size:0.8em;
		}

		span.category{
			display: block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			text-transform: uppercase;
			line-height: 1em;
			margin-bottom: .25em;

			position: relative;
/*			padding-left: 1.7em;*/
			min-height: 1.2em;
			line-height: 1.2em;

		}

		#asideplace span.category{
			font-size: 15px;
			overflow: visible;
			white-space: normal;
		}
/*
			#asideplace span.category::after{
				content: "";
				position: absolute;
				width: 1.6em;
				height: 1.6em;
				background: #321d11;
				background:var(--color);
				border-radius: 100%;
				z-index: 1;
				position: absolute;
				top: -.2em;
				left: -.2em;
			}


			span.category::before{
				display: inline-block;
				width: 1.2em;
				height: 1.2em;
				margin-right: .5em;
				content:"";
				background-size: contain;
				background-position: 50% 50%;
				background-repeat: no-repeat;
				filter: invert(1);
				position: relative;
				z-index: 2;
				position: absolute;
				top: 0;
				left: 0;
			}
			span.category.icon-1-immigration::before{
				background-image: url(../img/map-point/1-immigration.svg);
			}
			span.category.icon-2-quartier::before{
				background-image: url(../img/map-point/2-quartier.svg);
			}
			span.category.icon-3-urgence::before{
				background-image: url(../img/map-point/3-urgence.svg);
			}
			span.category.icon-4-femme::before{
				background-image: url(../img/map-point/4-femme.svg);
			}
			span.category.icon-5-homme::before{
				background-image: url(../img/map-point/5-homme.svg);
			}
			span.category.icon-6-emploi::before{
				background-image: url(../img/map-point/6-emploi.svg);
			}
			span.category.icon-7-education::before{
				background-image: url(../img/map-point/7-education.svg);
			}
			span.category.icon-8-droits::before{
				background-image: url(../img/map-point/8-droits.svg);
			}
			span.category.icon-9-aine::before{
				background-image: url(../img/map-point/9-aine.svg);
			}
			span.category.icon-10-famille::before{
				background-image: url(../img/map-point/10-famille.svg);
			}
			span.category.icon-11-loisirs::before{
				background-image: url(../img/map-point/11-loisirs.svg);
			}
			span.category.icon-12-sante::before{
				background-image: url(../img/map-point/12-sante.svg);
			}
			span.category.icon-13-concertation::before{
				background-image: url(../img/map-point/13-concertation.svg);
			}
			span.category.icon-14-renseignements::before{
				background-image: url(../img/map-point/14-renseignements.svg);
			}
*/

	#asidelist-container>li.error,
	#asidelist-container>li.error:hover{
/*		background:#888888;*/
		box-shadow: inset 0 0 0px 0px rgba(0,0,0,0);

		background: #EEE;
/*		box-shadow: none;*/
		margin: 20px;
		border-radius: 5px;
	}




	/*aside place*/
#asideplace{
	left:0;
	z-index: 3;
	transition: transform 0.5s;
	pointer-events: auto;
	color: #321d11;

	--accent:#890724;
}

#asideplace.hiddenElement{
	display: block;
	visibility: visible;

	pointer-events: none;

	transform: translateX(100%);
	pointer-events: none;
}

	#asideplace header h2{
/*		padding-left: 10px;*/
		color: #FFFFFF;
	}

	#asideplace p,
	#asideplace h3{
/*		color:#321d11;*/
		margin: 0;
		padding: 0;
	}
	
	#asideplace .place-top-info{
		margin:20px 0;
		padding: 0;

		color:#321d11;
	}

		/* title */
		#asideplace .place-top-info>p{
			color: var(--accent);
			font-weight: bold;
			margin-top: .666em;
			font-size: 1.5em;
			line-height: 1em;

			position: sticky;
			top: 60px;
			background: #FFF;
			z-index: 1;
			margin: -20px -20px 0;
			padding: 20px;

			border-bottom: 1px solid #DDD;
		}

		#asideplace .place-top-info>ul{
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			color: #321d11;
			margin-top: 1em;
			position: relative;
		}
/*		#asideplace .place-top-info>p+ul{
			margin-top: -1em;
		}*/

			#asideplace .place-top-info>ul>li{
				display: block;
			}
			#asideplace .place-top-info>ul>li+li{
				margin-top: 1em;
			}
			#asideplace .place-top-info>ul>li.title+li{
				margin-top: 0;
				border-top: 0;
				padding-top: 0;
			}
			#asideplace .place-top-info>ul>li.title{
				text-transform: uppercase;
				font-weight: bold;
			}

			#asideplace .place-top-info>ul:has(li.title){
				margin-top: calc(2.5em + 8px);
			}
			#asideplace .place-top-info>ul>li.title{
				position: absolute;
				top: 0;
/*				transform: translateY(-16px) translateY(-100%);*/
				transform: translate(-8px, -5px) translateY(-100%);
				color: #321d11;
			}

			#asideplace .place-top-info>ul>li+li{
				border-top: 1px solid #DDD;
/*				padding-top: 1em;*/
				margin-top:8px;
				padding-top: 8px;
			}


				#asideplace .place-top-info>ul>li>label{
					text-transform: uppercase;
					font-size: 1em;
					color: var(--accent);
/*					font-size: 15px;*/
					font-size: 13px;
				}

				#asideplace .place-top-info>ul>li>div.info{
					color: #000;
/*					padding-left: 1em;*/
					margin-top: 5px;

					font-size: 13px;

					font-weight: bold;
				}

				#asideplace .place-top-info>ul>li>div.info:first-child{
					margin-top:calc(-1em + 5px);					
				}

					#asideplace .place-top-info>ul>li>div.info>strong{
/*						text-transform: uppercase;*/
/*						font-size: 1em;*/
/*						color: var(--accent);*/
/*						font-size: 12px;*/
						font-weight: normal;
					}
					#asideplace .place-top-info>ul>li>div.info>em{
						font-style:normal;
						font-weight: normal;
					}

				#asideplace .place-top-info>ul>li>p{
/*					padding: 5px 0 0 10px;*/
					padding-top:5px;
				}
				#asideplace .place-top-info>ul>li a{
					text-decoration: underline;
					text-overflow: ellipsis;
					width: 100%;
					overflow: hidden !important;
					display: block;
				}

				#asideplace .place-top-info>ul>li>ul{
					margin: 0;
					padding: 0;
					list-style: none;
					display: flex;
					gap: 5px;
					flex-wrap: wrap;
					margin-top: 3px;

/*					padding-left: 10px;*/
				}
				#asideplace .place-top-info>ul>li>div.info+ul{
					margin-top: 5px;
				}

					#asideplace .place-top-info>ul>li>ul>li{
						display: block;
						border: 1px solid #ddd;
						padding: 5px;
						font-size: 11px;
						color: #000;
						border-radius: 4px;
					}

					img.facade{
						display: block;
						max-width: 100%;
						max-width: calc(100% + 40px);
						margin: 0 -20px 0 -20px;
						min-height: 60px;

						max-height: 340px;
						object-fit: cover;
						width: calc(100% + 40px);
						background: #EEE;
					}

					a.googlemapbtn{
						background: var(--accent);
						display: block;
						margin: 20px 0 -40px auto;
						width: fit-content;
						padding: 0 5px;
						border-radius: 5px;
						position: relative;
						line-height: 20px;
						color: #FFF;
						font-size: 10px;
						text-transform: uppercase;
						cursor: pointer;
					}

		#asideplace .place-top-info>ul.text{
			border-radius: 5px;
			border:1px solid #DDD;
			margin: -8px;
			margin-top: calc(1em - 8px);
			padding: 8px;
			margin-bottom: 8px;
		}


		#asideplace .place-top-info>ul.contact{
			border-radius: 5px;
			border:1px solid var(--accent);
			margin: -8px;
			margin-top: calc(1em - 8px);
			padding: 8px;
			background: var(--accent);
			color: #FFF;
			margin-bottom: 8px;
		}


			#asideplace .place-top-info>ul.contact>li>label{
				color: inherit;
				opacity: .7;
			}

			#asideplace .place-top-info>ul.contact>li+li{
				border-color: rgba(255,255,255,.7);
			}


		#asideplace .place-top-info>ul.client,
		#asideplace .place-top-info>ul.more,
		#asideplace .place-top-info>ul.services{
			border-radius: 5px;
			border:1px solid #DDD;
			margin: -8px;
			margin-top: calc(1em - 8px);
			padding: 8px;
/*			background: #DDD;*/
		}


	#asideplace .place-website-btn {
		color:#FFF;
		display: inline-block;
		box-sizing: border-box;
		padding: 10px 20px;
		margin-top: 30px;
		cursor: pointer;

		text-transform: uppercase;place-website-btn
	}
	
	#asideplace .place-top-description{
		font-size: 13px;
	}
	#asideplace .tag-place{
		margin: 20px 0 10px 0;
	}

	#asideplace .asidesearch-tag{
		background-color: #890724;
		border: 1px solid #ddd;
		color:#000000;
		border-radius: 4px;
		padding: 5px;
		font-size: 11px;
		width: auto;
		float:left;
		margin: 6px 6px 0 0;
	}

#asideplace-container{
	padding:0 20px;
}



#aside>section#asideplace>.asideContainer{
	bottom:44px;
}

/* image */
.carrouselContainer{
	position: relative;
	width:var(--sidebarWidth);;
	height:var(--sidebarWidth);;
	background:#888;
	overflow: hidden;
	margin-left:-30px;
}

	.carrouselContainer>.prev, 
	.carrouselContainer>.next{
		width:35px;
		height:100%;
		position: absolute;
		top:0;
		left:0;

		background:url('../img/UI/leftwhitearrow.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/leftwhitearrow.png') 1x, url('../img/UI/leftwhitearrow2x.png') 2x);
	}

	.carrouselContainer>.next{
		left:auto;
		right:0;

		background:url('../img/UI/rightwhitearrow.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/rightwhitearrow.png') 1x, url('../img/UI/rightwhitearrow2x.png') 2x);
	}

	.carrouselContainer>.zoom{
		position: absolute;
		top:0;
		left:35px;
		right:35px;
		bottom:0;
		background-position: 50% 50%;
		opacity:0;

		transition: opacity 0.3s;
		z-index:2;
	}

	.carrouselContainer>.prev, 
	.carrouselContainer>.next{
		transition: background 0.3s;
		z-index:2;
	}

	.carrouselContainer>.prev:hover, 
	.carrouselContainer>.next:hover{
		cursor: pointer;
		background-color:rgba(51,153,255,0.8);
		transition: background 0.6s;
	}

	.carrouselContainer>.zoom:hover{
		cursor: pointer;
		opacity:1;
		background:rgba(51,153,255,0.8) url('../img/UI/searchzoom.png') 50% 50% no-repeat;
		background-image: -webkit-image-set( url('../img/UI/searchzoom.png') 1x, url('../img/UI/searchzoom2x.png') 2x);
		transition: opacity 0.6s;
	}

#carrouselImageContainer{
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width:var(--sidebarWidth);;
	height:var(--sidebarWidth);;
	-webkit-transition: left 0.6s ease-out;
	-moz-transition: left 0.6s ease-out;
	-ms-transition: left 0.6s ease-out; /* IE10 is actually unprefixed */
	-o-transition: left 0.6s ease-out;
	transition: left 0.6s ease-out;
}
	#carrouselImageContainer .carrousel-image{
		display: inline-block;
		height: 100%;
		width: var(--sidebarWidth);;
		/*float:left;*/
	}

/**
	MAP
*/
#map-container{
	position: absolute;
	top:0;
	left:var(--sidebarWidth);;
	right:0;
	bottom:0;
/*	width: 1140px;
	width: calc(100% - 360px);
	height: 100%;
	height: calc(100% - 64px);;
	float: left;
	position: relative;*/

	/*display: flex;
	flex-direction: column;*/
}

	#mapWarning{
		position: absolute;
		top: 10px;
		left: 10px;
		max-width: calc(100% - 20px - 44px - 10px);
		width: fit-content;
		box-sizing: border-box;
/*		right: 10px;*/
		border-radius: 5px;
/*		flex: 0 0 auto;*/
		background:#FFFFFF;
		border: 2px solid #ce403d;
/*		color:#FFFFFF;*/
		padding: 10px;
		line-height: 1em;
		display: none;
		cursor: pointer;
/*		text-align: center;*/
		z-index: 99;
		opacity: .9;
	}
	#mapWarning:hover{
		opacity: 1;
	}
	#mapWarning.visible{
		display: block;
	}
	.listDisplayed #mapWarning.visible,
	.placeDisplayed #mapWarning.visible{
		display: none;
	}

		#mapWarning>span{
			text-decoration: underline;
			font-weight: bold;
			white-space: nowrap;
			display: inline-block
		}

	#map-container #map{
/*		flex: 1 1 auto;*/ 
		height: 100%;
		width: 100%;
		background: #EEEEEE;
	}

		#map-container #map .marker{
			position: absolute;
			cursor: pointer;
			width: 30px;
			height: 30px;
			transform: translate(-50%, -50%);
		}
		#map-container #map .marker.d1{
			transform: translate(-50%, -50%) translate(5px, 5px);
		}
		#map-container #map .marker.d2{
			transform: translate(-50%, -50%) translate(-5px, 5px);
		}
		#map-container #map .marker.d3{
			transform: translate(-50%, -50%) translate(5px, -5px);
		}
		#map-container #map .marker.d4{
			transform: translate(-50%, -50%) translate(-5px, -5px);
		}
		#map-container #map .marker.hidden{
			display: none;
		}

			#map-container #map .marker>div.html{

			}

			#map-container #map .marker>div.html>div{
				--color:#888888;
			}

				#map-container #map .marker>div.html>div>div.icon{
/*					background: var(--color);
					width: 30px;
					height: 30px;
					border:2px solid white;
					border-radius: 100%;
					box-sizing: border-box;*/
				}
					#map-container #map .marker>div.html>div>div.icon>img{
						display: block;
						width: 30px;
						height: 30px;
						margin: 3px 0 0 3px;
						object-fit: contain;
/*						filter: invert(1);*/

/*						filter:drop-shadow(1px 1px 0 #FFFFFF) drop-shadow(-1px 1px 0 #FFFFFF) drop-shadow(-1px -1px 0 #FFFFFF) drop-shadow(1px -1px 0 #FFFFFF) drop-shadow(1px 0 0 #FFFFFF) drop-shadow(-1px 0 0 #FFFFFF) drop-shadow(0 1px 0 #FFFFFF) drop-shadow(0 -1px 0 #FFFFFF)*/
						filter:drop-shadow(1px 1px 0 #FFFFFF) drop-shadow(-1px 1px 0 #FFFFFF) drop-shadow(-1px -1px 0 #FFFFFF) drop-shadow(1px -1px 0 #FFFFFF);
					}
					#map-container #map .marker>div.html>div>div.icon:empty{
						background: url(../img/map-point/icon-user.png);
						border:none;
						background-size: 30px 30px;
						background-repeat: no-repeat;
						background-position: 50% 50%;
						border-radius: 0;
					}

				#map-container #map .marker>div.html>div>div.info{
					position: absolute;
					left: 50%;
					bottom: 100%;
					width: 200px;
					padding: 10px;
					border:2px solid black;
					background: #FFFFFF;
					border-radius: 5px;
					transform: translate(-50%, -13px);
					display:none;
					pointer-events: none;
				}
					#map-container #map .marker>div.html>div>div.info::after{
						content: "";
						position: absolute;
						bottom:0;
						left: 50%;
						background: #FFF;
						width: 20px;
						height: 20px;
						border-radius: 100% 0 5px 0;
						border:2px solid black;
						border-left: 0;
						border-top: 0;
						transform: translateY(13px) translateX(-50%) rotate(45deg)
					}

					#map-container #map .marker>div.html>div>div.info>strong:first-child{
						display: block;
						margin-bottom: .5em;
					}

			#map-container #map .marker.selected{
				z-index: 800;
			}

				#map-container #map .marker.selected .icon{
					transform: scale(1.2);
					filter: drop-shadow(0 0 5px rgba(0,0,0,.5));
				}

			.placeDisplayed #map-container #map .marker:not(.selected) .icon{
				transform: scale(.7);
				opacity: .6;
			}
			.placeDisplayed #map-container #map .marker:not(.selected):hover .icon{
				transform: scale(1);
				filter:brightness(1);
			}

			#map-container #map .marker:hover{
				z-index: 900;
			}

				#map-container #map .marker:hover>div.html>div>div.info{
					display: block;
				}

#map:focus {
	outline: none;
}
.gm-style {
	outline: none;
}


#map-container div.error{
	width:300px;
	height:auto;
	padding:30px;
	background:#FFF;
	background:rgba(255,255,255,0.9);
	color:#000;
	position: absolute;
	top:50%;
	left:50%;
	margin:-80px 0 0 -180px;
}

	#map-container div.error>h1{
		margin:0 0 .5em 0;
	}


#mobileFilter,
#mobileClose,
#mobileList {
	display: none;
}

#aside .asideContainer header span.mobileDisplayOtherMap{
	display:none;
	visibility: hidden;
	max-height: 0;
}

@media (max-width: 1000px) {
	body{
		--sidebarWidth: 40vw;
		--sidebarWidth: clamp(360px, calc(220px + 18vw), 400px);
	}
}

@media (max-width: 750px) {
	body{
		--sidebarWidth: 360px;
	}
}


/*
	MOBILE
*/
@media (max-width: 720px) {
	.desktop {
		display:none;
	}
	/*
	Global
	 */
	html, body {
		width: 100%;
		height: 100%;
	}

	body #content {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 100%;
/*        font-size: 12px;*/
	}

	/*
	Fix topbar
	 */
	#logo {
		border-bottom: 1px solid #ddd;
		height: 62px;
		position: relative;
		top: 0;
		right: 0;
		width: 100%;

		display: flex;
		padding: 0 10px;
		align-items: center;

		border-bottom: 5px solid #890724;
	}

		#logo>*{
			flex: 0 0 auto;
		}

		#logo a.logo {
			position: static;
		}

		#logo h1{
			padding: 0;
			flex: 1 1 auto;
		}

	#aside .asideContainer header span.mobileDisplayOtherMap {
		display: block;
		visibility: visible;
		width: 35px;
		height: 35px;
		max-height: 35px;
		position: absolute;
		top: 20px;
		right: 24px;
		background: url('../img/UI/rightwhitearrow.png') 50% 50% no-repeat;
		background-image: -webkit-image-set(url('../img/UI/rightwhitearrow.png') 1x, url('../img/UI/lrightwhitearrow2x.png') 2x);
		transform: rotate(0deg);
		transition: transform 0.3s;
		cursor: pointer;
	}

	#aside .asideContainer header span.mobileDisplayOtherMap.listeActive {
		transform: rotate(-90deg);
	}

	/*
		Popup
	 */
	.full-popup div {
		width: 90%;
		height: auto;
		max-width: 300px;
		padding: 20px;
	}

		.full-popup div span.logo {
			display: none;
		}

		.full-popup div p.title {
			font-size: 20px;
			line-height: 24px;
		}

		.full-popup div span.fakeButton {
			margin: 24px auto 0;
		}

	/*
	fix aside
	 */
	aside > header {
		display: none;
	}

	body #content aside {
		top: 45vh;
		right: 0;
		width: 100%;
	}

		img.facade{
			max-height: 35vh;
			object-fit: contain;
		}

	#aside > section {
		-webkit-overflow-scrolling: auto;
		width: 100%
	}

		#aside > section header {
/*			min-height: 0;*/
		}





	/*
	fix map
	 */
	body #map-container {
		top:60px;
		left: 0;
		bottom: auto;
		height: 40vh;
		height: calc(45vh - 60px);
	}

	.placeDisplayed #map-container div.error{
		top: 25%;
	}

/*    body .placeDisplayed #map-container{
		bottom: 50%;
	}*/

	.mobileFilterDo #map-container div.error {
		top: 25%;
		top: calc(25% - 30px);
		top: calc(25% - 10px);
	}

	/*	body .placeDisplayed #map-container{
			height: 50%;
			height: calc(50% - 63px);
		}*/

}



@media (max-width: 500px) {
	#logo h1{
		font-size: 16px;
	}

		img.facade{
			max-height: 25vh;
			object-fit: cover;
		}

}



@media print{
/*	body, html{
		width: 8.5in;
	}*/

	*{
/*		height: auto !important;
		top: auto !important;
		bottom:auto !important;
		right:auto !important;
		left:auto !important;*/
		overflow: visible !important;

		page-break-inside: auto !important; /* Allow elements to split across pages */
	}

	html {
		zoom: 1; /* neutralizes Chrome's internal shrink */
	}

	body {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		transform: scale(1); /* ensure no automatic scaling */

		width: 100%;
		font-size: 12pt;
	}

	#content{
		height: auto;
		display: flex;
		flex-direction: column;
	}

		#content>*{
			order:4;
		}

		#content>header{
			order:1;
		}

		#content>#map-container{
			order:2;
		}

	.locate,
	a.googlemapbtn{
		display: none;
	}

	#aside>section#asideplace>.asideContainer{
		bottom: auto;
		overflow: visible;
	}

	.place-top-info{
		position: relative;
	}

		img.facade{
			border-radius: 5px;
			position: absolute;
/*			top: 100px;*/
			right: 20px !important;
			width: 3in !important;
			height: 3in !important;
			margin: 0;
			margin-top: 20px;

			top: 60px;
		}

		#asideplace .place-top-info>p{
			margin: 0;
		}

		#asideplace .place-top-info>ul{
			padding: 20px;

			display: flex;
			flex-wrap: wrap;
			gap: 0 10px;
		}
		#asideplace .place-top-info>ul.text{
			padding-right: 3.5in;
			padding-bottom: 0;
			min-height: 3in;
			align-content: start;
		}

		#asideplace .place-top-info>ul.text,
		#asideplace .place-top-info>ul.contact,
		#asideplace .place-top-info>ul.client,
		#asideplace .place-top-info>ul.more,
		#asideplace .place-top-info>ul.services{
			margin: 0 20px;
			border:none;
			margin-top: 20px;
			padding-bottom: 0;
		}

			#asideplace .place-top-info>ul>li+li{
				margin-top: 0;
				padding-top: 0;
				border-top: 0;
			}

			#asideplace .place-top-info>ul>li{
				margin-bottom: 8px;
			}

		#asideplace .place-top-info>ul:has(li.title){
			margin-top: 20px;
		}

		#asideplace .place-top-info>ul+ul{
			padding-top: 0;
		}

			#asideplace .place-top-info>ul>li{
				box-sizing: border-box;
				width: 100%;
			}

			#asideplace .place-top-info>ul>li.small{
				padding-right: 0;
				width: 2.5in;
				flex: 0 0 2in;
				font-size: 12px;
			}

			#asideplace .place-top-info>ul.top>li.small{
				flex: 1 1 35%;
				width: 35%;
				font-size: inherit;
			}

			#asideplace .place-top-info>ul.top+ul{
				margin-top: 20px;
				margin-bottom: 20px;
				border-top: 5px solid #DDD;
			}

			#asideplace .place-top-info>ul>li.title{
				transform: none;
				position: static;
				color: inherit;
				margin-bottom: 8px;
			}

	#logo{
		position: static;
		width: 100% !important;
		height: 75px !important;
/*		position: absolute;*/
	}

		#logo h1{
			display: flex;
			align-items: center;
		}

	#map-container{
		position: static;
		width: 100% !important;
		height: 200px !important;
		overflow: hidden !important;
	}

		#map{
			height: 200px;
		}

	#aside{
		background: #FFF;
		position: static;
/*		top: 275px;*/
/*		right: 0;*/
		width: auto;
		height: auto;
/*		margin-top: 275px;*/

		z-index: 1;
	}

		#aside>section{
			position: static;
		}

			#aside>section>.asideContainer{
				position: static;
				display: block !important;
			}

	#aside>section header .back,
	#aside>section#asidesearch,
	#aside>section#asideplace{
		display: none !important;
	}

	#aside>section#asidelist{
		left: 0;
		width: 100%;
	}

		#aside>section#asidesearch>.asideContainer, 
		#aside>section#asidelist>.asideContainer{
			bottom: 0;
		}

			#asidelist-container>li{
				page-break-inside: avoid;
				break-inside: avoid;
			}

	#printListButton,
	.noPrint,
	#mobileFilter,
	#mobileList,
	#mobileClose,
	#searchContainer,
	#aside>section>.asideContainer#searchContainer,
	#asidesearch.hiddenElement, 
	#asidesearch.hiddenElement2{
		display: none !important;
	}

	#aside>section header#listContainerHeader{
		background: var(--accent);
	}

	.placeDisplayed>#aside>section#asidelist{
		display: none;
	}

	#aside>section#asidesearch,
	.placeDisplayed>#aside>section#asideplace{
		display: block !important;
		left: 0;
		width: 100%;
		bottom: auto;
		overflow: visible;
	}
	.placeDisplayed>#aside>section#asidesearch{
		display: none !important;
	}

		#asideplace-container{
			padding: 0;
		}

		#asideplace .place-top-info{
			margin: 0;

			display:flex;
			flex-wrap: wrap;
		}

			#asideplace .place-top-info>p,
			#asideplace .place-top-info>ul.text,
			#asideplace .place-top-info>ul.contact,
			#asideplace .place-top-info>ul.client{
				flex: 1 1 100%;
			}

			#asideplace .place-top-info>ul.services,
			#asideplace .place-top-info>ul.more{
				flex: 1 1 auto;
			}

		#mapWarning{
			display: none !important;
		}
}



.asideContentContainer.flex{
	display: flex;
	flex-direction: column;
}

	.asideContentContainer.flex>div{
		flex: 1 1 auto;
	}

	.asideContentContainer.flex>footer{
		flex: 0 0 auto;
		padding: 20px;
/*		border-top: 1px solid #ddd;*/
		display: flex;
		justify-content: center;
		margin-top: 20px;
		font-size: 14px;
		background:#F8F8F8;
	}

		.asideContentContainer.flex>footer>a{
			padding: 10px 15px;
			display: inline-flex;
			align-items: center;
			opacity: .5;
			color: #888888;
			border-radius: 20px;
			border:2px solid #F8F8F8;
		}
			.asideContentContainer.flex>footer>a strong{
				font-weight: normal;
			}

			.asideContentContainer.flex>footer>a::before{
				content: "";
				display: block;
				width: 25px;
				height: 25px;
				margin-right: 10px;
				background: url(../img/deuxtiers.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				filter: grayscale(1);
				opacity: .5;
			}

		.asideContentContainer.flex>footer>a:hover{
			opacity: 1;
/*			background: #DDDDDD;*/
			border-color:#DDD;
		}

			.asideContentContainer.flex>footer>a:hover::before{
				opacity: 1;
			}

			.asideContentContainer.flex>footer>a:hover strong{
				text-decoration: underline;
			}