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

#visite
{
	width:100%;
	height:100%;
	border:none;
	z-index:0 !important;
}

#cityLogo
{
	position:absolute;
	top:5px;
	left:5px;
	max-width:200px;
	width:50%;
	height:auto;
}

#cityLogo img
{
	width:100%;
	height:auto;
}

#cityDescription
{
	position:absolute;
	bottom:100px;
	left:0;
	padding:10px 20px 10px 10px;
	text-align:justify;
	background-color:rgba(100,100,100,0.6);
	/* background-color:#26b7a0; */
	color:white;
	border-radius:0 15px 15px 0;
	max-width:30%;
	max-height:70%;
	font-family:Comfortaa;
	overflow:hidden;
	z-index:999 !important;
	min-width:250px;
	/* display:none; */
}

@media all and (max-height: 1024px)
{
	#cityDescription
	{
		overflow:scroll;
	}
}

@media all and (max-width: 1024px)
{
	#cityDescription
	{
		overflow:scroll;
		max-width:50%;
		max-height:60%;		
	}
	#cityDescription::-webkit-scrollbar{
		width: 10px;
	}

	#cityDescription::-webkit-scrollbar-track-piece{
		background-color: #FFF;
	}

	#cityDescription::-webkit-scrollbar-thumb{
		background-color: #CBCBCB;
		outline: 2px solid #FFF;
		outline-offset: -2px;
		border: .1px solid #B7B7B7;
	}

	#cityDescription::-webkit-scrollbar-thumb:hover{
		background-color: #909090;
	}
	
	#cityLogo
	{
		width:20%;
		min-width:50px;
	}
	#showList
	{
		top:30px;
		writing-mode:tb-rl;
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform:rotate(180deg);
		transform: rotate(180deg);
		margin:0;
	}
}

 /* Hide scrollbar for Chrome, Safari and Opera */
#cityDescription::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE and Edge */
#cityDescription {
-ms-overflow-style: none;
} 

#hideDesc
{
	position:absolute;
	top:10px;
	right:20px;
	color:white;
	text-decoration:none;
	font-size:2em;
	z-index:9999 !important;
}

#showDesc
{
	position:absolute;
	bottom:calc(40% + 85px);
	left:0;
	color:white;
	text-decoration:none;
	font-size:2em;
	/* background-color:rgba(100,100,100,0.6); */
	background-color:#26b7a0;
	font-family:Comfortaa;
	display:none;
	z-index:9999 !important;
	padding:5px;
}

/* Liste */ 

#container .carousel{
	top: 0px;
	height: 170px;
	width: 80%;
	position: relative;
}
.kuula-container {
	padding-top: 60%;
	width: 80%;
	position: relative;
}

.kuula-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: -55px;
	width: 100%;
}


h6 {
	position: relative;
	text-align: left;
	left: 20px;
	width:90%;
}

.text {
	position: relative;
	text-align: left;
	left: 20px;
	width:90%;
	padding-bottom: 20px;
}

.ar_position {
	position: absolute;
	left: 12px;
	top: 270px;
}

.material-icons{
	position: relative;
	font-size: 18px;
	top: 5px;
	color: rgba(255, 255, 255, 1);
}
.icon-big{
	font-size: 28px;
	color: rgba(255, 255, 255, 1);
}

input[type=checkbox] {
	vertical-align: middle;
	margin-right: 4px;
}
input,label {
	cursor: pointer;
}

.postList {
	overflow: visible;
	position: absolute;
	right:0;
	height:100%;
	width: 30%;
	min-width:360px;
	background-color:rgba(100,100,100,0.6);
	/* background-color:#26b7a0; */
	padding:15px 20px 20px 20px;
	font-family:Comfortaa;
	display:none;
}

.listElem
{
	display:inline-block;
	height:auto;
	padding:5px;
	text-align:left;
	vertical-align: middle;
}

.listElem::-webkit-scrollbar{
	width: 10px;
}

.listElem::-webkit-scrollbar-track-piece{
	background-color: #FFF;
}

.listElem::-webkit-scrollbar-thumb{
	background-color: #CBCBCB;
	outline: 2px solid #FFF;
	outline-offset: -2px;
	border: .1px solid #B7B7B7;
}

.listElem::-webkit-scrollbar-thumb:hover{
	background-color: #909090;
}

.postList .listElem>img {
	width: 50px;
	display:inline-block;
	object-fit: cover;
	vertical-align: middle;
}

a{
	text-align: center;
}

i.imgtext{
	color: rgb(255, 255, 255);
	position:relative;
	margin-left:10px;
	font-size:1em;
	display:inline;
	vertical-align: middle;
	font-weight:bold;
}

#showList
{
	position:absolute;
	/* top:40%; */
	/* right:-15px; */
	top:50px;
	right:0;
	padding:5px;
	color:white;
	font-weight:bold;
	/* background-color:rgba(100,100,100,0.6); */
	background-color:#26b7a0;
	/* writing-mode:tb-rl; */
    /* -webkit-transform:rotate(180deg); */
    /* -moz-transform:rotate(180deg); */
    /* -o-transform: rotate(180deg); */
    /* -ms-transform:rotate(180deg); */
    /* transform: rotate(180deg); */
	cursor:pointer;
	font-family:Comfortaa;
	font-size:1.25em;
	/* display:none; */
}

#closeList
{
	color:white;
	font-family:Comfortaa;
	font-weight:bold;
	padding-left:5px;
	margin: 0 0 3px 0;
	cursor:pointer;
	width:30px;
}

#logoDown
{
	background-image:url('../../images/logo-D-solo.svg');
	background-repeat: no-repeat;
	height:70px;
	width:70px;
	position:absolute;
	bottom:20px;
	right:10px;
}

#logoDown:hover
{
	background-image:url('../../images/logoBlanc.svg');
	width:200px;
	right:-10px;
}

#presented
{
	color:white;
	font-family:Comfortaa;
	position:absolute;
	bottom:85px;
	right:20px;
	margin:0;
}