@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i";@import "./material-design-iconic-font.min.css";@import "./tooltip.min.css";@font-face {
	font-family: 'Habbfont';
	src: url('../fonts/habbfont.woff2') format("woff2"),url('../fonts/habbfont.woff') format("woff");
	unicode-range: U+007C,U+2020,U+2022,U+00B6,U+00B1,U+00A5,U+00B5,U+00AA,U+00BA,U+00AC,U+0192,U+00BB,U+2014,U+2018,U+2021
 }
 
#cookie-bar {
	background: #111;
	height: auto;
	line-height: 30px;
	color: #eee;
	font-weight: 100;
	text-align: center;
	padding: 6px 0;
 }
 
	#cookie-bar.fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	 }
 
		#cookie-bar.fixed.bottom {
			bottom: 0;
			top: auto;
		 }
 
	#cookie-bar a {
		background: #fff;
		display: inline-block;
		border-radius: 2px;
		text-decoration: none;
		padding: 0 20px;
		margin-left: 10px;
		font-weight: 500;
		color: #111;
		font-size: 15px;
	 }
 
img,object,embed,canvas,video,audio,picture {
	max-width: 100%;
	height: auto;
	_width: 100%;
 }
 
* {
	-webkit-overflow-scrolling: touch;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border: none;
	background: none;
	outline: none;
	font-family: 'Roboto',sans-serif;
	list-style: none;
	font-weight: 400;
	text-decoration: none;
	color: #666;
	letter-spacing: 0.5px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
 }
 
*[disabled] {
	cursor: default;
	opacity: 0.99;
	background: #eee;
 }
 
*:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	-webkit-text-fill-color: #666!important;
 }
 
*::-webkit-scrollbar {
	width: 7px;
	background: transparent;
	position: fixed;
 }
 
*::-webkit-scrollbar-thumb {
	background: url('../img/scrollbar_center.png');
	border-radius: 10px;
 }
 
*.habbfont {font-family: 'Habbfont','Roboto',sans-serif;}
 
