@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";

 #logo {
  width: 300px;
  height: 150px;
	position: relative;
  top: 30px;
	z-index: 1;
 }

#logo>a {height: 100%;}

#logo>a {
	display: block;
	width: 100%;
 }

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: -20px -20px 0 1000px #242424 inset;
		-webkit-text-fill-color: #aaa!important;
	 }

	*

	::-webkit-scrollbar {
		width: 7px;
		background: transparent;
		position: fixed;
	 }

	*


	::-webkit-scrollbar-thumb {
		background: url('../img/scrollbar_center.png');
		border-radius: 10px;
	 }

#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;
	 }

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: #eee;
	 }

	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>.pc_device>noscript>.error {
		background: #d32f2f;
		line-height: 50px;
		color: #fff;
		text-align: center;
	 }

	body>.pc_device>.top {
		width: 100%;
		height: 260px;
		background: #333;
		background: #333 url('../img/index_header.png') no-repeat top center;
		float: left;
	 }

		body>.pc_device>.top>.center {
			width: 970px;
			margin: auto;
			position: relative;
			height: 200px;
			border-bottom: 1px solid rgba(255,255,255,0.02);
		 }

			body>.pc_device>.top>.center>a {
				float: left;
				line-height: 180px;
			 }

				body>.pc_device>.top>.center>a>img {vertical-align: middle;}

			body>.pc_device>.top>.center>.buttons {
				position: absolute;
				right: 0;
				top: calc(50% - 45px);
				height: 90px;
			 }

				body>.pc_device>.top>.center>.buttons>.btn {
					width: 100%;
					float: left;
					clear: both;
					height: 40px;
					margin-bottom: 10px;
					background: #2A88AA;
					font-size: 14px;
					cursor: pointer;
					border-radius: 3px;
					line-height: 40px;
					padding: 0 18px;
					text-align: center;
					color: #fff;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
				 }

					body>.pc_device>.top>.center>.buttons>.btn.socyalize {
						background: rgba(0,0,0,0.5);
						overflow: hidden;
						width: 285px;
					 }

						body>.pc_device>.top>.center>.buttons>.btn.socyalize>* {
							background: #000;
							float: left;
							padding-top: 9px;
							padding-bottom: 10px;
							color: #fff;
							opacity: 0;
						 }

						body>.pc_device>.top>.center>.buttons>.btn.socyalize:before {
							content: 'Conéctate con tus redes sociales';
							position: absolute;
							left: 0;
							right: 0;
							text-align: center;
						 }

		body>.pc_device>.top>.down {
			background: #333;
			height: 60px;
			width: 970px;
			margin: auto;
			position: relative;
			padding-top: 10px;
		 }

			body>.pc_device>.top>.down>.left {
				float: left;
				position: relative;
			 }

				body>.pc_device>.top>.down>.left>a {
					font-size: 30px;
					line-height: 40px;
					border-radius: 4px;
					overflow: hidden;
					margin-right: 5px;
				 }

					body>.pc_device>.top>.down>.left>a.facebook {color: #3b5999;}

					body>.pc_device>.top>.down>.left>a.twitter {color: #55acee;}

			body>.pc_device>.top>.down>.right {
				float: right;
				position: relative;
			 }

				body>.pc_device>.top>.down>.right>form>input {
					float: left;
					margin-left: 10px;
				 }

					body>.pc_device>.top>.down>.right>form>input:not([type="submit"]) {
						background: rgba(0,0,0,0.3);
						color: #ccc;
						font-size: 14px;
						padding: 0 13px;
						border-radius: 4px;
						height: 40px;
						width: 170px;
					 }

				body>.pc_device>.top>.down>.right>.loginform>.login_mailornick {
					width: 221px;
					padding-right: 61px;
				 }

				body>.pc_device>.top>.down>.right>.loginform>.placecaptcha {
					position: absolute;
					left: 509px;
					top: 5px;
				 }

				body>.pc_device>.top>.down>.right>form>input[type="submit"] {
					font-size: 13px;
					color: #fff;
					transition: 200ms background;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
					line-height: 40px;
					padding: 0 20px;
					background: #689f38;
					border-radius: 3px;
					cursor: pointer;
				 }

					body>.pc_device>.top>.down>.right>form>input[type="submit"]:hover {background: #558b2f;}

					body>.pc_device>.top>.down>.right>form>input[type="submit"]:active {background: #558b2f;}

				body>.pc_device>.top>.down>.right>form>a {
					font-size: 13px;
					float: left;
					margin-left: 10px;
					color: #fff;
					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>.pc_device>.top>.down>.right>form>a:hover {background: #c62828;}

					body>.pc_device>.top>.down>.right>form>a:active {background: #c62828;}

				body>.pc_device>.top>.down>.right>form>.avatarlogin {
					position: absolute;
					left: 170px;
					height: 70px;
          top: -30px;
          overflow: hidden;
				 }

	body>.pc_device>.section {
		width: 100%;
		overflow: hidden;
		position: relative;
	 }

		body>.pc_device>.section>.bottom {
			height: 110px;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
		 }

			body>.pc_device>.section>.bottom:after {
				border-radius: 0 4px 0 0;
				content: '';
				left: 0;
				right: calc(100% - (50% - 1000px/2));
				height: 100%;
				top: 0;
				bottom: 0;
				position: absolute;
			 }

			body>.pc_device>.section>.bottom:before {
				border-radius: 4px 0 0 0;
				content: '';
				right: 0;
				left: calc(100% - (50% - 1000px/2));
				height: 100%;
				top: 0;
				bottom: 0;
				position: absolute;
			 }

			body>.pc_device>.section>.bottom>.trait {
				position: absolute;
				left: calc(50% - 1000px/2);
				width: 1000px;
				height: 5px;
				bottom: 0;
			 }

				body>.pc_device>.section>.bottom>.trait:after {
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					height: 5px;
					border-radius: 0 0 3px 3px;
				 }

		body>.pc_device>.section>.center {
			z-index: 2;
			width: 970px;
			margin: auto;
			position: relative;
		 }

			body>.pc_device>.section>.center>h1 {
				position: relative;
				width: 100%;
				margin: 15px 0 25px 0;
				float: left;
			 }

				body>.pc_device>.section>.center>h1>p {
					font-size: 22px;
					font-weight: 600;
					width: 100%;
					float: left;
					clear: both;
				 }

					body>.pc_device>.section>.center>h1>p>span {
						font-weight: 600;
						font-size: 22px;
					 }

				body>.pc_device>.section>.center>h1>i {
					margin-top: 5px;
					clear: both;
					font-style: normal;
					float: left;
					font-size: 12px;
					color: #999;
				 }

					body>.pc_device>.section>.center>h1>i>a {
						color: #666;
						cursor: pointer;
					 }

						body>.pc_device>.section>.center>h1>i>a:hover {border-bottom: 1px solid #666;}

		body>.pc_device>.section.white {background: #eee;}

		body>.pc_device>.section.presk {background: #373737;}

		body>.pc_device>.section.black {background: #212121;}

		body>.pc_device>.section.white>.bottom>.trait:after {background: #eee;}

		body>.pc_device>.section.presk>.bottom>.trait:after {background: #373737;}

		body>.pc_device>.section>.center>h1.green>p {color: #666;}

			body>.pc_device>.section>.center>h1.green>p>span {color: #6c9c14;}

		body>.pc_device>.section>.center>h1.green>i {color: #999;}

			body>.pc_device>.section>.center>h1.green>i>a {color: #666;}

		body>.pc_device>.section>.center>h1.white>i>a:hover {border-bottom: 1px solid #666;}

		body>.pc_device>.section>.center>h1.white>p {color: #fff;}

			body>.pc_device>.section>.center>h1.white>p>span {color: #d7d7d7;}

		body>.pc_device>.section>.center>h1.white>i {color: #fff;}

			body>.pc_device>.section>.center>h1.white>i>a {color: #d7d7d7;}

				body>.pc_device>.section>.center>h1.white>i>a:hover {border-bottom: 1px solid #d7d7d7;}

		body>.pc_device>.section>.bottom.presk:after {background: #373737;}

		body>.pc_device>.section>.bottom.presk:before {background: #373737;}

		body>.pc_device>.section>.bottom.presk>.trait {background: #373737;}

		body>.pc_device>.section>.bottom.black:after {background: #212121;}

		body>.pc_device>.section>.bottom.black:before {background: #212121;}

		body>.pc_device>.section>.bottom.black>.trait {background: #212121;}

		body>.pc_device>.section>.center>.news {
			position: relative;
			float: left;
			width: calc(100% + 15px);
		 }

			body>.pc_device>.section>.center>.news>.new {
				width: calc(100%/4 - 15px);
				float: left;
				margin-right: 15px;
				border-radius: 4px 4px 0 0;
				overflow: hidden;
				margin-bottom: 15px;
			 }

				body>.pc_device>.section>.center>.news>.new>.photo {
					float: left;
					width: 100%;
					height: 150px;
					position: relative;
				 }

					body>.pc_device>.section>.center>.news>.new>.photo>a {
						position: absolute;
						bottom: 10px;
						right: 10px;
						transition: 200ms;
						float: left;
						color: #eee;
						padding: 15px;
						font-size: 12px;
						background: #6c9c14;
						border-radius: 4px;
					 }

				body>.pc_device>.section>.center>.news>.new>.content {
					position: relative;
					width: 100%;
					height: 130px;
					float: left;
					background: #e3e3e3;
					border-radius: 0 0 4px 4px;
				 }

					body>.pc_device>.section>.center>.news>.new>.content>.title {
						width: 100%;
						font-size: 14px;
						padding: 7px 7px 0 7px;
						color: #999;
					 }

					body>.pc_device>.section>.center>.news>.new>.content>.snippet {
						width: 100%;
						font-size: 14px;
						padding: 7px;
						color: #666;
					 }

		body>.pc_device>.section>.center>.classment {
			position: relative;
			float: right;
			width: 30%;
			height: 277px;
			background: url('../img/index/classement_index.png') no-repeat center 50px;
		 }

			body>.pc_device>.section>.center>.classment>.mek {
				position: absolute;
				width: 104px;
				height: 100%;
				text-align: center;
			 }

				body>.pc_device>.section>.center>.classment>.mek>.text {
					-webkit-transform: rotate(42deg) skew(42deg,-16deg);
					width: 56px;
					padding: 10px 0;
					font-size: 10px;
					position: absolute;
				 }

					body>.pc_device>.section>.center>.classment>.mek>.text>p {
						color: #fff;
						text-shadow: 0 1px 2px rgba(0,0,0,0.1);
					 }

				body>.pc_device>.section>.center>.classment>.mek.first {
					left: 90px;
					top: -11px;
				 }

					body>.pc_device>.section>.center>.classment>.mek.first>.text {
						left: 55px;
						top: 107px;
						transform: rotate(-42deg) skew(-41deg,16deg);
					 }

				body>.pc_device>.section>.center>.classment>.mek.second {
					left: 10px;
					top: 36px;
				 }

					body>.pc_device>.section>.center>.classment>.mek.second>.text {
						left: -5px;
						top: 123px;
					 }

				body>.pc_device>.section>.center>.classment>.mek.thrith {
					right: 10px;
					top: 76px;
				 }

					body>.pc_device>.section>.center>.classment>.mek.thrith>.text {
						left: 0px;
						top: 123px;
					 }

		body>.pc_device>.section>.center>.forum {
			width: 70%;
			float: left;
		 }

			body>.pc_device>.section>.center>.forum>.sujet {
				float: left;
				width: calc(100%/2 - 20px);
				margin-right: 15px;
				background: rgba(0,0,0,0.3);
				height: 80px;
				border-radius: 3px;
				overflow: hidden;
				margin-bottom: 15px;
			 }

				body>.pc_device>.section>.center>.forum>.sujet>.avatar {
					float: left;
					width: 64px;
					height: 68px;
					overflow: hidden;
					background: rgba(0,0,0,0.4);
					margin: 6px;
					border-radius: 3px;
				 }

					body>.pc_device>.section>.center>.forum>.sujet>.avatar>img {margin-top: -10px;}

				body>.pc_device>.section>.center>.forum>.sujet>.infos {
					float: right;
					width: calc(100% - 76px);
				 }

					body>.pc_device>.section>.center>.forum>.sujet>.infos p.title {
						white-space: nowrap;
						float: left;
						height: 35px;
						line-height: 35px;
						font-size: 14px;
						background: rgba(0,0,0,0.2);
						border-radius: 3px;
						padding: 0 12px;
						width: calc(100% - 8px);
						overflow: hidden;
						text-overflow: ellipsis;
						color: #fff;
						clear: both;
						margin-top: 8px;
					 }

					body>.pc_device>.section>.center>.forum>.sujet>.infos p.by {
						float: left;
						width: calc(100% - 8px);
						background: rgba(0,0,0,0.1);
						padding: 0 8px;
						border-radius: 3px;
						overflow: hidden;
						text-overflow: ellipsis;
						font-size: 12px;
						line-height: 25px;
						white-space: nowrap;
						margin-top: 5px;
						color: #999;
					 }

						body>.pc_device>.section>.center>.forum>.sujet>.infos p.by>span {color: #666;}

							body>.pc_device>.section>.center>.forum>.sujet>.infos p.by>span:hover {border-bottom: 1px solid #666;}

		body>.pc_device>.section>.center>.footer {
			padding: 25px 0 20px 0;
			overflow: hidden;
		 }

			body>.pc_device>.section>.center>.footer>.link {
				float: left;
				font-size: 14px;
			 }

				body>.pc_device>.section>.center>.footer>.link>a {
					font-size: 14px;
					color: #aaa;
					cursor: pointer;
				 }

					body>.pc_device>.section>.center>.footer>.link>a:hover {border-bottom: 1px solid #aaa;}

			body>.pc_device>.section>.center>.footer>.copy {
				float: right;
				color: #aaa;
				font-size: 14px;
			 }

*>.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/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>.changemdp_ajxload {
				background: #d32f2f;
				margin-bottom: 17px;
				padding: 9px;
				color: #fff;
				text-align: center;
				display: none;
			 }

			*>.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="emailmdp"] {
					width: calc(80% - 10px);
					margin-top: 15px;
				 }

				*>.cache>.box>.content>form>input[name="hc_captcha"] {width: 50%;}

				*>.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;
					float: right;
				 }

					*>.cache>.box>.content>form>input[type="submit"]:hover {background: #68911d;}

			*>.cache>.box>.content>center>form {
				padding: 0 10px 10px 10px;
				float: left;
				width: 100%;
			 }

				*>.cache>.box>.content>center>form>input {
					padding: 9px 10px;
					border-radius: 3px;
					background: #fff;
					border: 1px solid rgba(0,0,0,0.3);
					margin-top: 10px;
				 }

				*>.cache>.box>.content>center>form>input[name="mdpnew"] {
					width: calc(80% - 10px);
					margin-top: 15px;
				 }

				*>.cache>.box>.content>center>form>input[name="mdpconfirm"] {
					width: calc(80% - 10px);
					margin-top: 15px;
				 }

				*>.cache>.box>.content>center>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>center>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;
					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;}