body{margin:0;background-repeat:no-repeat;background-color:#f3f3f1;font-family:Verdana,Geneva,sans-serif}
header{text-shadow:2px 2px 10px #000;color:#f3f3f1;text-align:center;}
header h1{font-size:30px;text-align:center;font-weight:700}
header>span{font-size:14px}
section>aside{position:absolute;left:0;top:310px;width:150px;height:350px;font-size:9px;font-style:normal;text-align:left;color:#014840}

#url_com{font-size:12px}
iframe{border:none}
section#carte{margin:25px 0;width:920px;left:50%;margin-left:-470px;padding:9px;background-color:#dfe0de;border:1px solid #c9c9c7}
 
#hbl{position:absolute;width:100%;height:390px;top:0;left:0;background:rgba(41,90,116,1);background:-moz-radial-gradient(top,ellipse cover,rgba(41,90,116,1) 0,rgba(2,39,52,1) 100%);background:-webkit-gradient(radial,top center,0,center center,100%,color-stop(0,rgba(41,90,116,1)),color-stop(100%,rgba(2,39,52,1)));background:-webkit-radial-gradient(top,ellipse cover,rgba(41,90,116,1) 0,rgba(2,39,52,1) 100%);background:-o-radial-gradient(top,ellipse cover,rgba(41,90,116,1) 0,rgba(2,39,52,1) 100%);background:-ms-radial-gradient(top,ellipse cover,rgba(41,90,116,1) 0,rgba(2,39,52,1) 100%);background:radial-gradient(ellipse at top,rgba(41,90,116,1) 0,rgba(2,39,52,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#295a74', endColorstr='#022734', GradientType=1 );border-bottom:1px solid #FFF;box-shadow:0 20px 40px rgba(0,0,0,.55);z-index:-1}
#cadre,#map{position:absolute;box-sizing:border-box;left:50%}
#cadre{width:940px;height:640px;border:1px solid #FFF;background-color:rgba(200,200,200,.6);top:130px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);opacity:.5}
#map{width:920px;height:620px;background-color:rgba(255,255,255,1);top:140px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
#map:-moz-full-screen {
	width:100%;
	height:100%;
	top:0px; left:0px;
	transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);
}
#map:-webkit-full-screen {
	width:100%;
	height:100%;
	top:0px; left:0px;
	transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);
}
#map:fullscreen {
	width:100%;
	height:100%;
	top:0px; left:0px;
	transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);
}
section {
	position:relative;
	box-sizing:border-box;
	width:940px;
	margin:auto;
	margin-top:680px;
	color:#014840;
}
section>aside{position:absolute;
		left:-150px;
		top:-350px;
		width:150px;
		height:350px;
		font-size:9px;
		font-style:normal;
		text-align:left;
		color:#014840;
}
section>h2{
	font-size:1em;
}
#adresse{margin-top:25px;font-size:18px;color:#666; text-align:center;}
#url_com{font-size:14px; text-align:center}
#texte{
	text-align:justify;
	font-size:12px;
}
/* MENU Panorama */
#fs_change {
	position:absolute;
	z-index:200;
	width:48px;
	height:48px;
	top:10px;
	right:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:32px;
	background-image:url(/images/fullscreen.png);
	cursor:pointer;
	opacity:.8;
}
#fs_change:hover {
	opacity:1;
}
#fs_change.exit {
	background-image:url(/images/exit_fullscreen.png);
}
#menu_pano {
	position:absolute;
	top:10px;
	left:10px;
	z-index:200;
	font-size:12px;
}
#menu_pano > ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#menu_pano > ul > li {
	padding:5px;
	margin-bottom:1px;
	background-color:#275670;
	color:#FFF;
	min-width:130px;
	cursor:pointer;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
}
#menu_pano > ul > li:hover {
	background-color:#042937;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}
#menu_pano > ul > li.select {
	background-image:url(/images/select_menu.png);
	background-repeat:no-repeat;
	background-position:5px center;
	text-indent:12px;
	background-size:8px;
}
/* Panorama */
#map > #div_panorama {
	position:absolute;
	width:100%;
	height:100%;
	top:0; left:0;
	z-index:98;
}
#map > #filtre_panorama {
	position:absolute;
	width:100%;
	height:100%;
	top:0; left:0;
	z-index:99;
	background-color:rgba(0,0,0,.55);
}
@keyframes lds-rolling-att {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes lds-rolling-att {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.ng-scope-att {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.lds-rolling-att {
  position: relative;
}
.lds-rolling-att span {
	position:absolute;
	text-align:center;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	color:#FFF;
}
.lds-rolling-att div,
.lds-rolling-att div:after {
  position: absolute;
  width: 160px;
  height: 160px;
  border: 2px solid #ffffff;
  border-top-color: transparent;
  border-radius: 50%;
}
.lds-rolling-att div {
  -webkit-animation: lds-rolling-att 1s linear infinite;
  animation: lds-rolling-att 1s linear infinite;
  top: 100px;
  left: 100px;
}
.lds-rolling-att div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.lds-rolling-att {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/* FOOTER */
footer {height:60px;box-sizing:border-box;padding:15px; background-color:rgba(2,39,52,1); margin-top:15px; color:#FFF;}
#cpli {float:left;}
#cpli #nom_cpli {font-weight:normal;font-size:10px;margin-bottom:5px;}
#cpli #ville_cpli {font-weight:normal; font-size:8px;}
#cpli #adr_cpli {font-size:8px;}
#logo_cpli {float:left;margin-left:20px;margin-right:20px;}
#logo_cpli > div {position:relative;width:64px;height:64px;overflow:hidden;border-radius:50%;box-shadow:2px 2px 8px #000;}
#logo_cpli > div > img {width:100%;}