@media (min-width: 1600px) {
	body {
		zoom:1.5;
		}
}

body {
	width: 1200px;
	margin: 0 auto;
	
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgb(59, 116, 123);
	border-radius: 20px;
	font: 100% "新細明體", "ming", sans-serif;
}

*[lang="en"], *[lang="fr"] {
	font: 100% Helvetica, Arial, sans-serif;
}

a, a:link, a:visited, a:active, a:hover {
	text-decoration:none;
}

p {
	text-align:justify;
	padding: 10px;
	margin: 0;
	color:black;
}


#hautDePage {
	background-color: rgba(240, 248, 255, 1);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding:0px 0px 5px 0px;
	
	background: #f0f9ff; /* Old browsers */
	background: -moz-linear-gradient(left,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* 	Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
	background: linear-gradient(to right,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=1 ); /* IE6-9 */
}
#logo {
	margin:0px;
	float:left;
	padding:5px 10px 0px 5px;
}

#hautDePage h1 {
	margin:0;
	padding:10px 0px 0px 0px;
	color:blue;
	font-size:200%;
}
#hautDePage h2 {
	margin:0;
	padding:0;
	color:blue;
	font-size:150%;
	font-weight:bold;
}
#hautDePage h2 span {
	font-style:italic;
	font-weight:bold;
	color:#006699;	
}
#hautDePage aside {
	float:right;
	padding-right:10px;
}
#hautDePage aside h2 {
	position: absolute;
	left: -2000em;
}
#hautDePage aside p {
	font-weight:bold;
	color:green;
	margin:0px;
	padding:0px;
	text-align:center;
}
#hautDePage aside #libre {
	color:red;
	font-size:150%;
	text-decoration:blink;
	line-height:120%;
}
#hautDePage aside #etage {
	color:red;
	font-size:150%;
	line-height:120%;
}

#hautDePage address {
	margin:0px;
	padding:0px;
}
#hautDePage a:link, #hautDePage a:visited {
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	color:red;
}
#hautDePage a:hover {
	text-decoration:underline;
}

nav h2 {
	position: absolute;
	left: -2000em;
}

nav address[lang="zh-Hant"] {
	float:left;
	padding:17px 0px 0px 15px;
	margin:0px;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	color:fuchsia;
}
nav address[lang="en"] {
	float:right;
	padding:7px 15px 0px 0px;
	margin:0px;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	color:fuchsia;
}
nav {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
}
nav ul {
	list-style: none;
	width: 450px;
	margin: 0 auto;
	padding: 0;
}
nav li {
	float: left;
}
nav li a, nav li a:link, nav li a:visited, nav li a:active {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #069;
	border-right: 1px solid #ccc;
}
nav li:first-child a {
	border-left: 1px solid #ccc;
}
nav li a:hover {
	color:red;
	background-color: #fff;
}
nav li a.actif {
	color:#000080;
	background-color:#6495ED;
}
nav li a.actif p {
	color:#000080;
}
nav p[lang="en"], nav p[lang="fr"] {
	margin:0px;
	padding:0px;
	font-size:0.8em;
	text-align:center;	
}
nav p[lang="zh-Hant"] {
	margin:0px;
	padding:0px;
	font-size:1.1em;
	text-align:center;
}

#drapeauUK {
	margin:0px 0px 0px 5px;
	padding:5px 0px 0px 5px;
	float :left;
}
#drapeauFR {
	margin:0px 5px 0px 0px;
	padding:5px 5px 0px 0px;
	float :right;
}

.videoCote {
	width:200px;
	margin:0px auto;
}
#carteAcces {
	width:200px;
	margin:0px auto;
}

#texteUK, #texteFR {
	width: 200px;
	background-color: rgb(250, 250, 210);
	margin:0px 10px;
}
#texteCHTRAD p {
	border:1px solid green;
	border-radius:25px 5px;
	background:#C1FFC1;
	font-size:1.2em;
	font-weight: bold;
}

#immeubleUK {
	float: left;
}

#immeubleFR {
	float: right;
}

#immeubleUK h2, #immeubleFR h2 {
	width:200px;
	margin:3px auto 0px;
	padding:3px 0px 0px 0px;
	font-size:1.1em;
	text-align:center;
	color:rgb(0, 0, 139);
	text-shadow:2px 2px 2px rgb(202, 225, 255);
	font-weight: bold;
	font-style:italic;
	background-color: rgb(250, 250, 210);
}

#immeubleDescription {
	float:left;
	width:755px;
}

#entreeDescription, #panoramaDescription {
	float:left;
	width:875px;
	padding:0px;
}

#immeubleUK h3, #immeubleFR h3, #immeubleDescription h2, #immeubleDescription h3, #entreeDescription h2, #entreeDescription h3, #entreeVideos h2, #panoramaVideos h2, #panoramaDescription h2, #panoramaDescription h3, #vestibuleDescription h2, #vestibuleDescription h3, #bureauDescription h2, #bureauDescription h3 {
	position: absolute;
	left: -2000em;
	margin:0px;
	padding:0px;
}
#texteCHsimp {
	font-size:0.9em;
	font-style:italic;
	font-weight: normal;
}

.galeriePhotos {
	width:750px;
	height:500px;
	position:relative;
	margin:0px;
	padding:0px;
}

#entreePhotos, #panoramaPhotos {
	width:874px;
	height:417px;
}

#vestibuleDescription, #bureauDescription {
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
#vestibulePhotos {
	width:805px;
	height:417px;
	margin:0px auto;
}
#bureauPhotos {
	width:965px;
	height:417px;
	margin:0px auto;
}

:focus {
outline:none;
}
.galeriePhotos img {
	float:left;
	z-index:1;
	height:120px;
	margin:2px;
	border:5px solid #B0E0E6;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#masque {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:transparent;
	z-index:10;
	cursor:pointer;
}
.galeriePhotos img:focus~#masque{
	display:block;
}
.galeriePhotos img:focus {
	position:absolute;
	left:0px;
	border:none;
	z-index:5;
	height:430px;
	box-shadow:0 0 15px 2px #000;
	-moz-box-shadow:0 0 15px 2px #000;
	-webkit-box-shadow:0 0 15px 2px #000;
	cursor:default;
}

#immeubleVideos {
	margin:0px;
	padding:0px;
}
#immeubleVideos iframe {
	width:247px;
}

#entreeVideos, #panoramaVideos {
	float:left;
	width: 300px;
	margin:0px 10px;
}
#entreeVideos iframe, #panoramaVideos iframe {
	width:300px;
	height:182px;
	margin:0px auto;
}

#basDePage {
	clear:both;
	background-color: rgba(240, 248, 255, 1);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	font-size:small;
	text-align:center;
	color:rgb(59, 116, 123);
}

#basDePage p {
	margin:0;
	padding:2px;
	text-align:center;
	color:rgb(59, 116, 123)
}