body {
	right: -7px;
	left: 0;
	position: absolute;
	overflow-x: hidden;
 }
 
	body:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: calc(100% + 7px);
		height: 100%;
		z-index: -11;
		background: #eaeaea url('../img/bg.png');
	 }
 
	body.noscroll {
		overflow: hidden;
		right: 0;
	 }
 
	body>.error.e_top {
		background: #d32f2f;
		line-height: 40px;
		color: #fff;
		text-align: center;
	 }
 
		body>.error.e_top.success {background: #388e3c;}
 
	body>.header {
		width: 100%;
		background: #333;
		height: 199px;
	 }
 
		body>.header>.center {
			width: 970px;
			margin: auto;
			height: 100%;
			position: relative;
			background: url('../img/index_header.png') no-repeat center center;
			border-bottom: 1px solid rgba(255,255,255,0.05);
		 }
 
			body>.header>.center>.logo {
				position: absolute;
				top: 0;
				bottom: 0;
				line-height: 200px;
			 }
 
				body>.header>.center>.logo>img {vertical-align: middle;}
 
			body>.header>.center>.right {
				position: absolute;
				right: 0;
				top: calc(50% - (90px)/2);
			 }
 
				body>.header>.center>.right>a {
					font-size: 13px;
					float: left;
					margin-bottom: 10px;
					color: #fff;
					clear: both;
					text-align: center;
					width: 190px;
					transition: 200ms background;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
					line-height: 40px;
					padding: 0 20px;
					background: #d32f2f;
					border-radius: 3px;
					cursor: pointer;
				 }
 
					body>.header>.center>.right>a:first-child {background: #6c9c14;}
 
					body>.header>.center>.right>a.goadm {
						width: 70px;
						height: 90px;
						position: absolute;
						left: -80px;
						background: url('../img/header/title_box_house.png') no-repeat center center #bfa132;
					 }
 
	body>.navigation {
		background: #fff;
		height: 60px;
	 }
 
		body>.navigation>ul.center {
			width: 970px;
			margin: auto;
			height: 60px;
		 }
 
			body>.navigation>ul.center>li {
				z-index: 99;
				cursor: pointer;
				position: relative;
				height: 60px;
				float: left;
				line-height: 62px;
				border-left: 1px solid #eee;
				transition: 200ms background;
			 }
 
				body>.navigation>ul.center>li:hover {background: #f9f9f9;}
 
				body>.navigation>ul.center>li.slc {background: #f9f9f9;}
 
				body>.navigation>ul.center>li:last-child {border-right: 1px solid #eee;}
 
				body>.navigation>ul.center>li>.img {
					text-align: center;
					line-height: 60px;
					float: left;
					height: 60px;
					overflow: hidden;
				 }
 
					body>.navigation>ul.center>li>.img>img {margin-top: -10px;}
 
					body>.navigation>ul.center>li>.img.little {
						line-height: 60px;
						margin: 0 14px;
					 }
 
						body>.navigation>ul.center>li>.img.little>img {
							vertical-align: middle;
							margin-top: -2px;
						 }
 
				body>.navigation>ul.center>li>.href {
					float: left;
					margin-right: 18px;
					color: #666;
					font-size: 14px;
					text-transform: uppercase;
					font-weight: 600;
				 }
 
				body>.navigation>ul.center>li>ul.ssmenu {
					padding: 10px 0 0 0;
					display: none;
					position: absolute;
					top: 60px;
					left: -1px;
					border-radius: 3px;
					white-space: nowrap;
				 }
 
				body>.navigation>ul.center>li:hover>ul.ssmenu {display: block;}
 
				body>.navigation>ul.center>li>ul.ssmenu:after {
					box-shadow: 0 1px 6px rgba(0,0,0,0.3);
					content: '';
					z-index: -2;
					position: absolute;
					border-radius: 3px;
					background: #fff;
					left: 0;
					right: 0;
					top: 10px;
					bottom: 0;
				 }
 
				body>.navigation>ul.center>li>ul.ssmenu:before {
					content: '';
					z-index: -1;
					position: absolute;
					left: 10px;
					top: -5px;
					border: 10px solid transparent;
					border-bottom-color: #fff;
				 }
 
				body>.navigation>ul.center>li>ul.ssmenu>li {
					overflow: hidden;
					position: relative;
					float: left;
					width: 100%;
					line-height: 16px;
					border-bottom: 1px solid #f7f7f7;
				 }
 
					body>.navigation>ul.center>li>ul.ssmenu>li>a {
						padding: 10px 25px 10px 13px;
						float: left;
						font-size: 13px;
						color: #888;
						width: 100%;
						background: transparent;
						transition: 200ms;
					 }
 
					body>.navigation>ul.center>li>ul.ssmenu>li:hover>a {
						background: #2d6284;
						color: #fff;
					 }
 
					body>.navigation>ul.center>li>ul.ssmenu>li:first-child {border-radius: 3px 3px 0 0;}
 
					body>.navigation>ul.center>li>ul.ssmenu>li:last-child {
						border-radius: 0 0 3px 3px;
						border: none;
					 }
 
	body>noscript>.error {
		background: #d32f2f;
		line-height: 50px;
		color: #fff;
		text-align: center;
	 }
 
	body>.informations {
		background: #549daf;
		width: 970px;
		margin: auto;
		margin-top: 10px;
		border-radius: 3px;
		padding: 15px;
	 }
 
		body>.informations>.title {
			color: #fff;
			text-shadow: 0 1px 2px rgba(0,0,0,0.2);
			font-size: 14px;
		 }
 
			body>.informations>.title>a {
				float: right;
				color: #fff;
				font-size: 13px;
				background: rgba(0,0,0,0.2);
				margin: -5px;
				padding: 8px;
				border-radius: 3px;
				text-shadow: none;
			 }
 
		body>.informations>p {
			font-size: 14px;
			margin-top: 10px;
			color: #ddd;
		 }
 
			body>.informations>p>a {
				color: #ddd;
				border-bottom: 1px solid #ddd;
			 }
 
		body>.informations.staff {
			background: #c74a4a;
			width: 970px;
			margin: auto;
			margin-top: 10px;
			border-radius: 3px;
			padding: 15px;
		 }
 
			body>.informations.staff>.title {
				color: #fff;
				text-shadow: 0 1px 2px rgba(0,0,0,0.2);
				font-size: 14px;
			 }
 
				body>.informations.staff>.title>a {
					float: right;
					color: #fff;
					font-size: 13px;
					background: rgba(0,0,0,0.2);
					margin: -5px;
					padding: 8px;
					border-radius: 3px;
					text-shadow: none;
				 }
 
				body>.informations.staff>.title>.surligne {border-bottom: 1px solid!important}
 
				body>.informations.staff>.title>strong {
					font-weight: 600!important;
					color: #fffdfd;
				 }
 
			body>.informations.staff>p {
				font-size: 14px;
				margin-top: 10px;
				color: #ddd;
			 }
 
				body>.informations.staff>p>strong {
					font-weight: 600!important;
					color: #fffdfd;
				 }
 
				body>.informations.staff>p>a {
					color: #ddd;
					border-bottom: 1px solid #ddd;
				 }
 
	body>.page {
		width: 970px;
		position: relative;
		margin: auto;
		margin-top: 10px;
	 }
 
		body>.page>.error {
			border-radius: 3px;
			margin-bottom: 10px;
			background: #d32f2f;
			line-height: 40px;
			color: #fff;
			text-align: center;
			float: left;
			width: 100%;
		 }
 
		body>.page>.good {
			font-family: 'Habbfont','Roboto';
			border-radius: 3px;
			margin-bottom: 10px;
			background: #549daf;
			line-height: 40px;
			color: #fff;
			text-align: center;
			float: left;
			width: 100%;
		 }
 
*>.box {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
 }
 
	*>.box>.title {
		width: 100%;
		float: left;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		border-radius: 3px 3px 0 0;
	 }
 
		*>.box>.title>.img {
			border-radius: 3px 0 0 0;
			float: left;
			background: rgba(0,0,0,0.1);
			height: 100%;
			line-height: 47px;
			width: 50px;
			text-align: center;
		 }
 
			*>.box>.title>.img>img {vertical-align: middle;}
 
		*>.box>.title>p {
			line-height: 50px;
			padding-left: 20px;
			float: left;
			font-size: 15px;
			color: #fff;
			text-shadow: 0 1px 2px rgba(0,0,0,0.5);
		 }
 
		*>.box>.title.orange {background: url('../img/header/title_orange.png');}
 
		*>.box>.title.red {background: url('../img/header/title_red.png');}
 
		*>.box>.title.blue {background: url('../img/header/title_blue.png');}
 
		*>.box>.title.green {background: url('../img/header/title_green.png');}
 
		*>.box>.title.lightblue {background: url('../img/header/title_light_blue.png');}
 
		*>.box>.title.black {background: url('../img/header/title_black.png');}
 
		*>.box>.title.pink {background: url('../img/header/title_pink.png');}
 
		*>.box>.title.yellow {background: url('../img/header/title_yellow.png');}
 
*>.cache {
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
 }
 
	*>.cache>.box {
		width: 650px;
		position: absolute;
		top: 70px;
		margin-bottom: 50px;
		left: calc(50% - 650px/2);
		box-shadow: 0 0 10px 5px rgba(0,0,0,0.5)
	 }
 
		*>.cache>.box>.title>.close {
			float: right;
			background: url('../img/header/title_box_close.png') no-repeat center center #d32f2f;
			color: transparent;
			width: 25px;
			height: 25px;
			border-radius: 3px;
			margin: 12px;
			cursor: pointer;
		 }
 
			*>.cache>.box>.title>.close:hover {opacity: 0.9;}
 
		*>.cache>.box>.content {
			padding: 17px;
			float: left;
		 }
 
			*>.cache>.box>.content>.badge {
				cursor: pointer;
				background: #ccc;
				border-radius: 3px;
				text-align: center;
				line-height: 63.5px;
				float: left;
				width: 63.5px;
				height: 63.5px;
				margin: 0 10px 10px 0;
			 }
 
				*>.cache>.box>.content>.badge>img {vertical-align: middle;}
 
			*>.cache>.box>.content>a {color: #222;}
 
				*>.cache>.box>.content>a:hover {border-bottom: 1px solid #222;}
 
			*>.cache>.box>.content>form {
				padding: 0 10px 10px 10px;
				float: left;
				width: 100%;
			 }
 
				*>.cache>.box>.content>form>input {
					padding: 9px 10px;
					border-radius: 3px;
					float: left;
					background: #fff;
					border: 1px solid rgba(0,0,0,0.3);
					margin-top: 10px;
				 }
 
				*>.cache>.box>.content>form>input[name="newmail"] {
					width: calc(60% - 5px);
					margin-right: 10px;
				 }
 
				*>.cache>.box>.content>form>input[type="submit"] {
					width: calc(40% - 5px);
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
					background: #6c9c14;
					color: #fff;
					transition: 200ms background;
					border: none;
					cursor: pointer;
					color: #fff;
					text-align: center;
				 }
 
					*>.cache>.box>.content>form>input[type="submit"]:hover {background: #68911d;}
 
			*>.cache>.box>.content>.bouton {margin-top: 40px;}
 
				*>.cache>.box>.content>.bouton>a {
					color: #fff;
					margin: 10px;
					font-size: 13px;
					float: right;
					text-align: center;
					line-height: 40px;
					width: calc(25% - 20px);
					transition: 200ms background;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
					padding: 0 20px;
					background: #6c9c14;
					border-radius: 3px;
					cursor: pointer;
				 }
 
					*>.cache>.box>.content>.bouton>a:hover {background: #68911d;}
 
body>.footer {
	width: 100%;
	float: left;
	margin-bottom: 50px;
 }
 
	body>.footer>.center {
		width: 970px;
		margin: auto;
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
	 }
 
		body>.footer>.center>.left {
			float: left;
			padding: 20px;
		 }
 
			body>.footer>.center>.left>.copy {
				float: left;
				clear: both;
				color: #666;
				font-size: 14px;
			 }
 
			body>.footer>.center>.left>.p {
				float: left;
				clear: both;
				font-size: 14px;
				margin-top: 10px;
			 }
 
				body>.footer>.center>.left>.p>p {color: #888;}
 
		body>.footer>.center>.right {
			float: right;
			margin: 12px;
		 }
 
.textareaGIS {
	background: #eee;
	float: left;
	width: 100%;
	margin-top: 10px;
	border-radius: 3px 3px 0 0;
	padding: 5px;
	overflow: hidden;
 }
 
	.textareaGIS>.editstylesujet {
		float: left;
		width: 30px;
		height: 30px;
		background: rgba(0,0,0,0.05);
		margin-right: 5px;
		border-radius: 3px;
		cursor: pointer;
		text-align: center;
		line-height: 30px;
	 }
 
		.textareaGIS>.editstylesujet.colors {
			width: auto!important;
			padding: 0 10px;
		 }
 
	.textareaGIS>.preview {
		float: right;
		background: rgba(0,0,0,0.05);
		line-height: 30px;
		padding: 0 10px;
		font-size: 13px;
		border-radius: 3px;
		color: #999;
		cursor: pointer;
	 }
 
	.textareaGIS>.previewreponse {
		float: right;
		background: rgba(0,0,0,0.05);
		line-height: 30px;
		padding: 0 10px;
		font-size: 13px;
		border-radius: 3px;
		color: #999;
		cursor: pointer;
	 }
 
.previewBBC {
	margin-top: 5px;
	float: left;
	width: 100%;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	border-radius: 3px;
	font-size: 14px;
 }